好的App之所以受用戶青睞，除了產(chǎn)品本身的功能之外，產(chǎn)品設(shè)計(jì)也是起著關(guān)鍵因素的原因之一。

懶人目錄：

一、注冊(cè)及登錄

二、首次體驗(yàn)

三、日常用戶體驗(yàn)

四、通知

五、賬戶設(shè)置

六、信息呈現(xiàn)

七、應(yīng)用內(nèi)搜索

八、應(yīng)用商店

謹(jǐn)以此文，向有關(guān)人士介紹在蘋果App Store或谷歌應(yīng)用商城上架App之前在設(shè)計(jì)方面需要注意的事項(xiàng)。其中，主要分為以下8個(gè)核心方面。

一、注冊(cè)及登錄

1. 啟動(dòng)界面

所謂啟動(dòng)界面，即指用戶打開某個(gè)App時(shí)首先看到的界面。由于啟動(dòng)界面是用戶與App交互的第一界面，因此，它對(duì)用戶的第一印象非常重要，甚至能影響用戶在未開始體驗(yàn)?zāi)愕腁pp之前對(duì)這款產(chǎn)品的看法。

帶有產(chǎn)品Logo的啟動(dòng)界面。圖片來源：Gleb Kuznetsov?

打車軟件Uber的啟動(dòng)界面。圖片來源：Uber

針對(duì)體驗(yàn)友好型啟動(dòng)界面的設(shè)計(jì)，首先要了解的核心關(guān)鍵是，啟動(dòng)界面的作用，就是為用戶帶來友好的第一印象。

具體而言，有以下兩個(gè)方面的設(shè)計(jì)建議：

• 等待時(shí)間不宜過長。在用戶首次體驗(yàn)?zāi)愕漠a(chǎn)品時(shí)，為了減少產(chǎn)品的跳出率，要盡量控制用戶打開App時(shí)等待啟動(dòng)界面反應(yīng)的時(shí)間長度。
• 讓用戶等待過程更加友好。如果實(shí)在無法縮減用戶等待頁面反應(yīng)時(shí)間的，那至少也應(yīng)該通過進(jìn)度條、小動(dòng)畫或小游戲等設(shè)計(jì)元素，來讓整個(gè)等待過程更加友好。

2. “忘記密碼”流程

據(jù)有關(guān)數(shù)據(jù)統(tǒng)計(jì)，每個(gè)人平均注冊(cè)了大約90個(gè)需要密碼驗(yàn)證的在線服務(wù)平臺(tái)賬號(hào)。使用并管理如此多的賬號(hào)，很少有人能做到準(zhǔn)確記住所有密碼。

而另一組數(shù)據(jù)顯示，如果連續(xù)兩周不使用某個(gè)賬號(hào)，約21%的用戶都會(huì)忘記該賬號(hào)的登錄信息；更有25%的用戶每天都會(huì)忘記至少一個(gè)賬號(hào)的登錄信息。如果你設(shè)計(jì)的App需要用戶登錄個(gè)人信息的話，那你就應(yīng)該為用戶提供重置密碼的選項(xiàng)。

忘記密碼及重置密碼界面。圖片來源：Emmanuel Torres

二、首次體驗(yàn)

3. 用戶引導(dǎo)界面

用戶體驗(yàn)設(shè)計(jì)師喜歡用“用戶引導(dǎo)”這個(gè)術(shù)語，來描述引導(dǎo)用戶學(xué)習(xí)使用某個(gè)App的過程。

體驗(yàn)友好型用戶引導(dǎo)過程，可以增加首次使用該App的用戶在體驗(yàn)過后的持續(xù)使用可能性。

俄羅斯著名設(shè)計(jì)工作室Cuberto設(shè)計(jì)的用戶引導(dǎo)動(dòng)畫體驗(yàn)

針對(duì)用戶引導(dǎo)界面的設(shè)計(jì)問題，有如下幾點(diǎn)建議：

• 避免呈現(xiàn)靜態(tài)“教程”。許多App都會(huì)讓用戶通過不斷翻頁來手動(dòng)學(xué)習(xí)了解如果使用該App，但這種設(shè)計(jì)是非常“致命”的。首先，在此情況下，用戶被迫與產(chǎn)品發(fā)生的交互，不是真正的交互，而當(dāng)用戶真正進(jìn)入體驗(yàn)環(huán)節(jié)后，他們很有可能忘記了有關(guān)上手操作及功能，產(chǎn)品可用性大打折扣。其次，實(shí)際上，只有極少數(shù)用戶才會(huì)在體驗(yàn)產(chǎn)品之前耐心地閱讀文字介紹。
• 提供上下文（動(dòng)態(tài)）指引。通過向用戶提供上下文動(dòng)態(tài)指引，可以讓用戶更加直觀地了解有關(guān)信息。你所提供的指引，剛好是用戶在用戶體驗(yàn)過程的某個(gè)特定時(shí)間點(diǎn)所需要的協(xié)助。具體而言，可以在用戶引導(dǎo)界面設(shè)計(jì)操作及手勢(shì)動(dòng)畫或交互旅程等設(shè)計(jì)元素。

