移動應(yīng)用設(shè)計的最佳實踐

移動應(yīng)用現(xiàn)在是提供內(nèi)容和服務(wù)的主流方式。但在熱鬧的移動應(yīng)用市場,面對五花八門的各種APP,如何讓你的APP受重視,脫穎而出得到用戶的青睞?

這里有7個UX設(shè)計提示,助你創(chuàng)造移動應(yīng)用的極致體驗。

1. 一個屏幕,一個任務(wù)

減少用戶使用成本

每一屏只做一個有價值的動作,為了唯一一件事情。切記不要超過一次行為動作。這樣設(shè)計可以讓APP更容易學(xué)習(xí),更易于使用,并更容易添加或在必要時進行構(gòu)建。

以優(yōu)步(Uber)為例。優(yōu)步知道用戶的使用目的純粹是為了打車,APP不要用太多信息淹沒用戶。APP通過GEO數(shù)據(jù)自動探測用戶所處位置,而用戶只需要選擇目的地就可以了。

2.隱形用戶界面

內(nèi)容即為界面

專注于內(nèi)容,刪除不支持用戶任務(wù)的元素。用戶不再分散注意力,能更快的找到想要的內(nèi)容。內(nèi)容即為界面。谷歌地圖是一個很好的例子,經(jīng)過重新設(shè)計,谷歌刪掉了沒必要的控制板和按鈕,谷歌說,地圖就是界面。

3. 呼吸空間

使用留白來凸顯重要內(nèi)容

留白或者『負(fù)空間』指設(shè)計或頁面布局的元素之間的空白空間,經(jīng)常被忽略輕視。盡管很多設(shè)計師認(rèn)為這是屏幕空間的浪費,但留白是移動應(yīng)用設(shè)計的基本元素。

『留白應(yīng)該作為一種主動的元素,而不是作為被動的背景』—?Jan Tschichold

留白不僅負(fù)責(zé)可讀性和內(nèi)容優(yōu)先級,它也在視覺布局中發(fā)揮重要作用。因此它可以改進UI并提升用戶體驗。

在你的設(shè)計中遵循『少即是多』的原則。圖片來源:Material Design

4. 簡化導(dǎo)覽

使導(dǎo)覽不言自明

幫助用戶導(dǎo)覽應(yīng)該是每個移動應(yīng)用的最高優(yōu)先級。移動應(yīng)用導(dǎo)覽必須是可發(fā)現(xiàn)的,可訪問的,占用屏幕空間少的。然而,移動應(yīng)用的可訪問屬性是不容易做到的,由于小屏幕的限制和優(yōu)先級的安排。

標(biāo)簽欄和導(dǎo)航欄非常適合擁有相對較少導(dǎo)航選項的移動應(yīng)用。他們顯示了所有主要的導(dǎo)航選項,只需要用戶一個點擊就可以從一個頁面跳到另一個頁面,太贊了。

蘋果APP Store中的標(biāo)簽導(dǎo)航欄

5. 單手操作

使您的設(shè)計符合更大的屏幕

Iphone6 和 IPhone6 Plus的發(fā)布表明屏幕尺寸會越來越大。

人類手持手機的三種基本方式如圖:

人類握持手機的三種基本方式。由Steven Hoober研究發(fā)現(xiàn)

研究發(fā)現(xiàn)85%的被觀察用戶單手操作手機。下面的熱成像圖顯示了在不同尺寸的IPhone上的大拇指的活動區(qū)域。我們能看到顯示屏越大,可訪問區(qū)域越小。

拇指區(qū)域。根據(jù)Scott Hurff的觀測研究

調(diào)整設(shè)計來提高用戶體驗是有必要的。盡量確保你的APP在大屏手機(比如iPhone 6 或 7)上可以輕松(且完整)地單手操作。將導(dǎo)航選項放在拇指范圍內(nèi)。

IOS的口袋應(yīng)用,所有導(dǎo)航控件都在頁腳,當(dāng)你正常握持手機的時候可以輕松觸及。圖片來源:Dmitry Kovalenko

6. 讓應(yīng)用快速出現(xiàn)

別讓用戶等待內(nèi)容

竭盡可能的讓APP快速反應(yīng)。在后臺做預(yù)處理,這樣會看起來響應(yīng)很快。后臺操作有兩個好處——對用戶不可見,并且在用戶實際請求之前發(fā)生。一個很好的例子是在Instagram上傳照片,只要用戶選好了照片,在分享之前就開始上傳了。

當(dāng)在后臺上傳照片的時候,Instagram邀請用戶給照片貼標(biāo)簽,貼完也就上傳完了。這樣當(dāng)你按下分享按鈕的時候,照片立刻就分享出去了。

7. 明智的使用推送通知

在發(fā)送通知前請三思

用戶每天被各種沒用的通知信息轟炸,分散日常活動的注意力,徹底搞煩。煩人的通知是用戶卸載移動應(yīng)用的首要原因(71%的受訪者)。

移動設(shè)備要的是每條信息都有價值。不要為了吸引用戶而發(fā)送通知。只有認(rèn)為消息對用戶有價值的時候才可以發(fā)送通知。

溫馨提示:創(chuàng)建最好的移動應(yīng)用消息策略應(yīng)該用不同的通知類型——推送通知,電子郵件,應(yīng)用內(nèi)通知和新聞源消息。多樣化你的通知類型——你的通知工作應(yīng)該完美協(xié)調(diào),創(chuàng)造最佳用戶體驗。

根據(jù)優(yōu)先級和內(nèi)容選擇正確的通知類型。資料來源:Appboy

結(jié)論

要記住設(shè)計一個移動應(yīng)用最重要的事情是確保它有用且直觀。如果APP沒什么用,對用戶沒有使用價值,沒有人有任何理由使用它。如果APP有用,但是需要耗費大量時間和精力,用戶不會學(xué)習(xí)如何使用它。良好的UI和UX設(shè)計則能解決這兩個問題。

謝謝!

作者:Nick Babich
譯者:Nodar
原鏈接:http://babich.biz/mobile-design-best-practices/

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,319評論 25 708
  • 1 UI設(shè)計基礎(chǔ) 1.1 為iOS而設(shè)計 1.1.1 iOS包含以下3條設(shè)計原則: 遵從,UI應(yīng)該有助于人們理解內(nèi)...
    Willry閱讀 3,800評論 1 48
  • iOS 9設(shè)計規(guī)范 中文版 完整版譯者注:本文譯自蘋果官方人機界面指南 iOS Human Interface G...
    海寧Hennie閱讀 13,653評論 2 60
  • 解法一 用一個list模擬刪除過程 解法二 數(shù)學(xué)公式,推到過程還沒看懂
    博客的博客閱讀 406評論 0 0
  • 到城里奔喪,柔美的民族服裝異常燦爛,口若懸河,比山比水,總攬全局地分析,羅列出讓人無法辯駁的證據(jù),接待是高規(guī)...
    江邊漂石閱讀 208評論 0 0

友情鏈接更多精彩內(nèi)容