起點課堂會員權(quán)益
職業(yè)體系課特權(quán)
線下行業(yè)大會特權(quán)
個人IP打造特權(quán)
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導(dǎo)直播
12場專業(yè)技能直播
會員專屬社群
榮耀標識六種常見隱藏菜單
常見的手機端隱藏菜單也就六種。在這里分享一下我的思考分析，為大家選擇手機隱藏菜單類型提供幫助。enjoy~
很多產(chǎn)品設(shè)計的癥結(jié)在于，一方面界面要簡單，另一方面功能要豐富。為了解決這個問題，隱藏菜單被發(fā)明了，可以把無窮多個信息塞到這個看不見的秘密容器中。
隱藏菜單在PC時代簡直是標配，上屏幕絕大部分空間，只要不是灰色背景，基本上只要點右鍵就能喚起隱藏菜單。這簡直影響了一代用戶的操作直覺——哪里不會點哪里，左鍵不行點右鍵。
iPhone 開啟了手指觸屏?xí)r代，再也不用鼠標指針好開心……但是隱藏菜單怎么辦！？
頭幾年還好，手機以溝通娛樂為主，APP不需要多復(fù)雜。近年隨著移動端對PC端的不斷蠶食取代，很多人都把自己的大部分需求轉(zhuǎn)移到了手機上，APP的功能也越來越豐富以滿足用戶不斷增加的需求負擔。
所以說，手機端隱藏菜單的問題不可避免。
我最近剛好也遇到這類問題，一番研究之后發(fā)現(xiàn)，常見的手機端隱藏菜單也就六種。在這里分享一下我的思考分析，為大家選擇手機隱藏菜單類型提供幫助。
一、按鈕隱藏菜單
類似下拉框，雖然大部分內(nèi)容是隱藏，但是給了一個可以理解的入口。
1. 側(cè)欄菜單
應(yīng)用于頂級菜單，適合大部分產(chǎn)品。
- 優(yōu)點：容易理解，能夠容納較多信息，可以結(jié)合手勢
- 缺點：只能用于頂級菜單或?qū)Ш?/li>
2. 浮鈕菜單
應(yīng)用于頁面菜單。因為分量重，適合工具類、重操作的產(chǎn)品，例如P圖軟件。如果是重內(nèi)容的閱讀類產(chǎn)品，就不太合適了。
- 優(yōu)點：很顯眼，容易操作
- 缺點：對不需要隱藏菜單的用戶過重了，可能誤操作
3. 更多菜單
應(yīng)用于模塊菜單，可以擺放的位置很多。
- 優(yōu)點：輕便靈活，可以在模塊邊緣輕松找到位置
- 缺點：不太起眼、如果前面沒有其它圖標會難理解一點。
二、完全隱藏菜單
有時候找不到可以擺放圖標的位置，或者想要完全弱化菜單存在感，這時可以將菜單入口完全隱藏。
4. 滑出菜單
應(yīng)用于列表菜單，也是 IOS 上很常見的一種設(shè)計規(guī)范。
- 優(yōu)點：操作方便，容易理解
- 缺點：可以放置的操作數(shù)量非常有限。必須左右通欄上下較矮的列表才適用，高一點，或不通欄的卡片都不行。
5. 單擊菜單
應(yīng)用于模塊/按鈕/圖標菜單，只適合沒有主要操作（如通常不需要進入下一級），用戶操作意圖不明確的情況。
- 優(yōu)點：容易發(fā)現(xiàn)，操作快捷
- 缺點：放棄主操作存在風(fēng)險
6. 長按菜單
應(yīng)用于模塊/按鈕/圖標菜單，適合輔助操作較為明確的的場景，如掃碼、下載圖片等。
- 優(yōu)點：對產(chǎn)品本身的布局和基礎(chǔ)操作影響較小
- 缺點：較為隱晦，需要用戶主動嘗試觸發(fā)
創(chuàng)意菜單
除了常見樣式，很多設(shè)計師也發(fā)揮想象里，創(chuàng)造更加有個性的菜單。這里羅列一些，給大家提供靈感：
上圖來源：Yaroslav Zubko
上圖來源：Medical app – Menu Interaction
上圖來源：Bottom Menu
上圖來源：Cards Menu Concept
作者：Z Yuhan，華為騰訊設(shè)計師，曾在英國學(xué)習(xí)人機交互，樂意與你一起探索產(chǎn)品體驗
來源：微信公眾號：「體驗進階」
本文由 @Z Yuhan 授權(quán)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)作者許可，禁止轉(zhuǎn)載。
題圖來自 Pexels，基于 CC0 協(xié)議
這種動態(tài)效果圖是用什么軟件做的，作者知道嗎？
這種動態(tài)展示交互效果的圖怎么做？
后面幾個都是程序員見了要打死的節(jié)奏
如果各種交互的使用場景描述的再詳細一點就好了