編輯導(dǎo)語：如何讓引導(dǎo)內(nèi)容更符合用戶預(yù)期？這需要產(chǎn)品在設(shè)計(jì)時(shí)考慮到用戶的關(guān)鍵需求、了解用戶的行為操作特點(diǎn)等方面。本篇文章里，作者以二手房交易頁(yè)面設(shè)計(jì)為例，分析了如何實(shí)現(xiàn)多維度單頁(yè)面選擇、以求實(shí)現(xiàn)更好的引導(dǎo)，一起來看一下。

今天北京又是大暴雨，閑來無事，分享一個(gè)交互設(shè)計(jì)。之前負(fù)責(zé)網(wǎng)易二手房，在第一版里有些自己很喜歡的設(shè)計(jì)因?yàn)楦陌嬉獣簳r(shí)拿掉，還是想把這些拿出來分享，拋磚引玉，供大家討論。

需求介紹：在不強(qiáng)制規(guī)定引導(dǎo)關(guān)系的前提下，根據(jù)用戶選擇改變“下一步”顯示內(nèi)容，從而實(shí)現(xiàn)引導(dǎo)內(nèi)容更符合用戶預(yù)期。

一、房產(chǎn)用戶關(guān)注3要素

北京買房用戶在選房時(shí)，考慮最多的是距離、便捷性、購(gòu)買力，分別對(duì)應(yīng)區(qū)域、地鐵、價(jià)格，尤其在初選階段，大多基于這三個(gè)維度選擇。

功能在設(shè)計(jì)中著重考慮到用戶在買房出擊階段的行為特點(diǎn)，簡(jiǎn)單地通過“三要素”的選擇尋找目標(biāo)房源，并按照關(guān)注的強(qiáng)弱順序用圖形化的方式排列。

而北京有300多個(gè)板塊，頁(yè)面空間無法完全呈現(xiàn)，如果用TAB切換的方式，操作又變得復(fù)雜。

我們通過數(shù)據(jù)可以發(fā)現(xiàn)一定時(shí)間內(nèi)用戶關(guān)注的板塊趨同，所以在默認(rèn)狀態(tài)下，板塊（中間位置）顯示在平臺(tái)內(nèi)用戶關(guān)注最多的9個(gè)區(qū)縣和其熱門板塊，從而使呈現(xiàn)的默認(rèn)內(nèi)容更貼近用戶（如下圖）。

二、內(nèi)容因你而變

這個(gè)功能非大數(shù)據(jù)匹配，而是基于用戶的操作來改變內(nèi)容，對(duì)于一個(gè)新頻道缺乏數(shù)據(jù)積累，通過用戶行為匹配的方式是比較合適的做法，考慮到開發(fā)的復(fù)雜程度，這版只實(shí)現(xiàn)了雙維度的交叉選擇。

前面說的三個(gè)維度中區(qū)域和地鐵有比較大的交集，用戶在選擇時(shí)也因人而異，對(duì)有些人選擇了地鐵站就是選擇了板塊，而另一部分人則相反。分析這兩種用戶行為：

基于上面行為，要讓用戶在選擇過程中內(nèi)容變化，需要為區(qū)域和板塊建立聯(lián)系，再通過前端實(shí)現(xiàn)雙維度的交叉選擇。

小明希望買西單的房子，在板塊中選擇西單后，右側(cè)地鐵變成經(jīng)過西單這個(gè)版塊的地鐵，再選擇1號(hào)線，就會(huì)匹配出在一號(hào)線地鐵西單站周邊的房子。按照用戶的操作，地鐵是區(qū)域的子級(jí)。

另一個(gè)用戶小紅，先選擇的1號(hào)線，中間的板塊對(duì)應(yīng)顯示1號(hào)線經(jīng)過的所有板塊，在選擇西單，這樣操作板塊是地鐵的子級(jí)。

三、更懂用戶

用戶在選擇過程中，每個(gè)人心里的關(guān)注順序也不盡相同，如果所有選項(xiàng)都陳列出來，不免頁(yè)面內(nèi)容過多而繁瑣，也會(huì)出現(xiàn)選擇維度無交集而導(dǎo)致的無結(jié)果。

雙維度的交叉選擇，兩個(gè)維度的關(guān)系由用戶決定，未來再加上對(duì)用戶之前行為的分析，以及相似用戶的行為變化趨勢(shì)……并增加選擇維度，將會(huì)構(gòu)成一個(gè)錯(cuò)綜復(fù)雜的引導(dǎo)結(jié)構(gòu)，如果能實(shí)現(xiàn)我想將會(huì)是一個(gè)高效的入口頁(yè)面。

作者：胡爺，職陪伴知識(shí)研習(xí)社發(fā)起人，公眾號(hào)：zhipeiban

本文由 @胡爺 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來自Unsplash，基于CC0協(xié)議