58UXD：在互聯(lián)網(wǎng)的下半場(chǎng)中，用戶增長(zhǎng)乏力的形勢(shì)日益凸顯，充分發(fā)揮用戶的流量?jī)r(jià)值變得尤為重要。然而對(duì)用戶單一業(yè)務(wù)維度的滿足已經(jīng)不足以支撐住用戶日益增高的體驗(yàn)訴求，只有圍繞用戶訴求打造多場(chǎng)景、精細(xì)化、一致性的體驗(yàn)，才能打破用戶對(duì)產(chǎn)品工具屬性的定位，對(duì)平臺(tái)形成更高程度的依賴。基于此，我們發(fā)起了本次首頁(yè) 9.0 版本的改版，希望達(dá)成「知你所需，予你所求」的戰(zhàn)略目標(biāo)。

我們通過挖掘用戶場(chǎng)景來建立規(guī)則，并刺激業(yè)務(wù)生產(chǎn)更多有價(jià)值的內(nèi)容反哺給用戶，周而復(fù)始來滿足用戶的多場(chǎng)景使用體驗(yàn)。與此同時(shí)，對(duì)目標(biāo)進(jìn)行拆解，通過提升信息容量、豐富展現(xiàn)形式以及拓展內(nèi)容維度，對(duì)結(jié)構(gòu)及各個(gè)模塊進(jìn)行再造。從而實(shí)現(xiàn)無論是供給端還是用戶的決策，都可以從該通道抵達(dá)相同的目標(biāo)。

基于此，我們從多個(gè)維度展開前期的分析工作，圍繞著分析結(jié)果制定設(shè)計(jì)策略，通過設(shè)計(jì)原則來執(zhí)行策略，最終應(yīng)用到設(shè)計(jì)中的各個(gè)環(huán)節(jié)。這讓產(chǎn)品更聚焦于當(dāng)前所要解決的問題，讓目標(biāo)更加清晰明朗，讓最終結(jié)果的呈現(xiàn)更加貼合各方訴求。

我們希望通過體系化的設(shè)計(jì)方式打破產(chǎn)品屬性的壁壘，將產(chǎn)品背后交織的復(fù)雜邏輯與數(shù)據(jù)通過用戶的行為進(jìn)行分類和歸整。設(shè)計(jì)體系的存在即是在中間環(huán)節(jié)進(jìn)行協(xié)調(diào)，讓呈現(xiàn)的結(jié)果具備科學(xué)性。既能滿足業(yè)務(wù)的需求，又能從中延展出不同的形式來激勵(lì)業(yè)務(wù)，使之產(chǎn)生更多的可能性。

千人千面需要從用戶的多元需求去深挖，用戶想要什么比我們能給什么更重要

想要實(shí)現(xiàn)千人千面的目標(biāo)，讓每個(gè)用戶都能找到其感興趣的精細(xì)化的內(nèi)容，要求我們對(duì)用戶場(chǎng)景的充分理解與深挖，在用戶的使用流程中，定制化每一個(gè)場(chǎng)景，幫助用戶解決生活中的每一個(gè)重要時(shí)刻。

以前我們都是根據(jù)用戶在業(yè)務(wù)線的行為推測(cè)用戶當(dāng)前需求，根據(jù)需求向用戶推送單一的業(yè)務(wù)線專題或相關(guān)的通知，但是這樣做就會(huì)造成推薦的場(chǎng)景單一、信息不夠豐富的問題。為了改善這個(gè)問題，我們這次從場(chǎng)景出發(fā)，挖掘用戶更多的需求。只有深刻地了解用戶及其生活所需，并將用戶的行為通過場(chǎng)景轉(zhuǎn)化為信息，方能帶來前所未有的體驗(yàn)。

我們調(diào)整了信息的聚合方式，將以業(yè)務(wù)為中心調(diào)整為以用戶需求為中心來推薦內(nèi)容，通過對(duì)用戶群體的挖掘，我們發(fā)現(xiàn)用戶的需求往往是在動(dòng)態(tài)流轉(zhuǎn)的，這時(shí)我們除了要滿足用戶的核心訴求之外，也要嘗試滿足用戶的衍生需求及潛在需求，但用戶對(duì)這些邊緣需求往往缺少預(yù)期。

