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

編輯導(dǎo)讀：作為一個(gè)新用戶，進(jìn)入一個(gè)網(wǎng)站或者產(chǎn)品的第一件事就是去看導(dǎo)航欄，根據(jù)導(dǎo)航欄的指引找到自己想要的信息。本文作者基于自己的工作經(jīng)驗(yàn)，將從五個(gè)方面復(fù)盤(pán)了B端的導(dǎo)航設(shè)計(jì)，希望對(duì)你有幫助。

公司想要對(duì)原有的運(yùn)營(yíng)管理平臺(tái)進(jìn)行頁(yè)面改版升級(jí)，本文就關(guān)于如何設(shè)計(jì)導(dǎo)航做了如下調(diào)查和總結(jié)。

公司現(xiàn)有平臺(tái)頁(yè)面如下：

頁(yè)面有如下缺點(diǎn)：

1. 頂部利用率低；
2. 一級(jí)菜單過(guò)多；
3. 功能搜索距離菜單位置太遠(yuǎn)；
4. 根據(jù)后臺(tái)數(shù)據(jù)，常用功能沒(méi)有多少用戶使用；

拿到任務(wù)，我的思路首先是探索導(dǎo)航的意義，其次查看其他產(chǎn)品的設(shè)計(jì)，而后總結(jié)導(dǎo)航的所有類型和可實(shí)現(xiàn)的方式，最后根據(jù)現(xiàn)有的菜單框架選定最適合的模型。

一、導(dǎo)航的意義

很多人是把導(dǎo)航和菜單聯(lián)系在一起，叫導(dǎo)航菜單，但我覺(jué)得狹隘了。

菜單原指餐館提供的列有各類菜肴的清單，它是大而全的；導(dǎo)航就是給客戶指引，讓用戶知道自己在哪，可以去哪。顯然導(dǎo)航的概念更豐富，而菜單是實(shí)現(xiàn)網(wǎng)站導(dǎo)航的一種。我們可以根據(jù)菜單點(diǎn)單，也可以按門(mén)店銷售排行榜點(diǎn)單，也可以根據(jù)點(diǎn)單員的推薦點(diǎn)單。

所以發(fā)現(xiàn)了嗎？這里就出現(xiàn)了三類導(dǎo)航：菜單導(dǎo)航（菜單點(diǎn)單）、標(biāo)簽導(dǎo)航（排行榜點(diǎn)單）、推薦導(dǎo)航（服務(wù)員推薦點(diǎn)單）。

二、菜單導(dǎo)航

菜單可分為頂部菜單、側(cè)邊菜單、頂部+側(cè)邊菜單。

關(guān)于這三者的優(yōu)缺點(diǎn)，這位作者的梳理給了我很大幫助，鏈接如下：B端設(shè)計(jì)：導(dǎo)航菜單的設(shè)計(jì)5步法

這類菜單是將全平臺(tái)所有可使用功能經(jīng)過(guò)分類全部呈現(xiàn)出來(lái)，在重新討論劃分后，我們共有9個(gè)菜單，其中三個(gè)與平臺(tái)主業(yè)務(wù)不想關(guān)，當(dāng)時(shí)處于技術(shù)原因想借用前端框架暫時(shí)掛在這里，可以不用過(guò)多考慮，將其收起來(lái)放在隱藏點(diǎn)的位置即可。

所以實(shí)際為6個(gè)菜單，二級(jí)菜單大概為15個(gè)，三級(jí)菜單為75-80個(gè)。不算太多，三種類型的菜單擺放位置我們皆可考慮。

1. 關(guān)于二三級(jí)菜單展開(kāi)模式

頂部放一級(jí)菜單，側(cè)邊放二三級(jí)菜單的模式通常一級(jí)菜單會(huì)展現(xiàn)出來(lái)，二三級(jí)展現(xiàn)形式可能會(huì)有以下兩種：

1）二三級(jí)同時(shí)展示，如下圖

2）二三層級(jí)逐級(jí)展開(kāi)，如下圖

