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