亚洲日韩电影久久,久久久久久a亚洲欧洲av,色噜噜狠狠色综合网 http://m.mxio.cn 傳播先進設計理念 推動原創設計發展 Fri, 09 Dec 2016 00:43:26 +0000 zh-Hans hourly 1 https://wordpress.org/?v=6.9.4 側抽屜遭嫌棄,如何設計優秀的導航欄? http://m.mxio.cn/46753.html http://m.mxio.cn/46753.html#respond Fri, 09 Dec 2016 00:42:55 +0000 手機屏幕尺寸越做越大,作為互聯網的深度用戶,我相信你已經深刻體會到側抽屜導航在移動(和桌面)端是如何降低用戶體驗的。先不談它較低的可發現性和使用效率,拿出你的手機試著只用一手去按屏幕左上角。

欣慰的是,越來越多的應用和網站正在嘗試用更有效的方法解決這個問題。這里我整理出了市面上能見到的所有方法進行比較。有趣的是,Youtube 作為側抽屜的開山鼻祖,它也不用了。

 

一、選項卡

如果應用的選項不是很多(一般不超過5個),而且使用頻次較高用戶需要經常來回切換,選項卡導航是個不錯的解決方案:

 

這樣做似乎非常行之有效,但是,需要在設計考慮一些事情:

  • 選項不建議超過5個

  • 選項在視覺觀感上應得到強化

  • 選項優先級隨順序逐級降低,符合用戶心理預期

  • 除了被用戶所熟知的圖標(如主頁、圖片、個人中心等)其它圖標建議標簽文字說明

 

例如:淘票票 和 開眼

 

二、“更多”項

當主要部分超過5個時,一個切實可行的解決方案是顯示四至五個優先級最高的選項,將其它的歸位一類叫做更多項:

 

這個方案的設計原則和選項卡基本一致,更多項的子類可以在導航頁面的下拉菜單中顯示:

 

你可以說這種方案的使用效率比抽屜導航強不到哪去,對大多數用戶而言,只要可見項優先級足夠高,有四至五個可見的高頻功能會極大的降低學習成本,改善用戶體驗。

 

例如:Facebook

動態消息、好友請求、通知和搜索總是可見,剩下的所有功能是可以在“更多”菜單里

 

三、折疊菜單

在網頁設計中,情況稍顯復雜,采用標簽+更多的導航設計,能夠自適應屏幕寬度,顯示盡可能多的選項,其它的歸到更多項:

這意味著更多項中包含的子相會隨著屏幕寬度的減小而變多,沒有足夠的空間項目就會折疊起來。尤其當寬度處于中間時,這個解決方案的靈活性提供了一個更好的用戶體驗。

 

例如:BBC

 

四、滾動導航

如果導航項的數量較大,而且優先級幾乎沒什么區別,采用“更多”項將會是一個糟糕的妥協,另一個方案是滾動視圖中列出的所有項目:

 

這種方案的缺點是用戶只能看到可見范圍內的幾個選項,其余的選項用戶不可預知。盡管如此,當用戶探索購物或新聞類選項時,這依然是可接受的解決方案。

作為視覺設計,需要確保提供足夠的視覺線索,表明在水平滾動后有更多的元素,弱化邊緣元素就是個不錯的辦法。

 

例如:C Channel

榮獲 2016年度 Material Design 設計獎(創意導航組)

 

五、下拉菜單

當其他部分的可見性和可訪問性并不重要時,一個少見但有趣的方案是使用下拉菜單:

 

下拉菜單有一個雙重角色:首先,它作為一個頁面標題,雖然選項隱藏其下,向下箭頭表明有可能迅速切換到相似的部分。其二,除了切換同級選項,切換到下級項目也是能被用戶接受的。

 

例如:多鄰國

通過下拉菜單快速切換練習語言

六、抽屜導航不一定很糟

對于大多數用戶來說,下拉菜單的交互方式并不常見。令人意外的是,抽屜導航可能是一個不錯的選擇。它的主要缺點是較低的可發現性,當設計二級導航選項是,這種模式可能是一個適當的解決方案。

 

例如:Uber(優步) &  Red Dot(紅點)

屏幕上的一切都是為了請求一輛車,諸如歷史、設置這類的二級選項不應該比從一個漢堡包菜單更突出

 

 

結論

沒有萬能的導航欄設計,它取決于產品定位、用戶需求以及內容信息。適用于其它應用的導航可能不會為你工作,反之亦然。每一個優秀的導航設計,是對優先級、信息架構、邏輯結構和用戶需求的高度把控。

文章來源: 用戶設計

]]>
http://m.mxio.cn/46753.html/feed 0
2個簡約淺木色現代公寓裝修設計 http://m.mxio.cn/46752.html http://m.mxio.cn/46752.html#respond Fri, 09 Dec 2016 00:32:32 +0000
 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 

]]> http://m.mxio.cn/46752.html/feed 0

主站蜘蛛池模板: 亚洲三区在线观看内射后入| 18禁黄污吃奶免费看网站| 人妻无码中文字幕| 人妻丰满熟妇av无码区乱| 无码写真精品永久福利在线| 亚洲v欧美v国产v在线观看| 成年人尤物视频在线观看| 亚洲愉拍自拍欧美精品| 涩涩爱狼人亚洲一区在线| 欧美另类人妖| 色综合av社区男人的天堂| 色哟哟www网站入口成人学校| 极品无码国模国产在线观看| 亚洲同性猛男毛片| 欧美和黑人xxxx猛交视频| h肉动漫无码无修6080动漫网| 亚洲大码熟女在线观看| 国产片av在线观看国语| 丰满熟妇被猛烈进入高清片 | 国产欧美va天堂在线观看视频下载| 99久久国产成人免费网站| 日本乱偷人妻中文字幕在线| 亚洲中文字幕无码乱线| 成人动漫综合网| 五月天中文字幕mv在线| 国产性高爱潮有声视频免费| 色秀网在线观看视频免费| 国产超碰人人做人人爱ⅴa| 伊人亚洲综合网色| 久久精品国产成人午夜福利| 国产亚洲精品自在久久| 亚洲乱码卡一卡二卡新区中国 | 国产艳福片内射视频播放| 日韩欧美一卡2卡3卡4卡无卡免费2020| 成人黄网站片免费视频| 麻豆国产精品va在线观看不卡 | 日韩精品一二三黄色一级| 乱人伦人妻中文字幕无码| 女乱高潮久久久久久爽爽| 亚洲成人av在线系列| 亚洲精品蜜桃久久久久久|