起點課堂會員權益
職業體系課特權
線下行業大會特權
個人IP打造特權
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導直播
12場專業技能直播
會員專屬社群
榮耀標識交互設計：多維度單頁面選擇的嘗試
編輯導語：如何讓引導內容更符合用戶預期？這需要產品在設計時考慮到用戶的關鍵需求、了解用戶的行為操作特點等方面。本篇文章里，作者以二手房交易頁面設計為例，分析了如何實現多維度單頁面選擇、以求實現更好的引導，一起來看一下。
今天北京又是大暴雨，閑來無事，分享一個交互設計。之前負責網易二手房，在第一版里有些自己很喜歡的設計因為改版要暫時拿掉，還是想把這些拿出來分享，拋磚引玉，供大家討論。
需求介紹：在不強制規定引導關系的前提下，根據用戶選擇改變“下一步”顯示內容，從而實現引導內容更符合用戶預期。
一、房產用戶關注3要素
北京買房用戶在選房時，考慮最多的是距離、便捷性、購買力，分別對應區域、地鐵、價格，尤其在初選階段，大多基于這三個維度選擇。
功能在設計中著重考慮到用戶在買房出擊階段的行為特點，簡單地通過“三要素”的選擇尋找目標房源，并按照關注的強弱順序用圖形化的方式排列。
而北京有300多個板塊，頁面空間無法完全呈現，如果用TAB切換的方式，操作又變得復雜。
我們通過數據可以發現一定時間內用戶關注的板塊趨同，所以在默認狀態下，板塊（中間位置）顯示在平臺內用戶關注最多的9個區縣和其熱門板塊，從而使呈現的默認內容更貼近用戶（如下圖）。
二、內容因你而變
這個功能非大數據匹配，而是基于用戶的操作來改變內容，對于一個新頻道缺乏數據積累，通過用戶行為匹配的方式是比較合適的做法，考慮到開發的復雜程度，這版只實現了雙維度的交叉選擇。
前面說的三個維度中區域和地鐵有比較大的交集，用戶在選擇時也因人而異，對有些人選擇了地鐵站就是選擇了板塊，而另一部分人則相反。分析這兩種用戶行為：
基于上面行為，要讓用戶在選擇過程中內容變化，需要為區域和板塊建立聯系，再通過前端實現雙維度的交叉選擇。
小明希望買西單的房子，在板塊中選擇西單后，右側地鐵變成經過西單這個版塊的地鐵，再選擇1號線，就會匹配出在一號線地鐵西單站周邊的房子。按照用戶的操作，地鐵是區域的子級。
另一個用戶小紅，先選擇的1號線，中間的板塊對應顯示1號線經過的所有板塊，在選擇西單，這樣操作板塊是地鐵的子級。
三、更懂用戶
用戶在選擇過程中，每個人心里的關注順序也不盡相同，如果所有選項都陳列出來，不免頁面內容過多而繁瑣，也會出現選擇維度無交集而導致的無結果。
雙維度的交叉選擇，兩個維度的關系由用戶決定，未來再加上對用戶之前行為的分析，以及相似用戶的行為變化趨勢……并增加選擇維度，將會構成一個錯綜復雜的引導結構，如果能實現我想將會是一個高效的入口頁面。
作者：胡爺，職陪伴知識研習社發起人，公眾號：zhipeiban
本文由 @胡爺 原創發布于人人都是產品經理。未經許可，禁止轉載。
題圖來自Unsplash，基于CC0協議
- 目前還沒評論，等你發揮！
