起點課堂會員權益
職業體系課特權
線下行業大會特權
個人IP打造特權
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導直播
12場專業技能直播
會員專屬社群
榮耀標識聊聊移動產品中的空間設計
編輯導語：移動產品的功能、內容都在不斷地膨脹，變得更加復雜。設計的架構需要不斷地去適應這種發展趨勢。雖然我們可以通過Tab或者各種設計組件來獲得更多的頁面空間，但是太多的嵌套會讓用戶的交互形式變得復雜。本文就來為大家聊一聊移動產品中的空間設計。
淘寶首頁既有底部導航，又有“訂閱”和“推薦”的導航。左右滑動切換到“訂閱”頁面后，頁面中又包含了內容區的Tab。為了適配內容切換，頁面對滑動做了區域劃分。上方向左滑動返回推薦。內容區滑動切換內容標簽。
所以復雜頁面如何打造一個專屬空間呢？?
二樓出現了，APP由此從平房走向了別墅，有二樓也有地下室。今天我們來聊聊二樓的設計。
一、二樓空間的價值
“二樓”的說法來自于淘寶App，是一種比較形象的說法。用戶打開App直接進入的頁面空間就是“一樓”。下拉后進入的空間就是二樓，那么二樓有什么特點呢？
1. 交互便捷
用戶只要下拉就可以進入二樓空間，交互方式更加自然、簡單。而一樓則匯集了大量的信息。用戶需要識別、定位、點擊才能進入目標頁面，用戶的行為鏈路更長。一旦頁面布局做出了調整，用戶需要重新學習和適應。
所以二樓交互優勢更加明顯。
2. 專屬空間
一樓首頁更像雜貨鋪，為各個頻道輸送流量。二樓則是專賣店，一般只有一個主題，內容和功能更加聚焦，有利于固化用戶的認知。而在一樓空間中，常見的Banner、懸浮icon入口、橫幅、彈窗等形式都是頁面跳轉邏輯，更多的是運營活動入口，具有明顯的時效性，不能夠作為內容空間長期存在。
3. 稀缺性
二樓只有一層，信息承載量有限，而產品的內容是海量的，所以空間非常稀缺，需要有明確的空間定位，才能產生更大的價值。
二、二樓空間的內容方向
通過案例總結，二樓空間的定位主要包括3個方向：
1. 用戶空間
在iOS操作系統中，在不同的桌面下拉都可以快速進入搜索功能。相比較固定的搜索欄，可以帶給用戶更暢快的操作體驗。并且增加了用戶最近的操作記錄，提高了用戶的行為效率。
同樣在淘寶平臺中，由于頻道眾多，很多頻道得不到有效曝光。二樓便成為了頻道展示空間，包括用戶訂閱的頻道。依靠交互上的天然優勢，縮短了用戶操作鏈路。
微信在聊天界面下拉，可以快速進入小程序空間，包括了用戶最近使用的小程序和收藏的小程序。
網易云音樂“我的”頻道頁面下拉后，是用戶的展示空間，照片墻，年度報告等內容，陳列著用戶的記憶和過往。
高德地圖“我的”頻道頁面下拉，可以查看用戶足跡，讓用戶了解自己歷史行程。淘寶商品詳情頁面中下拉可以查看“我的足跡”，方便用戶快速切回到曾經瀏覽的商品。
以上案例都是以用戶為中心，搭建用戶專屬的個人空間，帶給用戶更便捷的操作體驗。
2. 運營空間
正如上文所說，二樓具有典型的獨立、專屬特征，并且可以培養用戶心智，固化品牌空間，這也為運營活動創造了條件。
例如京東將首頁的二樓打造成為了“特物Z”專區，兼容會場模式和品牌活動。讓用戶可以更快地觸達到“內容”。效率更高。一旦形成了用戶固定心智，將成為重要的運營空間。
餓了么也采用了同樣的思路，在二樓設立了“超級品牌”專區。強化品牌活動的曝光，通過“超級新品”和“超級品牌日”兩個維度，創造了新的營銷空間。
3. 功能空間
微信讀書“閱讀”頻道采用信息流、大卡片的形式，根據社交關系和個人偏好向用戶推薦書籍。傳統App中的書城搜索模式反而成為了次要的書籍獲取模式。
因此在微信書架頻道中，優先展示與用戶關聯性更強的“書架”和“書單”，而書城作為次要內容隱藏在二樓。通過空間的隔離，讓用戶專注于已有書籍的閱讀，在內容邏輯上也更加合理清晰。
三、二樓空間的設計細節
1. 適度引導
“下拉刷新”已經形成了用戶普遍的認知，而二樓的設計目前并不主流。因此在設計時，首先要考慮用戶的可感知，讓用戶知道二樓的存在。
淘寶采用的是頁面掛件的引導方式。
餓了么采用的是動效引導的方式。當用戶在首頁停留一定的時長后，頁面上方會主動展示引導信息。
2. 交互操作
當下拉刷新與二樓并存時，需要做出較為明顯的交互區分。輕度下拉，實現刷新功能，重度下拉則進入二樓空間。兩者之間需要通過中間態實現自然過渡，同時可以防止用戶習慣造成誤操作，避免增加用戶的交互成本。
當然對于運營活動，為了吸引用戶進入二樓，還可以增加預覽信息，充實中間態的內容設計。
3. 視覺設計
視覺設計需要根據內容的屬性定位風格，不過根據我的觀察，除了營銷活動中需要考慮品牌色，大部分二樓都是采用深色背景。希望能夠在視覺上建立空間的差異化，讓用戶更加清晰的感知到進入了一個全新的內容空間。
四、總結
二樓的出現拓展了頁面空間。這個空間也更加靈活，不僅可以承載圖文，還可以加入視頻、H5互動展示、直播等內容，成為了重要的運營空間。而支付寶則向下挖掘，創造了“地下室”空間。相信未來會有更多的產品去打造自己的二樓空間。
今天的分享就到這里了，歡迎評論區留言交流~
#專欄作家#
子牧先生。公眾號：子牧UXD（HelloDesign），人人都是產品經理專欄作家。產品體驗設計師。8年互聯網行業經驗，擅長體驗設計思維、設計方法論、交互設計研究。
本文原創發布于人人都是產品經理，未經許可，禁止轉載。
題圖來自 Unsplash，基于CC0協議
- 目前還沒評論，等你發揮！
