7 個優秀 UX 設計的關鍵要素

簡評:其實設計 UX 的時候,只要想一下,如果我媽媽用這個 App,會不會用懂?一切都簡單了

1.一個屏幕,一個任務

減少用戶投入,一個屏幕一件事。

以 Uber 為例。Uber 知道,使用該應用程序的用戶的目標是坐車。應用程序不會淹沒用戶太多的信息:它會根據 GEO 數據自動檢測用戶的位置,用戶只需要做的是選擇一個上車點。

2.隱藏用戶界面

內容成為介面。

專註於內容並刪除與之無關的不必要元素。最快速度的讓用戶尋找到相關內容,讓內容成為介面。Google 地圖就是一個很好地例子,在重新設計之後,Google 刪除了所有不必要的面板和按鈕,Google 表示這才是地圖該有的樣子。

3.留白

使用大空間來吸引人們留意重要的內容

White space 或者 negative space 是指設計或者頁面布局的元素之間,和周圍的空白空間,常常容易被忽略。很多設計師認為 white space 會浪費寶貴的屏幕空間,但它卻是是移動設計中一個非常重要的基本要素。

White space 被認為是一個活躍的元素,而不是被動的背景」 - Jan Tschichold

White Space 可以提升內容的可讀性和內容優先順序,在視覺布局中也發揮重要作用,可以簡化 UI 並提高用戶體驗。

4.導航簡單

讓導航更明顯。

幫助用戶導航,應該是每個應用的高優先順序。導航必須是顯眼的,可訪問同時佔用更少的屏幕空間。

然而由於小屏幕的限制,可訪問的導航是移動設計中的一個挑戰。

標籤欄(Tab bars)和導航欄非常適合於具有較少導航需求的應用。它們能夠簡單的點擊即可從一個頁面跳轉到另一個頁面。

△蘋果的導航欄

5.單手操作

是你的設計適應更大的屏幕。

縱觀 iPhone 的發展,到了現在我們要適應 plus 的大屏。

人們又三種基本的拿手機方式:

85% 的用戶單手操作,下面一張熱力圖顯示了,自 2007年以來,大家點擊各種尺寸的屏幕頻率,可以看出,屏越大,易於訪問的區域越小。

所以,在設計的時候,我們應該確保一隻手可以輕鬆完成大屏的操作。我們應該將導航選項放置在最易於點擊的範圍內。

6.讓應用快速響應

不要讓用戶等待。

儘可能嘗試讓應用更快響應。在後台隱形操作,這有兩點好處:用戶不可見;在用戶實際發出請求操縱之前已經開始。

一個很好的例子是在Instagram上傳圖片。只要用戶選擇要共享的圖片,它就會開始上傳。

△圖為 Instagram 選擇圖片,用戶還未發布,後台就已經開始上傳。

7.聰明的使用推送通知

三思而推。

用戶每天都會被無用的通知轟炸,嚴重影響體驗,煩人的通知是用戶卸載應用的首要原因。

不要因為你能發通知,你就肆無忌憚;不要因為你想吸引他們注意,你就肆無忌憚。記住,一定要發送有價值的,不是對你有價值,是對用戶有價值的推送通知。

提示:建立有效的信息傳的的最佳策略不是單一的渠道,而是複合型多樣化的渠道:推送通知、電子郵件、應用內通知和新聞 Feed 信息。只有協調多種溝通方法,才能創造良好的用戶體驗。

在設計 App 時,最重要的是確保它有用能夠滿足需求,同時力求簡單直觀。

如果他沒用,那麼設計的再好看再人性化也無力回天;如果它有用,但是需要大量時間精力去學習使用,那也會造成過高的門檻。

本文翻譯自:Mobile Design Best Practices

歡迎關注

  • 知乎專欄「極光日報」,每日 2 篇優質英文文章。

  • 微信公眾號「極光開發者」(jiguangdev),每周 2 篇技術類文章。
  • 推薦閱讀:

    QQ音樂 For Mac 1.0 用戶體驗如何?
    引導用戶,增強產品功能認知 | 動效設計指南(一)
    「簡書」的用戶體驗如何?
    眼鏡是個好東西,希望你也有一副像樣點的

    TAG:用户体验 | 用户界面设计 | 产品 |