以找工作為例，用戶對(duì) 58 的預(yù)期是能夠從海量的崗位中找到合適的工作，但是對(duì)于確定擇業(yè)方向、判斷企業(yè)優(yōu)劣、入職相關(guān)事宜等衍生需求以及租房、交友、搬家等潛在需求感知較弱，這時(shí)我們就要嘗試讓用戶在完成核心訴求的同時(shí)去發(fā)現(xiàn)這些邊界需求，用戶的使用路徑也由之前的單一線狀變成了網(wǎng)狀，以此打破業(yè)務(wù)屏障。

與此同時(shí)，我們梳理出了典型用戶的體驗(yàn)流程，基于大量的用戶畫像觀測(cè)并總結(jié)出用戶在流程節(jié)點(diǎn)上的共性需求，同時(shí)結(jié)合業(yè)務(wù)線的服務(wù)能力，為用戶推薦符合需求的內(nèi)容或服務(wù)。

為了讓用戶更好地發(fā)現(xiàn)這些場(chǎng)景，我們?cè)谑醉?yè)上增加了大量場(chǎng)景透?jìng)鞯娜肟?。首先將首?yè)的頂部打造為業(yè)務(wù)主打區(qū)，對(duì)集團(tuán)的創(chuàng)新項(xiàng)目進(jìn)行突出展示，并應(yīng)用動(dòng)畫效果來引起用戶的注意。同時(shí)為了讓頁(yè)面更靈活豐富，icon 區(qū)以及占據(jù)首屏約 70% 的背景圖都支持配置，可為大型的運(yùn)營(yíng)活動(dòng)提供承載能力。

其次將腰部區(qū)域定義為場(chǎng)景感知區(qū)，我們將分散的推薦信息進(jìn)行整合，通過用戶畫像匹配內(nèi)容信息來滿足用戶不同的場(chǎng)景。而在用戶的使用路徑中，場(chǎng)景感知區(qū)的內(nèi)容及形式也會(huì)隨著用戶的場(chǎng)景進(jìn)行變化。

再次，將底部區(qū)域作為生態(tài)拓展區(qū)，將業(yè)務(wù)信息、UGC、PGC、專題、運(yùn)營(yíng)等多維度信息以用戶訴求為維度進(jìn)行聚合，作為對(duì)場(chǎng)景感知區(qū)的補(bǔ)充，滿足用戶的長(zhǎng)尾需求。同時(shí)讓用戶能有更多內(nèi)容可看，刷新對(duì)服務(wù)能力的固有認(rèn)知。

千人千面要求設(shè)計(jì)師不只是設(shè)計(jì)一套頁(yè)面，而是設(shè)計(jì)一套生成頁(yè)面的規(guī)則

想要讓頁(yè)面具有能承載多元場(chǎng)景的能力，這對(duì)頁(yè)面的靈活性和信息承載能力提出了更高的要求。這要求設(shè)計(jì)師在處理頁(yè)面信息時(shí)，不再是給業(yè)務(wù)線「分蛋糕」，而是為用戶「做蛋糕」，也就是基于用戶的訴求去定制內(nèi)容。

首先我們需要增加頁(yè)面可定制的部分，同時(shí)要求頁(yè)面的結(jié)構(gòu)足夠模塊化，讓海量的信息得以以統(tǒng)一的形式進(jìn)行展現(xiàn)，而不讓頁(yè)面顯得過于凌亂。其次是增加頁(yè)面信息的承載容量，從而提高命中用戶的機(jī)會(huì)。在增加信息容量方面，一是增加信息的靜態(tài)容量，增加更多推薦的入口，另外一方面是提高信息的動(dòng)態(tài)容量，在同一入口內(nèi)提高信息的展現(xiàn)的頻次，即在有限的空間內(nèi)，形成無限的組合。

為了更好的讓首頁(yè)做到「千人千面」，本次改版的一個(gè)主要目標(biāo)是將推薦在首屏能夠露出部分內(nèi)容，因此場(chǎng)景感知區(qū)的高度就要降低。為了解決內(nèi)容越來越多，但空間卻越來越小的問題，我們?cè)谠O(shè)計(jì)中用到了「七巧板」理論。

七巧板理論 – 有限空間內(nèi)，無限的組合

