APP設計易用性的七個要素

2022-06-20 分類： App設計

創新互聯為你提供關于APP設計資訊，APP設計易用性的七個要素：本文介紹的7個移動用戶體驗設計要點，諸如內容優先、導航設計、快速響應等都是基礎而經典的設計知識，適合新手入門學習和查漏補缺。

目錄

一個屏幕，一個任務

看不見的用戶界面

充分留白

讓導航變得簡單

單手操作

響應快速

讓推送更加人性化

01. 一個屏幕，一個任務

減輕用戶在獲取所需信息上花費的努力。

為APP 所設計的每一個屏幕畫面，都需要仔細斟酌，讓每一個操作都發揮它的作用。

我們來看看下面這個Uber 的APP界面吧。用戶使用這個APP的目的是為了搭上出租車，所以在這個界面中，為了不使用戶感到混亂，我們限制了其他元素的出現。基于GPS 我們可以自動定位用戶所在的位置，用戶只需要選擇自己想去的位置就可以了。

看優秀的案例分析，也能學到不少可用性的知識喲：《全新UBER APP改版背后的設計思考總結》

02. 看不見的界面

內容即界面。為了讓用戶著眼于內容，我們可以將一些不必要的元素進行刪除。這樣可以縮短用戶的關注時間，將他們引導到他們所需要的內容上。以下面的谷歌地圖為例。谷歌把全部不必要的面板和按鈕統統省略，將地圖本身便是界面這一理念傳達出來。

03. 充分留白

為了讓重要的內容變得注目，讓我們來利用負空間吧。負空間，又被人稱為留白，指的是在設計和布局的時候在要素的四周被空出來的部分，這部分往往被人無視。雖然有人認為這是對有限空間的浪費，但留白空間對于移動應用界面設計是非常必要的。不管是在提高可讀性，排列內容的優先順序，還是進行可視化操作的布局上都發揮著非常重要的作用。不但可以簡化用戶界面，還能改善用戶體驗。

關于留白的方法，在這篇好文中有詳細的解讀：《超實用!移動端界面中的版式設計原理(下)》

04.讓導航變得簡單

導航菜單不管是在哪種情況、哪種屏幕下都應該能讓用戶很容易地找到。建議從界面的尺寸限制和內容的優先級出發，決定用哪種導航。標簽欄作為導航菜單的代替，可以通過一個簡單的點擊跳轉到不同的頁面，對移動端APP來說也是非常方便的設定。

該用哪種導航，首先得知道有哪些導航模式，優缺點都是什么：《全方位科普移動端導航的七種設計模式》

05. 單手操作

對應大屏來設計尺寸吧。自從iPhone 6 和 6 Plus 發售之后，大屏幕已經是今后主流的趨勢了。

下面這張圖片展示了大部分人是怎樣持握移動設備的。(單手操作：49% | 一只手托著操作：36% | 雙手操作：15%)

參加試驗的用戶中有85%是用單手操作手機的。接下來的這張熱度圖反映的是自2007年以后發售的iPhone 屏幕上單手大拇指所能操作的范圍。正如你所看到的，隨著屏幕的不斷變大，所能操作的部分(圖中綠色區域)正在逐漸變小。

為了改善用戶體驗，你也需要將上面的數據應用到設計之中。在制作對應大屏幕(如iPhone6或7等等)的APP時，你也需要考慮到單手能操作的范圍。然后，在大拇指所能接觸到的范圍內配置你的導航菜單。

06.快速響應

不要讓用戶將時間浪費在等待上。你應該把快速啟動時刻放在心上。通過后臺提前運行，你可以讓他看起來變得響應快速。這樣做會有兩個好處，用戶看不見它們的加載過程，且在用戶實際操作之前項目就已經加載完成。一個很棒的參考案例，就拿Instagram的照片上傳功能來說，用戶選擇好想要分享的照片時，上傳就已經開始了。