深入研究:移動端設備的設計原則和最佳實踐
點擊▲ 三分設 關(guān)注,和 6 萬設計師一起學習進步
譯客 2022 · 第 18 篇
推薦:現(xiàn)在越來越多的人使用手機等移動端設備,越來越多應用涌入市場,用戶對于體驗的需求和期望也越來越高。怎樣才能讓自己的應用在茫茫浪潮中脫穎而出呢?怎樣才能設計出實踐性和體驗性強的應用呢?接下來和我一起來發(fā)現(xiàn)吧!
移動端大多數(shù)的用戶體驗都非常的差,主要的原因還是因為他們的設計師沒有遵守移動端用戶體驗和實踐原則。這些基本原則是隨著時代發(fā)展,不斷地通過細致的研究和用戶測試而發(fā)展起來的。嚴格地應用它們可以使設計師能夠創(chuàng)造出更好的符合用戶體驗的移動端 App。


每天至少有 1000 款新的 APP 發(fā)布在谷歌商店和蘋果的 APP Store,直到如今更是有將近 900 萬款 APP 可供用戶選擇。但是超過 75% 的應用在用過一次后,用戶就再也不用了。最大的原因還是由于它們的可用性很差。
以電子商務為例?,F(xiàn)在全球有大約 35 億部智能手機,如果在 APP 設計時不考慮用戶體驗,就像網(wǎng)站太慢,搜索不準確,UI 無法分辨,指引系統(tǒng)差的一塌糊涂等缺陷,會讓它每年損失數(shù)千億美元。

對于開發(fā)團隊來說,不斷增加的 1 星評論會讓他們心態(tài)崩潰,而這些 1 星評論大多數(shù)是在吐槽“速度太慢”。團隊迫切的想要讓軟件運行的更快一點,于是他們花費了幾個月的時間,在程序員的眼淚中從新編寫了代碼。
當他們再次測試該應用程序時,程序員感覺自己的頭頂涼涼的。原來,用戶的意思是導航很傻,UI 很亂,而且找東西“太慢了”。這是用戶體驗問題,而不是速度問題!
如果他們遵循移動端UX設計規(guī)則的話,他們本可以制作出優(yōu)秀的可用性 App。遵循“黃金法則”和標準會改善他們的移動用戶體驗,他們會得到更好的評價。
“Users try out a lot of apps but decide which ones they want to stop using within the first 3–7 days. For decent apps, the majority of users retained for seven days stick around much longer. The key to success is to get the users hooked during that critical early period.” –Ankit Jain
“用戶嘗試了很多 App,他們通常在 3-7 天內(nèi)決定是否繼續(xù)使用這款軟件。對于合適的App,保留 7 天的用戶大多數(shù)會繼續(xù)使用更長的時間。成功的關(guān)鍵是讓用戶在使用的早期階段著迷?!?– Ankit Jain
這款 App 看起來很有趣,但是該怎么用呢?
用戶不想在每次打開App時從新認知一個新的移動界面。他們想要放松或輕松的完成任務,他們想要的是簡單且“有效”的產(chǎn)品。
在移動端,用戶希望立刻訪問所有內(nèi)容。據(jù)估計,人們每天查看手機的次數(shù)約為 80 次!但是通常他們每次只看一小會,所以好的用戶體驗設計即使在短時間也會給用戶絲滑的感受。
神經(jīng)科學家說我們的大腦經(jīng)過數(shù)千年的進化,變得越來越聰明,也變得越來越懶,所以大腦變得盡可能高效地處理事情來節(jié)省能量。人們渴望一致性和易用性,因為我們的大腦更想去偷個懶。
毫無疑問,每個人都希望他們的 App 成功。但如果某些功能無法使用,則意味著需要消耗更多的認知資源。無論視覺設計多么美觀,動效多么花哨——如果 App 的可用性存在問題,那么體驗就不復存在。
“Experience is critical, for it determines how fondly people remember their interactions.” — Don Norman in The Design of Everyday Things
“經(jīng)驗很重要,因為它決定了人們對他們互動的記憶程度?!?— Don Norman 《The Design of Everyday Things》
好消息:全球約有 3-4 億智能手機用戶。壞消息:他們會將大部分時間花在其他應用上。
雅各布·尼爾森 (Jakob Nielsen) 提出的雅各布定律指出,“用戶將大部分時間花在使用其他應用上。他們更想要你的 App 與其他 App 有相同的操作方式。”最流行和最成功的App都遵循這個法則,因為這些“久經(jīng)考驗”的標準意味著人們不必重新學習 UI 界面和相應的操作。這不是關(guān)于抄襲其他 App,而是關(guān)于不打破用戶的預期模式(除非它提供了重要的價值)。
移動可用性的重要性
可用性是用戶體驗設計中的一個部分,它有許多部分組成?,F(xiàn)在讓我們深入討論其中5個關(guān)鍵部分:
可學習性:用戶第一次使用能否輕而易舉的完成基礎操作?
有效性:用戶操作功能的速度有多快?
可記憶性:當人們在一段時間不使用后重新使用時,他們能否再次熟練使用?
糾錯:用戶犯了多少錯誤,錯誤的嚴重程度,以及人們糾正錯誤的難易程度?
滿意度:使用設計的愉快程度如何?它能幫助人們完成他們的任務嗎?這是一次令人滿意的互動嗎?

移動端導航
在可用性中,最重要的一點是導航。在用戶體驗行業(yè)中流傳著這樣一句話:可發(fā)現(xiàn)性總是贏家。在用戶體驗中可發(fā)現(xiàn)性指的是每個可能的交互對用戶來說都是清晰易懂的。如果人們找不到某些東西,那么它就不存在。例如,漢堡菜單(譯者注:又稱抽屜式菜單)隱藏了導航,這會降低它的可用性。
“The interaction cost of accessing a desired piece of information is higher on mobile than on the desktop.” –The Nielsen Norman Group
“在移動設備上訪問所需信息的交互成本高于在桌面上。” – 尼爾森諾曼團隊

能在上面前兩張圖找到漢堡菜單嗎?我覺得不行。
在眾多移動導航模式中,“標簽視圖”是很流行的。它分為多個標簽欄(如桌面設備),用戶可在任何屏幕上通過工具欄的標簽進行導航。
移動端的可用性專家在“選項卡視圖”的標簽欄(也稱為底部導航欄)和漢堡菜單的移動導航之間進行了無數(shù)測試。哪一個脫穎而出?當然是圖右 1 ,因為它公開了主要導航并允許在應用程序中的主要目的地之間移動。所以在設計中不應首先考慮漢堡菜單,如果非要使用,那么久使他作為次要的、不太重要的選項。
“A tab bar is a good way to flatten your information hierarchy and provide access to several peer information categories or modes at once.” — Apple Human Interface Guidelines.
“底部導航欄是一個能夠扁平化信息層級和一次提供多個對等信息的好方式” — Apple 人機界面指南。
許多 App 可能都使用同一種特定的導航形式,但這并不意味著它是最有效的。經(jīng)過無數(shù)次測試,F(xiàn)acebook 和 Spotify 決定不應將漢堡菜單用作應用的主要導航。因為它們需要用戶花費更多的精力。

移動端導航的最佳用戶體驗是使用底部導航欄,又名標簽欄。