之前我們需要什么模塊或頻道，就在場(chǎng)景感知區(qū)給這個(gè)模塊開辟一個(gè)位置，即使模塊內(nèi)的信息做到了千人千面，但模塊的樣式、形狀和相對(duì)位置都是固定的。如果我們以后需要添加更多的信息類型，這個(gè)區(qū)域會(huì)越來越高，這樣的結(jié)構(gòu)能承載的信息是有限的。

那么，如何讓有限的空間承載更多的信息？思考這個(gè)問題的過程中，我們聯(lián)想到了七巧板，即在固定空間內(nèi)，通過基本圖形的拼接，能組合成百上千種不同圖案。根據(jù)這樣的一個(gè)啟發(fā)，我們換了一種思考方式，把場(chǎng)景感知區(qū)域當(dāng)成七巧板，劃分出幾種基本形狀，再將信息根據(jù)自己的特性填充到這些基本模塊中，這些模塊可以排列組合，產(chǎn)生多種組合樣式。這樣一來，不僅信息千人千面，模塊本身的樣式和順序也能有所不同，從而做到「結(jié)構(gòu)越來越簡(jiǎn)單，內(nèi)容越來越豐富」。

通過信息管理設(shè)計(jì)系統(tǒng)將視覺語(yǔ)言「編碼化」，實(shí)現(xiàn)展現(xiàn)樣式的千人千面

在 58APP 9.0 版本中，我們賦予了它更加獨(dú)特的身份。在繼承的同時(shí)與當(dāng)下的潮流保持著同步。在新的版本中我們開始引用「信息管理設(shè)計(jì)系統(tǒng)」，并將設(shè)計(jì)系統(tǒng)中的四點(diǎn)原則──獨(dú)特、效率、智能、豐富貫穿至首頁(yè)。我們希望，在用戶使用產(chǎn)品的每個(gè)重要時(shí)刻，都可通過我們的設(shè)計(jì)，指引他們觸達(dá)更深層的場(chǎng)景。

我們將原則貫徹到設(shè)計(jì)中的每一處，使產(chǎn)品的最終呈現(xiàn)緊密圍繞著設(shè)計(jì)原則。不僅如此，我們將設(shè)計(jì)原則提升至更高的層級(jí)，最終對(duì)全平臺(tái)及各業(yè)務(wù)進(jìn)行覆蓋；系統(tǒng)性的設(shè)計(jì)猶如一個(gè)「容器」，包裹著所有元素，使產(chǎn)品最終的呈現(xiàn)更加統(tǒng)一，通過設(shè)計(jì)的容器，我們?cè)跇I(yè)務(wù)之間構(gòu)建了一種平衡的生態(tài)關(guān)系。

在新版本的設(shè)計(jì)中，我們定義了圖形標(biāo)識(shí)的框架及色彩范圍。通過提取58同城 LOGO 中的弧度，延展出了新的圖形標(biāo)識(shí)框架，在該框架內(nèi)對(duì)圖形進(jìn)行設(shè)計(jì)，這使每一個(gè)標(biāo)識(shí)都具備了58同城的屬性。頁(yè)面中的元素也更加貼合品牌且更具有凝聚力。

我們通過建立圖標(biāo)庫(kù)來對(duì)所有圖標(biāo)進(jìn)行分類管理，并將所有圖標(biāo)進(jìn)行編碼。在實(shí)現(xiàn)上，我們可以通過編碼來調(diào)取圖標(biāo)到頁(yè)面中并與樣式進(jìn)行拼接。

在色彩庫(kù)中，我們根據(jù)品牌色進(jìn)行延展，原有的四色基礎(chǔ)上擴(kuò)展至二十七種相近色及漸變樣式，并在其中增加了適用于暗黑模式下的配色。經(jīng)過對(duì)色彩的調(diào)試，這些顏色的應(yīng)用使產(chǎn)品更有活力，在屏幕上的顯示更為鮮活。

文本在產(chǎn)品中的應(yīng)用極其廣泛，通過梳理，我們將現(xiàn)有字號(hào)和字色進(jìn)行銜接并將其納入編碼庫(kù)中，在使用中更加便捷。

