移動(dòng)應(yīng)用設(shè)計(jì)的最佳實(shí)踐

1 評(píng)論 5908 瀏覽 32 收藏 8 分鐘

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

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

1. 一個(gè)屏幕,一個(gè)任務(wù) 減少用戶使用成本

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

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

2. 隱形用戶界面 內(nèi)容即為界面

1?

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

3. 呼吸空間 使用留白來凸顯重要內(nèi)容

2?

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

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

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

3

圖片來源:Material Design

在你的設(shè)計(jì)中遵循『少即是多』的原則。

4. 簡(jiǎn)化導(dǎo)覽 使導(dǎo)覽不言自明

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

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

4

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

5. 單手操作 使您的設(shè)計(jì)符合更大的屏幕

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

5

人類手持手機(jī)的三種基本方式如圖:

6

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

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

7

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

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

8

圖片來源:Dmitry Kovalenko

IOS的口袋應(yīng)用,所有導(dǎo)航控件都在頁(yè)腳,當(dāng)你正常握持手機(jī)的時(shí)候可以輕松觸及。

6. 讓應(yīng)用快速出現(xiàn)?別讓用戶等待內(nèi)容

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

9

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

7. 明智的使用推送通知?在發(fā)送通知前請(qǐng)三思

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

10

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

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

11

資料來源:Appboy

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

結(jié)論

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

謝謝!

 

原文作者:Nick Babich

原文地址:http://babich.biz/mobile-design-best-practices/

譯者:Nodar

譯文地址:微信公眾號(hào)『灣區(qū)記譯』

本文由 @Nodar 授權(quán)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)作者許可,禁止轉(zhuǎn)載。

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 怎么沒發(fā)收藏?

    回復(fù)