国外亚洲成av人片在线观看,热99re久久精品这里都是精品,天堂网在线最新版www,国产成人av区一区二区三,51久久成人国产精品麻豆

編輯導(dǎo)語：移動產(chǎn)品的功能、內(nèi)容都在不斷地膨脹，變得更加復(fù)雜。設(shè)計的架構(gòu)需要不斷地去適應(yīng)這種發(fā)展趨勢。雖然我們可以通過Tab或者各種設(shè)計組件來獲得更多的頁面空間，但是太多的嵌套會讓用戶的交互形式變得復(fù)雜。本文就來為大家聊一聊移動產(chǎn)品中的空間設(shè)計。

淘寶首頁既有底部導(dǎo)航，又有“訂閱”和“推薦”的導(dǎo)航。左右滑動切換到“訂閱”頁面后，頁面中又包含了內(nèi)容區(qū)的Tab。為了適配內(nèi)容切換，頁面對滑動做了區(qū)域劃分。上方向左滑動返回推薦。內(nèi)容區(qū)滑動切換內(nèi)容標(biāo)簽。

所以復(fù)雜頁面如何打造一個專屬空間呢？?

二樓出現(xiàn)了，APP由此從平房走向了別墅，有二樓也有地下室。今天我們來聊聊二樓的設(shè)計。

一、二樓空間的價值

“二樓”的說法來自于淘寶App，是一種比較形象的說法。用戶打開App直接進入的頁面空間就是“一樓”。下拉后進入的空間就是二樓，那么二樓有什么特點呢？

1. 交互便捷

用戶只要下拉就可以進入二樓空間，交互方式更加自然、簡單。而一樓則匯集了大量的信息。用戶需要識別、定位、點擊才能進入目標(biāo)頁面，用戶的行為鏈路更長。一旦頁面布局做出了調(diào)整，用戶需要重新學(xué)習(xí)和適應(yīng)。

所以二樓交互優(yōu)勢更加明顯。

2. 專屬空間

一樓首頁更像雜貨鋪，為各個頻道輸送流量。二樓則是專賣店，一般只有一個主題，內(nèi)容和功能更加聚焦，有利于固化用戶的認(rèn)知。而在一樓空間中，常見的Banner、懸浮icon入口、橫幅、彈窗等形式都是頁面跳轉(zhuǎn)邏輯，更多的是運營活動入口，具有明顯的時效性，不能夠作為內(nèi)容空間長期存在。

3. 稀缺性

二樓只有一層，信息承載量有限，而產(chǎn)品的內(nèi)容是海量的，所以空間非常稀缺，需要有明確的空間定位，才能產(chǎn)生更大的價值。

二、二樓空間的內(nèi)容方向

通過案例總結(jié)，二樓空間的定位主要包括3個方向：

1. 用戶空間

在iOS操作系統(tǒng)中，在不同的桌面下拉都可以快速進入搜索功能。相比較固定的搜索欄，可以帶給用戶更暢快的操作體驗。并且增加了用戶最近的操作記錄，提高了用戶的行為效率。

同樣在淘寶平臺中，由于頻道眾多，很多頻道得不到有效曝光。二樓便成為了頻道展示空間，包括用戶訂閱的頻道。依靠交互上的天然優(yōu)勢，縮短了用戶操作鏈路。

微信在聊天界面下拉，可以快速進入小程序空間，包括了用戶最近使用的小程序和收藏的小程序。

網(wǎng)易云音樂“我的”頻道頁面下拉后，是用戶的展示空間，照片墻，年度報告等內(nèi)容，陳列著用戶的記憶和過往。

高德地圖“我的”頻道頁面下拉，可以查看用戶足跡，讓用戶了解自己歷史行程。淘寶商品詳情頁面中下拉可以查看“我的足跡”，方便用戶快速切回到曾經(jīng)瀏覽的商品。

以上案例都是以用戶為中心，搭建用戶專屬的個人空間，帶給用戶更便捷的操作體驗。

2. 運營空間

正如上文所說，二樓具有典型的獨立、專屬特征，并且可以培養(yǎng)用戶心智，固化品牌空間，這也為運營活動創(chuàng)造了條件。

例如京東將首頁的二樓打造成為了“特物Z”專區(qū)，兼容會場模式和品牌活動。讓用戶可以更快地觸達到“內(nèi)容”。效率更高。一旦形成了用戶固定心智，將成為重要的運營空間。

餓了么也采用了同樣的思路，在二樓設(shè)立了“超級品牌”專區(qū)。強化品牌活動的曝光，通過“超級新品”和“超級品牌日”兩個維度，創(chuàng)造了新的營銷空間。

3. 功能空間

微信讀書“閱讀”頻道采用信息流、大卡片的形式，根據(jù)社交關(guān)系和個人偏好向用戶推薦書籍。傳統(tǒng)App中的書城搜索模式反而成為了次要的書籍獲取模式。

因此在微信書架頻道中，優(yōu)先展示與用戶關(guān)聯(lián)性更強的“書架”和“書單”，而書城作為次要內(nèi)容隱藏在二樓。通過空間的隔離，讓用戶專注于已有書籍的閱讀，在內(nèi)容邏輯上也更加合理清晰。

三、二樓空間的設(shè)計細(xì)節(jié)

1. 適度引導(dǎo)

“下拉刷新”已經(jīng)形成了用戶普遍的認(rèn)知，而二樓的設(shè)計目前并不主流。因此在設(shè)計時，首先要考慮用戶的可感知，讓用戶知道二樓的存在。

淘寶采用的是頁面掛件的引導(dǎo)方式。

餓了么采用的是動效引導(dǎo)的方式。當(dāng)用戶在首頁停留一定的時長后，頁面上方會主動展示引導(dǎo)信息。

2. 交互操作

當(dāng)下拉刷新與二樓并存時，需要做出較為明顯的交互區(qū)分。輕度下拉，實現(xiàn)刷新功能，重度下拉則進入二樓空間。兩者之間需要通過中間態(tài)實現(xiàn)自然過渡，同時可以防止用戶習(xí)慣造成誤操作，避免增加用戶的交互成本。

當(dāng)然對于運營活動，為了吸引用戶進入二樓，還可以增加預(yù)覽信息，充實中間態(tài)的內(nèi)容設(shè)計。

3. 視覺設(shè)計

視覺設(shè)計需要根據(jù)內(nèi)容的屬性定位風(fēng)格，不過根據(jù)我的觀察，除了營銷活動中需要考慮品牌色，大部分二樓都是采用深色背景。希望能夠在視覺上建立空間的差異化，讓用戶更加清晰的感知到進入了一個全新的內(nèi)容空間。

四、總結(jié)

二樓的出現(xiàn)拓展了頁面空間。這個空間也更加靈活，不僅可以承載圖文，還可以加入視頻、H5互動展示、直播等內(nèi)容，成為了重要的運營空間。而支付寶則向下挖掘，創(chuàng)造了“地下室”空間。相信未來會有更多的產(chǎn)品去打造自己的二樓空間。

今天的分享就到這里了，歡迎評論區(qū)留言交流~

#專欄作家#

子牧先生。公眾號：子牧UXD（HelloDesign），人人都是產(chǎn)品經(jīng)理專欄作家。產(chǎn)品體驗設(shè)計師。8年互聯(lián)網(wǎng)行業(yè)經(jīng)驗，擅長體驗設(shè)計思維、設(shè)計方法論、交互設(shè)計研究。

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

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