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

今天北京又是大暴雨，閑來無事，分享一個交互設(shè)計。之前負(fù)責(zé)網(wǎng)易二手房，在第一版里有些自己很喜歡的設(shè)計因為改版要暫時拿掉，還是想把這些拿出來分享，拋磚引玉，供大家討論。

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

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

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

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

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

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

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

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

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

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

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

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

三、更懂用戶

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

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

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

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

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