很多朋友想了解關於單頁麵網頁設計的一些資料信息，下麵是(揚升資訊www.balincan8.com)小編整理的與單頁麵網頁設計相關的內容分享給大家，一起來看看吧。

編輯導語：如何讓引導內容更符合用戶預期？這需要產品在設計時考慮到用戶的關鍵需求、了解用戶的行為操作特點等方麵。本篇文章裏，作者以二手房交易頁麵設計為例，分析了如何實現多維度單頁麵選擇、以求實現更好的引導，一起來看一下。

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

需求介紹：在不強製規定引導關係的前提下，根據用戶選擇改變“下一步”顯示內容，從而實現引導內容更符合用戶預期。

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

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

而北京有300多個板塊，頁麵空間無法完全呈現，如果用TAB切換的方式，操作又變得複雜。

我們通過數據可以發現一定時間內用戶關注的板塊趨同，所以在默認狀態下，板塊（中間位置）顯示在平台內用戶關注最多的9個區縣和其熱門板塊，從而使呈現的默認內容更貼近用戶（如下圖）。

這個功能非大數據匹配，而是基於用戶的操作來改變內容，對於一個新頻道缺乏數據積累，通過用戶行為匹配的方式是比較合適的做法，考慮到開發的複雜程度，這版隻實現了雙維度的交叉選擇。

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

基於上麵行為，要讓用戶在選擇過程中內容變化，需要為區域和板塊建立聯係，再通過前端實現雙維度的交叉選擇。

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

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

用戶在選擇過程中，每個人心裏的關注順序也不盡相同，如果所有選項都陳列出來，不免頁麵內容過多而繁瑣，也會出現選擇維度無交集而導致的無結果。

雙維度的交叉選擇，兩個維度的關係由用戶決定，未來再加上對用戶之前行為的分析，以及相似用戶的行為變化趨勢……並增加選擇維度，將會構成一個錯綜複雜的引導結構，如果能實現我想將會是一個高效的入口頁麵。

作者：胡爺，職陪伴知識研習社發起人，公眾號：zhipeiban

本文由 @胡爺 原創發布於人人都是產品經理。未經許可，禁止轉載。

題圖來自Unsplash，基於CC0協議

本文到此結束，希望對大家有所幫助呢。