手机国产精品一区二区,另类第一页,亚欧在线,日韩一国产极品99热在线播放69_国产美女久久精品香蕉欧美_亚州中文无码aⅤ在线_免费国产v片在线

聊聊移動(dòng)APP導(dǎo)航設(shè)計(jì)的改版實(shí)戰(zhàn)

2015-5-28    用心設(shè)計(jì)


藍(lán)藍(lán)設(shè)計(jì)www.88yangsc.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供有效的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)


每一個(gè)扁平化界面設(shè)計(jì),都是我們的心靈碰撞致力于最棒的 metro ui 設(shè)計(jì)

來源:莫貝網(wǎng)

 如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請點(diǎn)這里

關(guān)于手機(jī)App 的導(dǎo)航設(shè)計(jì)討論已經(jīng)有很多了(特別是針對漢堡菜單的討論)。今天翻譯的這篇文章,是原作者在真實(shí)的 App 中對導(dǎo)航進(jìn)行改版,觀察數(shù)據(jù)并進(jìn)行分析的一則小文,實(shí)戰(zhàn)意義很強(qiáng),可供借鑒 >>>


歡迎同學(xué)們關(guān)注譯者的微信公眾號(hào)呦:shejiyiyan

移動(dòng)界面設(shè)計(jì)中,使用各種菜單控件來簡化界面,對設(shè)計(jì)師來說很有吸引力 —— 特別是在小屏幕的設(shè)備上。但是,將 App 的核心部分隱藏在這些菜單里,可能會(huì)對實(shí)際使用產(chǎn)生負(fù)面的影響。

若不在視線里,便不在感知中

為了簡化 Polar 的界面設(shè)計(jì),我們將之前的標(biāo)簽式菜單改成了切換式菜單。改版后的菜單看起來更「干凈」,但接下來,菜單的日常使用頻次卻發(fā)生了暴跌。根本原因是當(dāng)更多的選項(xiàng)被隱藏在了切換式菜單的里面,人們便不再在菜單之間進(jìn)行切換了。

tg20150522 (1)

Polar

tg20150522 (2)

Polar – 菜單的日常使用情況統(tǒng)計(jì)表

譯注:請注意,作者并沒有在圖表上標(biāo)注縱軸是什么以及它的刻度。

另一個(gè)相似的情況也發(fā)生在 Zeebox 的設(shè)計(jì)者們將 App 的主導(dǎo)航從標(biāo)簽式改成抽屜式后。App 中的核心部分現(xiàn)在不在用戶的視野中,所以無法被用戶感知到。結(jié)果便是導(dǎo)航的使用頻次急劇地下降。

tg20150522 (3)

Zeebox

只有在視線里,才會(huì)被感知到

當(dāng) App 的核心部分變得更加顯眼時(shí),它們的使用頻次便會(huì)上升。Facebook 發(fā)現(xiàn),當(dāng)他們將 iOS App 里的「漢堡式」菜單改為底部標(biāo)簽式菜單后,不僅使用頻次上升了,其他的重要指標(biāo)也跟著增加了。

tg20150522 (4)

Facebook

相似的,Redbooth 將漢堡菜單改為了底部標(biāo)簽式菜單后,會(huì)話數(shù)和活躍用戶數(shù)量都增加了。之前處于視野外的功能現(xiàn)在出現(xiàn)在了界面前臺(tái)和中心。

tg20150522 (5)

Redbooth

如何取舍?

由于移動(dòng)設(shè)備的屏幕大小有限,不能把所有的東西都直接放置在界面上。這導(dǎo)致移動(dòng)界面的設(shè)計(jì)變得具有挑戰(zhàn)性。不同于大屏幕的桌面電腦可以讓我們把每一個(gè)功能放在上面,移動(dòng)設(shè)備要求我們必須做一些取舍:有哪些東西真的值得擺在上面?

回答這個(gè)問題需要弄清楚一個(gè)關(guān)鍵——究竟是哪些東西直接影響著你的用戶和生意。換句話說,這要求產(chǎn)品設(shè)計(jì)者好好地思考,然后再設(shè)計(jì)。

分享本文至:

日歷

鏈接

個(gè)人資料

存檔