移動(dòng)應(yīng)用設(shè)計(jì)的最佳實(shí)踐
移動(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)容即為界面
?
專注于內(nèi)容,刪除不支持用戶任務(wù)的元素。用戶不再分散注意力,能更快的找到想要的內(nèi)容。內(nèi)容即為界面。谷歌地圖是一個(gè)很好的例子,經(jīng)過重新設(shè)計(jì),谷歌刪掉了沒必要的控制板和按鈕,谷歌說,地圖就是界面。
3. 呼吸空間 使用留白來凸顯重要內(nèi)容
?
留白或者『負(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)。
圖片來源: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è)面,太贊了。
蘋果APP Store中的標(biāo)簽導(dǎo)航欄
5. 單手操作 使您的設(shè)計(jì)符合更大的屏幕
Iphone6 和 IPhone6 Plus的發(fā)布表明屏幕尺寸會(huì)越來越大。
人類手持手機(jī)的三種基本方式如圖:
人類握持手機(jī)的三種基本方式。由Steven Hoober研究發(fā)現(xiàn)
研究發(fā)現(xiàn)85%的被觀察用戶單手操作手機(jī)。下面的熱成像圖顯示了在不同尺寸的IPhone上的大拇指的活動(dòng)區(qū)域。我們能看到顯示屏越大,可訪問區(qū)域越小。
拇指區(qū)域。根據(jù)Scott Hurff的觀測(cè)研究
調(diào)整設(shè)計(jì)來提高用戶體驗(yàn)是有必要的。盡量確保你的APP在大屏手機(jī)(比如iPhone 6 或 7)上可以輕松(且完整)地單手操作。將導(dǎo)航選項(xiàng)放在拇指范圍內(nèi)。
圖片來源: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上傳照片,只要用戶選好了照片,在分享之前就開始上傳了。
當(dāng)在后臺(tái)上傳照片的時(shí)候,Instagram邀請(qǐng)用戶給照片貼標(biāo)簽,貼完也就上傳完了。這樣當(dāng)你按下分享按鈕的時(shí)候,照片立刻就分享出去了。
7. 明智的使用推送通知?在發(fā)送通知前請(qǐng)三思
用戶每天被各種沒用的通知信息轟炸,分散日常活動(dòng)的注意力,徹底搞煩。煩人的通知是用戶卸載移動(dòng)應(yīng)用的首要原因(71%的受訪者)。
移動(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)。
資料來源: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)載。
怎么沒發(fā)收藏?