無論是基于品牌屬性的 DNA，還是通過推薦而來的內(nèi)容信息，我們將其理解為數(shù)據(jù)信息，是單一或者成組的數(shù)據(jù)串聯(lián)到一起的結(jié)果。我們細(xì)分到每一個(gè)元素，使用元素編碼的形式，將編碼與編碼之間進(jìn)行連接，直至拼裝成模塊，從而覆蓋用戶的大部分場(chǎng)景。

以場(chǎng)景感知區(qū)為例，我們將模塊中呈現(xiàn)的信息進(jìn)行拆解，通過解讀數(shù)據(jù)來源匹配資源庫(kù)中的圖形、色彩、線框、文本及文本色值等信息，將這些細(xì)分元素進(jìn)行編號(hào)，編號(hào)與編號(hào)之間拼接形成編碼，而編碼則對(duì)應(yīng)著最終呈現(xiàn)。

那些出乎意料的關(guān)懷，源自對(duì)用戶每一個(gè)細(xì)微場(chǎng)景下的感同身受

1. 獲取、理解、決策，信息的構(gòu)建依賴于使用者的訴求

我們希望用戶能夠聚焦于當(dāng)前所執(zhí)行的任務(wù)，無論是頁(yè)面層級(jí)，亦或者信息層級(jí)，恰當(dāng)合理的分布可有效地控制用戶的注意力，并將其引導(dǎo)至其所需的內(nèi)容。在本次首頁(yè)改版中，我們運(yùn)用了卡片的方式來對(duì)信息做聚合的處理。它的核心任務(wù)是將豐富，多樣和持久的內(nèi)容，聚焦在模塊中展現(xiàn)，并激勵(lì)用戶參與到內(nèi)容中。

2. 唯有與用戶感同身受，方能使體驗(yàn)更完整

在設(shè)計(jì)中，我們?cè)噲D喚醒使用者的感官體驗(yàn)，最終在使用者和產(chǎn)品之間產(chǎn)生共鳴。技術(shù)在這個(gè)時(shí)代日新月異，通過技術(shù)的變革來豐富人們的生活，同時(shí)也對(duì)其產(chǎn)生了依賴。產(chǎn)品不應(yīng)只有冰冷的數(shù)據(jù)信息及直白的功能，我們?cè)O(shè)計(jì)的節(jié)氣系列也一直在為用戶傳達(dá)著「讓生活簡(jiǎn)單美好」的概念。

3. 理解你白天的勞累，所以知道如何幫你放下夜晚的疲憊

同時(shí)隨著暗黑模式的到來，我們也為此進(jìn)行了設(shè)計(jì)。讓用戶在任何時(shí)間都可以輕松且舒適地瀏覽我們所提供的內(nèi)容。

總結(jié)

內(nèi)容在無時(shí)無刻地驅(qū)動(dòng)著產(chǎn)品走向用戶的內(nèi)心。我們?cè)诨ヂ?lián)網(wǎng)急速發(fā)展的時(shí)代里一路狂奔，與此同時(shí)對(duì)產(chǎn)品和用戶的理解也在不斷加深。

直至今日，我們明確的知道用戶需要什么內(nèi)容，甚至能夠在用戶對(duì)內(nèi)容的敏感度上做出預(yù)判。這些預(yù)判正是在回顧過往的歷程中所沉淀下來的經(jīng)驗(yàn)以及與現(xiàn)今用戶需求的結(jié)合。為了更好的激活多元場(chǎng)景體驗(yàn)，我們也在嘗試通過機(jī)制體系的構(gòu)建來激發(fā)業(yè)務(wù)線參與的熱情，同時(shí)也作為構(gòu)建體系化設(shè)計(jì)系統(tǒng)的根基。當(dāng)我們更加沉著冷靜地思考解決方案時(shí)，使用者與產(chǎn)品之間的連接關(guān)系會(huì)更加穩(wěn)固牢靠。

隨著58同城 9.0 版本的發(fā)布，我們將全新的品牌體驗(yàn)賦能于所有業(yè)務(wù)中。在不久的將來，用戶會(huì)在日常的使用中感受到前所未有的變化。而在全新的旅程中，58同城不止步于當(dāng)下，更思考長(zhǎng)遠(yuǎn)的未來。

歡迎關(guān)注「58UXD」的微信公眾號(hào)：