同時(shí)展開(kāi)的好處是可以將3級(jí)菜單一覽無(wú)余，進(jìn)入到內(nèi)容頁(yè)面只需要再點(diǎn)擊一步。阿里云、騰訊云他們的菜單較多，采用的都是這種模式；而老牌的工具平臺(tái)如PS、PR、Axure則喜歡逐級(jí)展開(kāi)這種交互。

我沒(méi)有想明白這類層級(jí)展開(kāi)的菜單為何一直在用？從導(dǎo)航的目的觸發(fā)，它使得找尋目標(biāo)的路徑變得很長(zhǎng)，看起來(lái)似乎沒(méi)有優(yōu)勢(shì)。

在展開(kāi)方式上我們選擇采用一級(jí)外露，二三級(jí)同時(shí)展開(kāi)的模式。

2. 關(guān)于菜單位置

1. 頂部+側(cè)邊導(dǎo)航：頂部放一級(jí)菜單，側(cè)邊同時(shí)展開(kāi)二級(jí)和三級(jí)，它的閱讀順序不是很友好，我要先看上面，選中了一個(gè)后再在左邊選擇。
2. 頂部導(dǎo)航：6個(gè)主菜單不多，且名字皆為兩個(gè)字，在選擇一級(jí)后，在下方同時(shí)展現(xiàn)二三級(jí)菜單，符合閱讀順序，是最佳選擇。
3. 側(cè)邊導(dǎo)航：側(cè)邊導(dǎo)航有三種展現(xiàn)形式：懸浮顯示+縱向排列，依然違背閱讀習(xí)慣；懸浮顯示+橫向排列，可??；固定顯示，表達(dá)清晰，但是占位過(guò)多，排除。

最后，我們暫且選定頂部導(dǎo)航和側(cè)邊導(dǎo)航里的“懸浮顯示+橫向排列”，看一下與其他部分結(jié)合哪個(gè)效果會(huì)更好。

3. 關(guān)于交互方式

交互有兩種，一種是懸停顯示二三級(jí)菜單，一種是點(diǎn)擊顯示二三級(jí)菜單。兩者的主要區(qū)別在于一個(gè)會(huì)隨著鼠標(biāo)移動(dòng)消失，一個(gè)不會(huì)消失。

我個(gè)人傾向于點(diǎn)擊，這樣我不會(huì)因?yàn)椴恍⌒幕瑒?dòng)鼠標(biāo)導(dǎo)致面板消失，點(diǎn)擊會(huì)讓我有更強(qiáng)的掌控感，而且我覺(jué)得點(diǎn)擊和懸停的操作成本是一樣的。我不太明白上文作者所說(shuō)的懸?？梢允褂脩舨僮鞲奖愕慕Y(jié)論是怎么得來(lái)的。個(gè)人認(rèn)為懸停只適用于出現(xiàn)的彈窗不需要進(jìn)行二次點(diǎn)擊，只是進(jìn)行釋義的場(chǎng)景。

鑒于團(tuán)隊(duì)其它同事偏好懸停，所以我們采用懸停+點(diǎn)擊都支持的方式，但是菜單面板彈出后鼠標(biāo)移出面板不會(huì)關(guān)閉面板，當(dāng)再用戶點(diǎn)擊其它地方或點(diǎn)擊某個(gè)子級(jí)菜單時(shí)關(guān)閉面板。

4. 關(guān)于使用圖標(biāo)

圖標(biāo)有兩個(gè)作用：

1）簡(jiǎn)化表達(dá)

當(dāng)人們熟悉它時(shí)，旁邊即便沒(méi)有文字說(shuō)明我們領(lǐng)會(huì)它的內(nèi)涵，這是全行業(yè)對(duì)用戶的教育，潛移默化中形成了一套規(guī)范。如表達(dá)用戶，一定是類似這種的圖標(biāo)。

表達(dá)更多則是：

當(dāng)圖標(biāo)能清晰表達(dá)其內(nèi)涵，則可以將頁(yè)面的側(cè)邊導(dǎo)航收起，將空間讓給內(nèi)容區(qū)。

