用研干貨！詳析移動App 的9種使用狀態（上）

編者按：用戶在使用App 時通常會遇到9種狀態，今天這篇好文把每一個狀態的使用場景和注意事項都列了出來，用研新手可以拿來查漏補缺。

1. 等待
2. 初始
3. 尋找
4. 無數據
5. 瀏覽
6. 確認
7. 錯誤
8. 結束
9. 中斷

一，等待狀態

其實iOS 人機交互手冊里，Apple 建議開發者盡量不要展示閃屏。就比如國外的app我們能發現一個共同點：

他們都沒有引導頁有沒有！！那么，為什么國內的App 都有啟動頁呢？原因就是如同以上三個app一樣，他們正在等待調接口刷數據，而這個時候用戶可能會焦慮的等待，可能是接口的問題，也可能是網絡的問題。而國內的app他們希望在這個3秒中的時間內不讓用戶看這一片白花花的頁面，甚至可以利用這三秒鐘打廣告也好，宣傳品牌也好，展示逼格也好。那么他們都有不同的目的：提高用戶體驗，減少等待焦慮；品牌效應；功能展示或者情懷。

當然不同的產品所展示的啟動頁必然不一樣，而我們這里主要需要說的是等待狀態，根據產品使用人群的以及產品自身的定位來考慮啟動頁的形式，不呆滯，有緩沖。但是真正優秀的產品是不需要啟動頁的，努力優化程序，合理的緩存技術適當的異步任務調度等，讓用戶一打開App 就停留在主頁面只需要100-300毫秒的加載，這樣優秀的產品還需要啟動頁？

二，初始狀態

剛步入初始狀態，對于第一次進入App 的用戶來說其實是懵逼的，同時也是用戶是否對這個App 感興趣的最關鍵時刻，這個時候請拿出12萬分的激情以及真誠來歡迎用戶，將最精華的部分展示出來，就好比相親，許多相親的結果就在第一印象，好了咱們仔細想一想是不是這樣。

那么體驗設計師如何做好初始狀態的頁面呢。這邊我總結了四點：

1. 展示核心內容，并將其放大

毫無疑問一個產品的核心內容以及核心競爭力的體驗便是在初始狀態中，這個產品到底能為他解決什么問題，這就和產品所具有的功能所提供的服務相關，只有當用戶能用該產品切實解決問題并且用起來爽了，那他才會一直用。所以，在這個階段，對首頁而言，核心功能的展示和好的交互體驗顯的尤為重要。

2. 告訴用戶“他”在哪里

用戶初次使用產品一般會出現兩種情況，第一種－明確知道該產品功能但是第一次使用；第二種－不知道該產品只是聽說好用好玩就下載下來。那么對于第一種用戶你需要告訴他核心功能以及其他附加功能，但是第二種用戶就只需要先明確告訴他核心功能，還有當前頁面是在哪兒，不要讓用戶迷茫，因為沒有人能花許多精力來研究你產品的所有功能。

3. 智能提供，讓用戶自己選擇

對于深度使用用戶而言，首頁是信息的集合，用戶希望只要打開首頁就能知曉最近的活動和通知，并且能看到好的內容推薦。所以，內容的推薦和即時更新會讓用戶感到滿足。同時用戶能關注到自己為自己制定的推送內容。

4. 精致的UI界面

個性而不凌亂的配色，層次分明的信息展示，統一的控件及交互。對首次使用產品的用戶而言，首頁的好壞關系到用戶對該產品的第一印象，用戶第一眼看到的是界面，其次是內容。所以，在這個階段，符合品牌的好的設計感和內容的豐富度會給用戶的印象加分。

三，尋找（搜索）狀態

當我們在設計信息架構時，需要考慮目標用戶的信息需求，為不同的用戶匹配不同的信息匹配方式。那么一般我們將搜索分為四種：

1. 目的性尋找（搜索）

舉個例子，新房裝修想買一組鋼鐵俠手辦做裝飾，那么我就打開淘寶輸入鋼鐵俠手辦1/4或者1/6，選擇評價好的，價格低的店家就進行購買了，我知道在哪里能找到這樣的手辦，以及手辦的類型，做工以及價格，所以我是帶著明確的目標去尋找的。

