設計移動端App時容易忽略的30個方面(上)

2 評論 9163 瀏覽 92 收藏 10 分鐘

好的App之所以受用戶青睞,除了產品本身的功能之外,產品設計也是起著關鍵因素的原因之一。

懶人目錄:

一、注冊及登錄

二、首次體驗

三、日常用戶體驗

四、通知

五、賬戶設置

六、信息呈現

七、應用內搜索

八、應用商店

謹以此文,向有關人士介紹在蘋果App Store或谷歌應用商城上架App之前在設計方面需要注意的事項。其中,主要分為以下8個核心方面。

一、注冊及登錄

1. 啟動界面

所謂啟動界面,即指用戶打開某個App時首先看到的界面。由于啟動界面是用戶與App交互的第一界面,因此,它對用戶的第一印象非常重要,甚至能影響用戶在未開始體驗你的App之前對這款產品的看法。

帶有產品Logo的啟動界面。圖片來源:Gleb Kuznetsov?

打車軟件Uber的啟動界面。圖片來源:Uber

針對體驗友好型啟動界面的設計,首先要了解的核心關鍵是,啟動界面的作用,就是為用戶帶來友好的第一印象。

具體而言,有以下兩個方面的設計建議:

  • 等待時間不宜過長。在用戶首次體驗你的產品時,為了減少產品的跳出率,要盡量控制用戶打開App時等待啟動界面反應的時間長度。
  • 讓用戶等待過程更加友好。如果實在無法縮減用戶等待頁面反應時間的,那至少也應該通過進度條、小動畫或小游戲等設計元素,來讓整個等待過程更加友好。

2. “忘記密碼”流程

據有關數據統計,每個人平均注冊了大約90個需要密碼驗證的在線服務平臺賬號。使用并管理如此多的賬號,很少有人能做到準確記住所有密碼。

而另一組數據顯示,如果連續兩周不使用某個賬號,約21%的用戶都會忘記該賬號的登錄信息;更有25%的用戶每天都會忘記至少一個賬號的登錄信息。如果你設計的App需要用戶登錄個人信息的話,那你就應該為用戶提供重置密碼的選項。

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

二、首次體驗

3. 用戶引導界面

用戶體驗設計師喜歡用“用戶引導”這個術語,來描述引導用戶學習使用某個App的過程。

體驗友好型用戶引導過程,可以增加首次使用該App的用戶在體驗過后的持續使用可能性。

俄羅斯著名設計工作室Cuberto設計的用戶引導動畫體驗

針對用戶引導界面的設計問題,有如下幾點建議:

  • 避免呈現靜態“教程”。許多App都會讓用戶通過不斷翻頁來手動學習了解如果使用該App,但這種設計是非?!爸旅钡?。首先,在此情況下,用戶被迫與產品發生的交互,不是真正的交互,而當用戶真正進入體驗環節后,他們很有可能忘記了有關上手操作及功能,產品可用性大打折扣。其次,實際上,只有極少數用戶才會在體驗產品之前耐心地閱讀文字介紹。
  • 提供上下文(動態)指引。通過向用戶提供上下文動態指引,可以讓用戶更加直觀地了解有關信息。你所提供的指引,剛好是用戶在用戶體驗過程的某個特定時間點所需要的協助。具體而言,可以在用戶引導界面設計操作及手勢動畫或交互旅程等設計元素。

4. 數據確認界面

許多移動App在用戶界面中,都會要求用戶再次確認其輸入的郵箱地址或電話號碼等信息。

數據確認界面通常都是在用戶成功提供注冊或登錄有關的必填信息后,通過界面提示他們查收郵件或信息再次確認信息的方式來呈現的。

某款App的確認界面設計。圖片來源:Diana Caballero

針對數據確認界面的設計,必須要向用戶提供以下兩個方面的信息:

  • 向用戶提供可以讓其選擇再次發送確認碼的選項。
  • 如何找到確認信息的有關指引。比如,通過特定關鍵詞搜索,或者在垃圾箱中查找等等。

5. 界面暫時沒有內容情況下的“空狀態”

在大多數App中,內容則是體現價值的主要方式,它也是用戶之所以選擇這款產品的主要原因。因此,在用戶體驗App的過程中,針對可能暫時沒有內容的界面,如何設計這些界面就顯得非常重要了。

這些空白內容界面區域,就是我們所知的“空狀態”。當然,雖然其名為“空狀態”,但它實際上不應該是空白的。

事實上,空狀態非常適合插入與用戶引導有關的元素和內容,從而可以讓用戶保持與App的進一步交互。與其將空狀態留白,不如有效地發揮其教育功能和引導功能。

求職平臺Symplicity的移動端空狀態設計。

6. 默認用戶頭像

根據用戶體驗權威咨詢機構UIE的創始人吉拉德·M·斯普(Jared M. Spool )稱,約95%的用戶在體驗使用產品的過程中都不會更改系統的默認設置。這即意味著,很多用戶可能會選擇使用系統的默認用戶頭像。

云儲存軟件Dropbox默認可愛頭像

針對如何設計默認用戶頭像,有以下五個方面的建議:

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

 

作者:Nick Babich

原標題:30 Things We Often Forget When Designing Mobile Apps

譯者:俊一,神譯局是36氪旗下編譯團隊,關注科技、商業、職場、生活等領域,重點介紹國外的新技術、新觀點、新風向。

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

本文由 @36氪 授權發布于人人都是產品經理,未經作者許可,禁止轉載

題圖來自Unsplash,基于CC0協議

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 等你的下

    來自山東 回復
  2. 用戶體驗五要素:戰略層,范圍層,結構層,框架層,表現層

    回復