4. 數(shù)據(jù)確認(rèn)界面

許多移動(dòng)App在用戶界面中，都會(huì)要求用戶再次確認(rèn)其輸入的郵箱地址或電話號(hào)碼等信息。

數(shù)據(jù)確認(rèn)界面通常都是在用戶成功提供注冊(cè)或登錄有關(guān)的必填信息后，通過界面提示他們查收郵件或信息再次確認(rèn)信息的方式來呈現(xiàn)的。

某款A(yù)pp的確認(rèn)界面設(shè)計(jì)。圖片來源：Diana Caballero

針對(duì)數(shù)據(jù)確認(rèn)界面的設(shè)計(jì)，必須要向用戶提供以下兩個(gè)方面的信息：

• 向用戶提供可以讓其選擇再次發(fā)送確認(rèn)碼的選項(xiàng)。
• 如何找到確認(rèn)信息的有關(guān)指引。比如，通過特定關(guān)鍵詞搜索，或者在垃圾箱中查找等等。

5. 界面暫時(shí)沒有內(nèi)容情況下的“空狀態(tài)”

在大多數(shù)App中，內(nèi)容則是體現(xiàn)價(jià)值的主要方式，它也是用戶之所以選擇這款產(chǎn)品的主要原因。因此，在用戶體驗(yàn)App的過程中，針對(duì)可能暫時(shí)沒有內(nèi)容的界面，如何設(shè)計(jì)這些界面就顯得非常重要了。

這些空白內(nèi)容界面區(qū)域，就是我們所知的“空狀態(tài)”。當(dāng)然，雖然其名為“空狀態(tài)”，但它實(shí)際上不應(yīng)該是空白的。

事實(shí)上，空狀態(tài)非常適合插入與用戶引導(dǎo)有關(guān)的元素和內(nèi)容，從而可以讓用戶保持與App的進(jìn)一步交互。與其將空狀態(tài)留白，不如有效地發(fā)揮其教育功能和引導(dǎo)功能。

求職平臺(tái)Symplicity的移動(dòng)端空狀態(tài)設(shè)計(jì)。

6. 默認(rèn)用戶頭像

根據(jù)用戶體驗(yàn)權(quán)威咨詢機(jī)構(gòu)UIE的創(chuàng)始人吉拉德·M·斯普（Jared M. Spool ）稱，約95%的用戶在體驗(yàn)使用產(chǎn)品的過程中都不會(huì)更改系統(tǒng)的默認(rèn)設(shè)置。這即意味著，很多用戶可能會(huì)選擇使用系統(tǒng)的默認(rèn)用戶頭像。

云儲(chǔ)存軟件Dropbox默認(rèn)可愛頭像

針對(duì)如何設(shè)計(jì)默認(rèn)用戶頭像，有以下五個(gè)方面的建議：

1. 采用用戶名首字母縮寫。用戶頭像以用戶的姓氏及名字的首字母縮寫來呈現(xiàn)，許多郵件應(yīng)用都采用了這種設(shè)計(jì)方式。
2. 個(gè)性人臉頭像。精心設(shè)計(jì)的個(gè)性頭像插圖也是不錯(cuò)的選擇。當(dāng)然，如果能允許用戶根據(jù)工具箱的有關(guān)人物元素自定義頭像的話，那就更好了。
3. 動(dòng)物。針對(duì)頭像設(shè)置問題，谷歌文件就采用了一系列動(dòng)物，并制作成了可供用戶選擇使用的頭像。
4. 各種笑臉表情或Emoji。笑一笑，十年少。產(chǎn)品中多加入微笑等元素，也可以讓產(chǎn)品更加受人青睞。
5. 品牌元素。你也可以借助品牌logo，設(shè)計(jì)特定的默認(rèn)用戶頭像。比如，社交軟件Snapchat的logo就是一個(gè)幽靈，而用戶則可以自定義上傳個(gè)人照片至logo幽靈框線之內(nèi)。

作者：Nick Babich

原標(biāo)題：30 Things We Often Forget When Designing Mobile Apps

譯者：俊一，神譯局是36氪旗下編譯團(tuán)隊(duì)，關(guān)注科技、商業(yè)、職場(chǎng)、生活等領(lǐng)域，重點(diǎn)介紹國外的新技術(shù)、新觀點(diǎn)、新風(fēng)向。

來源：https://36kr.com/p/5268560

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

題圖來自Unsplash，基于CC0協(xié)議