2. 無目的性尋找（搜索）

舉個例子：最近有了閑錢想置辦一些手辦，但是不知道買哪一種，隨手輸入了手辦這個關鍵詞，跳出來許許多多的手辦，有些甚至稱不上手辦的玩偶也被列入了其中，這里就是信息不對稱的結果。那么探索性搜索的局限性也非常大，那就是他對于平臺的資源要求非常高。

3. 全面性尋找（搜索）

舉個例子，我想買一個海賊王手辦，但是我想盡量搜索到我希望得到的全部內容，這時候用戶（我）將會自己創造關鍵詞進行搜索，例如萬代海賊王手辦，眼鏡廠海賊王手辦，tsume海賊王，海賊王手辦景品等等。

4. 重復性尋找（搜索）

舉個例子，某一天我正在尋找我的鋼鐵俠手辦，我找到了一家店鋪賣的鋼鐵俠手辦好評多，價格實惠，但是這時我被一件事打斷了，導致之后我在想找這家店鋪的名字我已經想不起來。所以這里對于用戶的重復性尋找我們需要給出一個歷史搜索記錄來提供給用戶。

四，無數據狀態

這邊無數據狀態不僅僅是搜索之后沒有相應數據的狀態，也包括前后臺通信錯誤，或者網絡中斷等一系列讓數據無法正常展現在用戶面前的狀態。首先作為設計者我們應該明確知道，無數據此處應該是什么內容，導致沒有內容的原因是什么，如何獲得內容的途徑以及解決方法。

和Web 端一樣，移動端的空白頁面越來越受到重視，不單單是視覺層面，空白頁承載著更多內容，起到更多功效。同時，我們也將無數據頁面分成三種情況：

1. 初次使用

初次使用的潔面應該算比較特殊的空白頁面，它雖然有時候并不是空白，但實際對于用戶來說，確實“無數據”狀態，因為初次進入的初始狀態用戶對于此產品的功能架構并不熟悉，所以初狀態空白頁面也分為三種：1. 起引導作用的空白頁；2. 提示文字＋操作按鈕；3. 示例

2. 完成或清空內容

用戶主動觸發清空內容的操作，實際表明用戶知道自己在做什么，誤操作的可能性不高。這時候只需要給予用戶結果的反饋就可以。但是有時清空內容并沒有太多實際意義，卻花費時間和精力，因此我們更傾向于給用戶一些正面的反饋。同時需要思考用戶在使用時的心理和目標，用戶是否需要頻繁的清空數據，如果是的話，可以考慮給出多種空狀態頁面，隨機出現增強趣味性。

3. 出錯頁面：

出錯頁面其實是可以被原諒的，但是請注意，不要進一步讓用戶迷惑，焦慮。需要做的是說明錯誤原因，并告訴用戶接下來如何解決或者其他選擇。

一般的用戶遇到無法讀取數據的時候第一個操作總是刷新網絡，他們甚至會切換網絡或者關閉重開網絡來試圖重新獲取數據，但是在開發人員眼中，并不是所有狀態都是網絡造成的問題，只是用戶覺得所有問題都是來自于網絡。還有一種是在網絡差讀取數據慢的時候可以做一個預加載，提前告知用戶將要出現的內容，這樣也能緩解用戶等待時的焦慮。

歡迎關注微信公眾號：雷神U部落，分享產品設計好文。

「超實用的漸變色零基礎自學指南」

1. 上篇：《一份全面系統的漸變色自學指南》
2. 中篇：《如何用漸變色繪制高格調的背景+球體》
3. 下篇：《人氣教程最終版！寫給非科班設計師的漸變色學習指南》
4. 實戰：《超好用！簡單5步幫你做出優雅大氣的漸變色背景》?
5. 番外：《POKEMON GO圖標教程！教你繪制一枚可愛的卡比獸圖標》
6. 名片制作指南：《超實用！寫給非設計師的名片制作基礎指南》

【優設網 原創文章 投稿郵箱：yuan@uisdc.com】

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺，專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量150萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com