放完三天假期,可能有同學覺得放假比上班還tm累,確實我也這麼想的。歸根究底還是節奏被打亂了,放假整個人也放鬆下來就會感覺特別疲憊,然而我們的升級不能停止,眼看着年紀比我們小卻成就比我們高的人來說,我們依舊需要不停的汲取知識來成長,所以這個假期也是擼了兩篇文章出來,這是第一篇,希望大家一起來探討。

之前在脈脈上有看見過有人提到的這12種狀態,但是明確的說應該是用戶在使用產品時的狀態,但是細想之後覺得有幾個狀態應該修改一下,那麼我們重新定義為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.出錯頁面

出錯頁面其實是可以被原諒的,但是請注意,不要進一步讓用戶迷惑,焦慮。需要做的是說明錯誤原因,並告訴用戶接下來如何解決或者其他選擇。出錯頁面其實是可以被原諒的,但是請注意,不要進一步讓用戶迷惑,焦慮。需要做的是說明錯誤原因,並告訴用戶接下來如何解決或者其他選擇。一般的用戶遇到無法讀取數據的時候第一個操作總是刷新網絡,他們甚至會切換網絡或者關閉重開網絡來試圖重新獲取數據,但是在開發人員眼中並不是所有狀態都是網絡造成的問題,只是用戶覺得所有問題都是來自於網絡。還有一種是在網絡差讀取數據慢的時候可以做一個預加載,提前告知用戶將要出現的內容,這樣也能緩解用戶等待時的焦慮。

以上是9種狀態的其中4種,下期將寫完後面5種狀態敬請期待

 

作者:getjieyingjun,公眾號:shejishiyj(UI設計獅聯盟)

本文由 @getjieyingjun 原創發佈於人人都是產品經理。未經許可,禁止轉載。