一.等待狀態(tài)。
其實iOS 人機交互手冊里,Apple 建議開發(fā)者盡量不要展示閃屏。就比如國外的app我們能發(fā)現(xiàn)一個共同點:
他們都沒有引導頁有沒有!那么,為什么國內(nèi)的app都有啟動頁呢?原因就是如同以上三個app一樣他們正在等待調(diào)接口刷數(shù)據(jù),而這個時候用戶可能會焦慮的等待,可能是接口的問題,也可能是網(wǎng)絡(luò)的問題。而國內(nèi)的app他們希望在這個3秒中的時間內(nèi)不讓用戶看這一片白花花的頁面,甚至可以利用這三秒鐘打廣告也好,宣傳品牌也好,展示逼格也好。那么他們都有不同的目的:提高用戶體驗,減少等待焦慮;品牌效應;功能展示或者情懷。
當然不同的產(chǎn)品所展示的啟動頁必然不一樣,而我們這里主要需要說的是等待狀態(tài),根據(jù)產(chǎn)品使用人群的以及產(chǎn)品自身的定位來考慮啟動頁的形式,不呆滯,有緩沖。但是正真優(yōu)秀的產(chǎn)品是不需要啟動頁的,努力優(yōu)化程序,合理的緩存技術(shù)適當?shù)漠惒饺蝿照{(diào)度等,讓用戶一打開app就停留在主頁面只需要100-300毫秒的加載,這樣優(yōu)秀的產(chǎn)品還需要啟動頁?
當然不同的產(chǎn)品所展示的啟動頁必然不一樣,而我們這里主要需要說的是等待狀態(tài),根據(jù)產(chǎn)品使用人群的以及產(chǎn)品自身的定位來考慮啟動頁的形式,不呆滯,有緩沖。但是正真優(yōu)秀的產(chǎn)品是不需要啟動頁的,努力優(yōu)化程序,合理的緩存技術(shù)適當?shù)漠惒饺蝿照{(diào)度等,讓用戶一打開app就停留在主頁面只需要100-300毫秒的加載,這樣優(yōu)秀的產(chǎn)品還需要啟動頁?
二.初始狀態(tài)。
剛步入初始狀態(tài),對于第一次進入app的用戶來說其實是蒙逼的,同時也是用戶是否對這個app感興趣的最關(guān)鍵時刻,這個時候請拿出12萬分的激情以及真誠來歡迎用戶,將最精華的部分展示出來,就好比相親,許多相親的結(jié)果就在第一印象,好了咱們仔細想一想是不是這樣。
剛步入初始狀態(tài),對于第一次進入app的用戶來說其實是蒙逼的,同時也是用戶是否對這個app感興趣的最關(guān)鍵時刻,這個時候請拿出12萬分的激情以及真誠來歡迎用戶,將最精華的部分展示出來,就好比相親,許多相親的結(jié)果就在第一印象,好了咱們仔細想一想是不是這樣。
那么體驗設(shè)計師如何做好初始狀態(tài)的頁面呢。這邊我總結(jié)了四點:
1.展示核心內(nèi)容,并將其放大。毫無疑問一個產(chǎn)品的核心內(nèi)容以及核心競爭力的體驗便是在初始狀態(tài)中,這個產(chǎn)品到底能為他解決什么問題,這就和產(chǎn)品所具有的功能所提供的服務相關(guān),只有當用戶能用該產(chǎn)品切實解決問題并且用起來爽了,那他才會一直用。所以,在這個階段,對首頁而言,核心功能的展示和好的交互體驗顯的尤為重要。
2.告訴用戶“他”在哪里。用戶初次使用產(chǎn)品一般會出現(xiàn)兩種情況,第一種-明確知道該產(chǎn)品功能但是第一次使用;第二種-不知道該產(chǎn)品只是聽說好用好玩就下載下來。那么對于第一種用戶你需要告訴他核心功能以及其他附加功能,但是第二種用戶就只需要先明確告訴他核心功能,還有當前頁面是在哪兒,不要讓用戶迷茫,因為沒有人能花許多精力來研究你產(chǎn)品的所有功能。
3.智能提供,讓用戶自己選擇。對于深度使用用戶而言,首頁是信息的集合,用戶希望只要打開首頁就能知曉最近的活動和通知,并且能看到好的內(nèi)容推薦。所以,內(nèi)容的推薦和即時更新會讓用戶感到滿足。同時用戶能關(guān)注到自己為自己制定的推送內(nèi)容。
4.精致的UI界面,個性而不凌亂的配色,層次分明的信息展示,統(tǒng)一的控件及交互。對首次使用產(chǎn)品的用戶而言,首頁的好壞關(guān)系到用戶對該產(chǎn)品的第一印象,用戶第一眼看到的是界面,其次是內(nèi)容。所以,在這個階段,符合品牌的好的設(shè)計感和內(nèi)容的豐富度會給用戶的印象加分。
1.展示核心內(nèi)容,并將其放大。毫無疑問一個產(chǎn)品的核心內(nèi)容以及核心競爭力的體驗便是在初始狀態(tài)中,這個產(chǎn)品到底能為他解決什么問題,這就和產(chǎn)品所具有的功能所提供的服務相關(guān),只有當用戶能用該產(chǎn)品切實解決問題并且用起來爽了,那他才會一直用。所以,在這個階段,對首頁而言,核心功能的展示和好的交互體驗顯的尤為重要。
2.告訴用戶“他”在哪里。用戶初次使用產(chǎn)品一般會出現(xiàn)兩種情況,第一種-明確知道該產(chǎn)品功能但是第一次使用;第二種-不知道該產(chǎn)品只是聽說好用好玩就下載下來。那么對于第一種用戶你需要告訴他核心功能以及其他附加功能,但是第二種用戶就只需要先明確告訴他核心功能,還有當前頁面是在哪兒,不要讓用戶迷茫,因為沒有人能花許多精力來研究你產(chǎn)品的所有功能。
3.智能提供,讓用戶自己選擇。對于深度使用用戶而言,首頁是信息的集合,用戶希望只要打開首頁就能知曉最近的活動和通知,并且能看到好的內(nèi)容推薦。所以,內(nèi)容的推薦和即時更新會讓用戶感到滿足。同時用戶能關(guān)注到自己為自己制定的推送內(nèi)容。
4.精致的UI界面,個性而不凌亂的配色,層次分明的信息展示,統(tǒng)一的控件及交互。對首次使用產(chǎn)品的用戶而言,首頁的好壞關(guān)系到用戶對該產(chǎn)品的第一印象,用戶第一眼看到的是界面,其次是內(nèi)容。所以,在這個階段,符合品牌的好的設(shè)計感和內(nèi)容的豐富度會給用戶的印象加分。
三.尋找(搜索)狀態(tài)。
當我們在設(shè)計信息架構(gòu)時,需要考慮目標用戶的信息需求,為不同的用戶匹配不同的信息匹配方式。那么一般我們將搜索分為四種:
1.目的性尋找(搜索),舉個例子,新房裝修想買一組鋼鐵俠手辦做裝飾,那么我就打開淘寶輸入鋼鐵俠手辦1/4或者1/6,選擇評價好的,價格低的店家就進行購買了,我知道在哪里能找到這樣的手辦,以及手辦的類型,做工以及價格,所以我是帶著明確的目標去尋找的。
2.無目的性尋找(搜索),舉個例子:最近有了閑錢想置辦一些手辦,但是不知道買哪一種,隨手輸入了手辦這個關(guān)鍵詞,跳出來許許多多的手辦,有些甚至稱不上手辦的玩偶也被列入了其中,這里就是信息不對稱的結(jié)果。那么探索性搜索的局限性也非常大,那就是他對于平臺的資源要求非常高。
3.全面性尋找(搜索)。舉個例子,我想買一個海賊王手辦,但是我想盡量搜索到我希望得到的全部內(nèi)容,這時候用戶(我)將會自己創(chuàng)造關(guān)鍵詞進行搜索,例如萬代海賊王手辦,眼鏡廠海賊王手辦,tsume海賊王,海賊王手辦景品等等。
4.重復性尋找(搜索)。舉個例子,某一天我正在尋找我的鋼鐵俠手辦,我找到了一家店鋪賣的鋼鐵俠手辦好評多,價格實惠,但是這時我被一件事打斷了,導致之后我在想找這家店鋪的名字我已經(jīng)想不起來。所以這里對于用戶的重復性尋找我們需要給出一個歷史搜索記錄來提供給用戶。
當我們在設(shè)計信息架構(gòu)時,需要考慮目標用戶的信息需求,為不同的用戶匹配不同的信息匹配方式。那么一般我們將搜索分為四種:
1.目的性尋找(搜索),舉個例子,新房裝修想買一組鋼鐵俠手辦做裝飾,那么我就打開淘寶輸入鋼鐵俠手辦1/4或者1/6,選擇評價好的,價格低的店家就進行購買了,我知道在哪里能找到這樣的手辦,以及手辦的類型,做工以及價格,所以我是帶著明確的目標去尋找的。
2.無目的性尋找(搜索),舉個例子:最近有了閑錢想置辦一些手辦,但是不知道買哪一種,隨手輸入了手辦這個關(guān)鍵詞,跳出來許許多多的手辦,有些甚至稱不上手辦的玩偶也被列入了其中,這里就是信息不對稱的結(jié)果。那么探索性搜索的局限性也非常大,那就是他對于平臺的資源要求非常高。
3.全面性尋找(搜索)。舉個例子,我想買一個海賊王手辦,但是我想盡量搜索到我希望得到的全部內(nèi)容,這時候用戶(我)將會自己創(chuàng)造關(guān)鍵詞進行搜索,例如萬代海賊王手辦,眼鏡廠海賊王手辦,tsume海賊王,海賊王手辦景品等等。
4.重復性尋找(搜索)。舉個例子,某一天我正在尋找我的鋼鐵俠手辦,我找到了一家店鋪賣的鋼鐵俠手辦好評多,價格實惠,但是這時我被一件事打斷了,導致之后我在想找這家店鋪的名字我已經(jīng)想不起來。所以這里對于用戶的重復性尋找我們需要給出一個歷史搜索記錄來提供給用戶。
四.無數(shù)據(jù)狀態(tài)。
這邊無數(shù)據(jù)狀態(tài)不僅僅是搜索之后沒有相應數(shù)據(jù)的狀態(tài),也包括前后臺通信錯誤或者網(wǎng)絡(luò)中斷等一系列讓數(shù)據(jù)無法正常展現(xiàn)在用戶面前的狀態(tài)。首先作為設(shè)計者我們應該明確知道,無數(shù)據(jù)此處應該是什么內(nèi)容,導致沒有內(nèi)容的原因是什么,如何獲得內(nèi)容的途徑以及解決方法。
和web端一樣,移動端的空白頁面越來越受到重視,不單單是視覺層面,空白頁承載著更多內(nèi)容,起到更多功效。同時,我們也將無數(shù)據(jù)頁面分成三種情況:
1.初次使用。初次使用的潔面應該算比較特殊的空白頁面,它雖然有時候并不是空白,但實際對于用戶來說,確實“無數(shù)據(jù)”狀態(tài),因為初次進入的初始狀態(tài)用戶對于此產(chǎn)品的功能架構(gòu)并不熟悉,所以初狀態(tài)空白頁面也分為三種:1.起引導作用的空白頁;2.提示文字+操作按鈕;3.示例
這邊無數(shù)據(jù)狀態(tài)不僅僅是搜索之后沒有相應數(shù)據(jù)的狀態(tài),也包括前后臺通信錯誤或者網(wǎng)絡(luò)中斷等一系列讓數(shù)據(jù)無法正常展現(xiàn)在用戶面前的狀態(tài)。首先作為設(shè)計者我們應該明確知道,無數(shù)據(jù)此處應該是什么內(nèi)容,導致沒有內(nèi)容的原因是什么,如何獲得內(nèi)容的途徑以及解決方法。
和web端一樣,移動端的空白頁面越來越受到重視,不單單是視覺層面,空白頁承載著更多內(nèi)容,起到更多功效。同時,我們也將無數(shù)據(jù)頁面分成三種情況:
1.初次使用。初次使用的潔面應該算比較特殊的空白頁面,它雖然有時候并不是空白,但實際對于用戶來說,確實“無數(shù)據(jù)”狀態(tài),因為初次進入的初始狀態(tài)用戶對于此產(chǎn)品的功能架構(gòu)并不熟悉,所以初狀態(tài)空白頁面也分為三種:1.起引導作用的空白頁;2.提示文字+操作按鈕;3.示例
2.完成或清空內(nèi)容
用戶主動觸發(fā)清空內(nèi)容的操作,實際表明用戶知道自己在做什么,誤操作的可能性不高。這時候只需要給予用戶結(jié)果的反饋就可以。但是有時清空內(nèi)容并沒有太多實際意義,卻花費時間和精力,因此我們更傾向于給用戶一些正面的反饋。同時需要思考用戶在使用時的心理和目標,用戶是否需要頻繁的清空數(shù)據(jù),如果是的話,可以考慮給出多種空狀態(tài)頁面,隨機出現(xiàn)增強趣味性。
用戶主動觸發(fā)清空內(nèi)容的操作,實際表明用戶知道自己在做什么,誤操作的可能性不高。這時候只需要給予用戶結(jié)果的反饋就可以。但是有時清空內(nèi)容并沒有太多實際意義,卻花費時間和精力,因此我們更傾向于給用戶一些正面的反饋。同時需要思考用戶在使用時的心理和目標,用戶是否需要頻繁的清空數(shù)據(jù),如果是的話,可以考慮給出多種空狀態(tài)頁面,隨機出現(xiàn)增強趣味性。
3.出錯頁面:
出錯頁面其實是可以被原諒的,但是請注意,不要進一步讓用戶迷惑,焦慮。需要做的是說明錯誤原因,并告訴用戶接下來如何解決或者其他選擇。出錯頁面其實是可以被原諒的,但是請注意,不要進一步讓用戶迷惑,焦慮。需要做的是說明錯誤原因,并告訴用戶接下來如何解決或者其他選擇。一般的用戶遇到無法讀取數(shù)據(jù)的時候第一個操作總是刷新網(wǎng)絡(luò),他們甚至會切換網(wǎng)絡(luò)或者關(guān)閉重開網(wǎng)絡(luò)來試圖重新獲取數(shù)據(jù),但是在開發(fā)人員眼中并不是所有狀態(tài)都是網(wǎng)絡(luò)造成的問題,只是用戶覺得所有問題都是來自于網(wǎng)絡(luò)。還有一種是在網(wǎng)絡(luò)差讀取數(shù)據(jù)慢的時候可以做一個預加載,提前告知用戶將要出現(xiàn)的內(nèi)容,這樣也能緩解用戶等待時的焦慮。
出錯頁面其實是可以被原諒的,但是請注意,不要進一步讓用戶迷惑,焦慮。需要做的是說明錯誤原因,并告訴用戶接下來如何解決或者其他選擇。出錯頁面其實是可以被原諒的,但是請注意,不要進一步讓用戶迷惑,焦慮。需要做的是說明錯誤原因,并告訴用戶接下來如何解決或者其他選擇。一般的用戶遇到無法讀取數(shù)據(jù)的時候第一個操作總是刷新網(wǎng)絡(luò),他們甚至會切換網(wǎng)絡(luò)或者關(guān)閉重開網(wǎng)絡(luò)來試圖重新獲取數(shù)據(jù),但是在開發(fā)人員眼中并不是所有狀態(tài)都是網(wǎng)絡(luò)造成的問題,只是用戶覺得所有問題都是來自于網(wǎng)絡(luò)。還有一種是在網(wǎng)絡(luò)差讀取數(shù)據(jù)慢的時候可以做一個預加載,提前告知用戶將要出現(xiàn)的內(nèi)容,這樣也能緩解用戶等待時的焦慮。