關于手機App 的導航設計討論已經有很多了(特別是針對漢堡菜單的討論)。今天翻譯的這篇文章,是原作者在真實的 App 中對導航進行改版,觀察數據并進行分析的一則小文,實戰意義很強,可供借鑒 >>>
歡迎同學們關注譯者的微信公眾號呦:shejiyiyan
在移動界面設計中,使用各種菜單控件來簡化界面,對設計師來說很有吸引力 —— 特別是在小屏幕的設備上。但是,將 App 的核心部分隱藏在這些菜單里,可能會對實際使用產生負面的影響。
若不在視線里,便不在感知中
為了簡化 Polar 的界面設計,我們將之前的標簽式菜單改成了切換式菜單。改版后的菜單看起來更「干凈」,但接下來,菜單的日常使用頻次卻發生了暴跌。根本原因是當更多的選項被隱藏在了切換式菜單的里面,人們便不再在菜單之間進行切換了。
Polar
Polar - 菜單的日常使用情況統計表
譯注:請注意,作者并沒有在圖表上標注縱軸是什么以及它的刻度。
另一個相似的情況也發生在 Zeebox 的設計者們將 App 的主導航從標簽式改成抽屜式后。App 中的核心部分現在不在用戶的視野中,所以無法被用戶感知到。結果便是導航的使用頻次急劇地下降。
Zeebox
只有在視線里,才會被感知到
當 App 的核心部分變得更加顯眼時,它們的使用頻次便會上升。Facebook 發現,當他們將 iOS App 里的「漢堡式」菜單改為底部標簽式菜單后,不僅使用頻次上升了,其他的重要指標也跟著增加了。
相似的,Redbooth 將漢堡菜單改為了底部標簽式菜單后,會話數和活躍用戶數量都增加了。之前處于視野外的功能現在出現在了界面前臺和中心。
Redbooth
如何取舍?
由于移動設備的屏幕大小有限,不能把所有的東西都直接放置在界面上。這導致移動界面的設計變得具有挑戰性。不同于大屏幕的桌面電腦可以讓我們把每一個功能放在上面,移動設備要求我們必須做一些取舍:有哪些東西真的值得擺在上面?
回答這個問題需要弄清楚一個關鍵——究竟是哪些東西直接影響著你的用戶和生意。換句話說,這要求產品設計者好好地思考,然后再設計。
【最頂尖的移動APP改版設計實戰經驗】
QQ官網重大更新!專業范兒十足!
《QQ官網全新蛻變!IM QQ 改版(第一期)設計總結》網易云音樂WP端改版實錄!
《化繁為簡!網易云音樂WP1.0設計項目實戰》見證奇跡!QQ音樂的字體設計項目!
《字體設計實戰!QQ音樂巔峰榜誕生記》
原文地址:?Obvious Always Wins
譯者:設計譯言
【優設網 原創文章 投稿郵箱:2650232288@qq.com】
================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺,專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書:史上最全的設計師圖書導航:http://hao.uisdc.com/book/。
設計微博:擁有粉絲量95萬的人氣微博@優秀網頁設計 ,歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航:全球頂尖設計網站推薦,設計師必備導航:http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的"福利"嗎?
添加 優秀網頁設計 微信號:【youshege】優設哥的全拼
您也可以通過掃描下方二維碼快速添加:
復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。
發評論!每天贏獎品
點擊 登錄 后,在評論區留言,系統會隨機派送獎品
2012年成立至今,是國內備受歡迎的設計師平臺,提供獎品贊助 聯系我們
標志設計標準教程
已累計誕生 729 位幸運星
發表評論
↓ 下方為您推薦了一些精彩有趣的文章熱評 ↓