2）美化頁(yè)面

如果菜單上全是文字，密密麻麻，沒(méi)有記憶點(diǎn)，不是很好看。加上圖標(biāo)之后頁(yè)面的層次感會(huì)好一些，而且圖標(biāo)可以比文字產(chǎn)生更好的記憶點(diǎn)，一二級(jí)菜單可以設(shè)計(jì)一個(gè)圖標(biāo)。

最終我們決定給每一個(gè)菜單都設(shè)計(jì)圖標(biāo)，這樣自定義菜單模塊上也可以用圖標(biāo)加文字的表現(xiàn)形式。在圖標(biāo)設(shè)計(jì)上，一級(jí)菜單的圖標(biāo)會(huì)選用不同的顏色，使菜單更有記憶點(diǎn)，頁(yè)面也會(huì)更加年輕活潑。

三、標(biāo)簽導(dǎo)航

標(biāo)簽導(dǎo)航其實(shí)是菜單的一個(gè)二次分類，它不要求囊括所有功能，比如石墨文檔里的“我的收藏”“最近使用”就是一個(gè)二次標(biāo)簽。系統(tǒng)支持自定義常見(jiàn)功能的導(dǎo)航就屬于標(biāo)簽導(dǎo)航。

每個(gè)人按照自己的習(xí)慣定義導(dǎo)航可以極大地提高導(dǎo)航的速度，理應(yīng)是非常好的一個(gè)功能。但是在我司原有的平臺(tái)里，它僅出現(xiàn)在首頁(yè)的右下角，實(shí)在太不突出。反觀用戶量極大的B端平臺(tái)金蝶，它將常用功能放在首頁(yè)的頂部，非常明顯。

顯然對(duì)于平臺(tái)的頻繁使用者而言，標(biāo)簽導(dǎo)航比導(dǎo)航菜單更具有導(dǎo)航價(jià)值，我們決定把標(biāo)簽導(dǎo)航固定在某一塊顯示，而不止是在首頁(yè)顯示，會(huì)給與它和菜單導(dǎo)航同樣的重視。

四、推薦導(dǎo)航

推薦導(dǎo)航是平臺(tái)給你推薦一些功能，最常出現(xiàn)在內(nèi)容平臺(tái)，比如優(yōu)酷、人人都是產(chǎn)品經(jīng)理網(wǎng)站在分析了大量用戶的搜索后，將最有可能符合你目標(biāo)的搜索項(xiàng)放在這里。

我們?cè)械钠脚_(tái)里已經(jīng)有了搜索模塊，但使用者很少，一是因?yàn)樗奈恢门c菜單相隔太遠(yuǎn)，一個(gè)在最左側(cè)，一個(gè)在最右側(cè)，根據(jù)設(shè)計(jì)的相關(guān)性原則，位置布局十分不合理。

運(yùn)營(yíng)后臺(tái)的推薦不同于內(nèi)容平臺(tái)有大量用戶的搜索數(shù)據(jù)可以進(jìn)行分析出熱點(diǎn)，但是我們有用戶曾經(jīng)的搜索記錄。曾經(jīng)搜索過(guò)的菜單很有可能有再次搜索的需求，類似百度搜索的歷史搜索記錄。

五、總結(jié)

導(dǎo)航的意義是給客戶指引，幫助客戶快速找到目標(biāo)功能。它分為菜單導(dǎo)航、標(biāo)簽導(dǎo)航、推薦導(dǎo)航。菜單導(dǎo)航是合理分類，羅列全部套餐；標(biāo)簽導(dǎo)航是按照另一套規(guī)則或用戶自定義常用功能菜單；推薦導(dǎo)航是根據(jù)大數(shù)據(jù)或歷史數(shù)據(jù)預(yù)測(cè)用戶可能想要尋找的目標(biāo)功能。

最終一個(gè)產(chǎn)品的導(dǎo)航都需要結(jié)合三者共同作用。

作者：榮三歌 ；公眾號(hào)：奇怪的猩猩

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

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