讀書筆記_淺析移動(dòng)端設(shè)計(jì)9種狀態(tài)

產(chǎn)品好不好用,可以通過這幾個(gè)角度來評(píng)判:

1.有效性:通過產(chǎn)品能完成我的某個(gè)需求

例如:用戶想去京東買部手機(jī),有效性就是指用戶能夠買到自己想買的手機(jī)鲫咽,而如果這個(gè)京東手機(jī)店鋪沒有用戶想要的手機(jī)刻像,那這個(gè)店鋪對(duì)于用戶來說就沒有存在價(jià)值了。

2.效率:能夠快速有效的解決用戶需求

用戶如何能夠快速方便的買到想要的手機(jī)同仆,如果支付的流程繁瑣,步驟多裙品,這樣就大大降低了用戶購(gòu)買手機(jī)的效率俗批,導(dǎo)致用戶體驗(yàn)下降,而下一次用戶則不會(huì)選擇這個(gè)效率低下的產(chǎn)品市怎。

3.滿意度:體驗(yàn)流暢度的需求

即使?jié)M足了前兩個(gè)方面岁忘,但是如果其他方面招致用戶的抱怨,也將導(dǎo)致用戶流失区匠,比如數(shù)據(jù)加載慢干像,數(shù)據(jù)顯示錯(cuò)誤,以及操作步驟多等等驰弄。


用戶在使用移動(dòng)設(shè)備過程時(shí)麻汰,通常會(huì)遇到9種狀態(tài),通過使用場(chǎng)景分類戚篙,把每種對(duì)應(yīng)的狀態(tài)和注意事項(xiàng)列了出來五鲫,以供設(shè)計(jì)時(shí)核對(duì),進(jìn)行查漏補(bǔ)缺岔擂。

基本 9 狀態(tài)

一.等待狀態(tài)

等待狀態(tài) ≈ 閃屏

1.閃屏只是國(guó)內(nèi)的做法位喂,主要是宣傳品牌浪耘、節(jié)慶;宣傳產(chǎn)品情懷塑崖、功能等

2.一般來說七冲,閃屏?xí)r間應(yīng)該控制在100-300毫秒內(nèi),主要是技術(shù)來解決


二.初始狀態(tài)

初始狀態(tài) = 進(jìn)入主程序看到的內(nèi)容

1.初始狀態(tài)服務(wù)兩種人:

有目標(biāo)用戶:一種被推薦而來的规婆,知道產(chǎn)品的功能

無目標(biāo)用戶:另一種是在應(yīng)用商店隨便找到的澜躺,不知道產(chǎn)品功能

2.在策略上有一點(diǎn)點(diǎn)不同:

對(duì)于有目標(biāo)用戶,直接告訴核心的功能即可

對(duì)于無目標(biāo)用戶聋呢,讓他明確知道自己所在苗踪,然后告訴他核心功能

3.如何做:

1.首次使用產(chǎn)品:UI > 內(nèi)容

2.做好推薦:盡可能知悉用戶喜好,訂制其感興趣內(nèi)容

3.流暢的核心體驗(yàn)流程:界面削锰、功能與交互的結(jié)合


三.搜索狀態(tài)

對(duì)于單純搜索來說,有4種場(chǎng)景

1.有目的搜索:對(duì)平臺(tái)要求品類全毕莱,耗時(shí)

2.無目的搜索:對(duì)平臺(tái)要求品類精器贩,精確

3.全量搜索:對(duì)平臺(tái)要求關(guān)聯(lián)強(qiáng),耗時(shí)

4.重復(fù)搜索:要保留歷史記錄


四.空狀態(tài)

分為三種空狀態(tài):初始狀態(tài)朋截,主動(dòng)觸發(fā)蛹稍,被動(dòng)接受

1.初始狀態(tài):初次使用產(chǎn)品〔糠可通過引導(dǎo)頁方式唆姐,主動(dòng)觸發(fā)獲得信息,為了填滿屏幕

2.主動(dòng)觸發(fā):一般都是清空操作廓八,在觸發(fā)后給予正向的反饋奉芦。可多做幾種清空樣式剧蹂,增加趣味性

3.被動(dòng)接受:1.搜索無內(nèi)容 ?2.網(wǎng)絡(luò)出錯(cuò) ?3.無數(shù)據(jù)狀態(tài)


五.瀏覽狀態(tài)

a.移動(dòng)端瀏覽條件:1.隨時(shí)瀏覽 2.設(shè)備多樣但屏幕尺寸限制

所以隨時(shí)都是暫時(shí)狀態(tài)

b.瀏覽狀態(tài)的設(shè)計(jì)思路:

瀏覽狀態(tài)設(shè)計(jì)思路

1.了解需求:a.業(yè)務(wù)訴求 ? b.用戶訴求 (挖掘需求声功,如何能有說服力的轉(zhuǎn)化成視覺需求)

2.交互框架設(shè)計(jì):

step1. 先構(gòu)建功能框架 ,要有什么功能列出來

step2. 再確定內(nèi)容框架 宠叼,分出內(nèi)容展示主次

step3. 確定核心功能先巴,即用戶的幾個(gè)關(guān)鍵興趣點(diǎn)

3.設(shè)計(jì)初選:

step1. 確定大致樣式:列表(上下圖文、左右圖文)冒冬、網(wǎng)格伸蚯、輪播、卡片简烤、泳道(瀑布流)

step2. 確定細(xì)節(jié)層次:靜止和動(dòng)畫剂邮;顏色的冷暖,明暗乐埠;形狀的大小方圓

4.確定選型: ? ? ??

a.以是否提高了瀏覽效率及轉(zhuǎn)化率為評(píng)定標(biāo)準(zhǔn)

b.是否通過1-2步抗斤,快速清晰的露出核心功能

5.確定設(shè)計(jì)

6.驗(yàn)證


六.確認(rèn)狀態(tài)

a.確認(rèn)是一系列操作后的一個(gè)收尾囚企,有2種確認(rèn)狀態(tài):

1.告知結(jié)果 ?

a.成功:是分享?是獎(jiǎng)勵(lì)瑞眼? 核心目標(biāo)是讓用戶有成就感和傳播力

b.失斄辍:導(dǎo)致失敗的原因,如何解決

2.再次確定內(nèi)容【如購(gòu)物車的確認(rèn)訂單界面】

b.要注意:

1.盡可能做好整個(gè)流程伤疙,保留確認(rèn)狀態(tài)能快速轉(zhuǎn)化

2.有退出機(jī)制


七.錯(cuò)誤狀態(tài)

a.不同用戶對(duì)錯(cuò)誤狀態(tài)的反應(yīng)

1.剛性需求用戶:遇到錯(cuò)誤 — 忍银酗!

2.吃瓜群眾用戶:遇到錯(cuò)誤 — 走!

b.錯(cuò)誤狀態(tài)包括:密碼錯(cuò)誤徒像、數(shù)據(jù)無法刷新黍特、網(wǎng)絡(luò)中斷

c.錯(cuò)誤狀態(tài)緩解策略:

1.增加錯(cuò)誤反饋形式,使其多樣化:

1.1.圖像反饋:情感化插畫锯蛀,頂部警告欄灭衷,彈窗,toast等等 有動(dòng)畫加入也可

1.2.其他感官反饋:如iOS解鎖錯(cuò)誤抖一抖旁涤,還有聲音報(bào)警等

2.文字解釋錯(cuò)誤發(fā)生原因翔曲,緩解用戶情緒:

2.1.解釋錯(cuò)誤原因盡量準(zhǔn)確、通俗易懂劈愚;

2.2.提供解決方案瞳遍,盡可能讓用戶自行解決問題。


八.結(jié)束狀態(tài)

好的結(jié)束狀態(tài)是什么菌羽?

1.場(chǎng)景一:客官掠械,歡迎下次再來跟姐妹們聊天~

2.場(chǎng)景二:讓結(jié)束變成下一個(gè)新的開始。拉長(zhǎng)結(jié)尾注祖,多點(diǎn)提醒猾蒂,增加記憶瞬間

a.結(jié)束狀態(tài)展示形式:

閃屏、卡片氓轰、通知欄婚夫、掃一掃、信息樣式不一

b.案例

格瓦拉電影是一個(gè)想要陪伴你從電影挑選署鸡、在線購(gòu)票案糙、觀影路上交通影院附近娛樂靴庆、影院取票时捌、影院觀影以及電影點(diǎn)評(píng)“一條龍”的應(yīng)用。你會(huì)發(fā)現(xiàn)它重在體驗(yàn)炉抒,想要成為用戶的一個(gè)朋友奢讨,而不是一個(gè)單純的工具。據(jù)說在觀看某些影片結(jié)束的時(shí)候還會(huì)溫馨地提醒你片尾有彩蛋焰薄!直擊影迷的痛點(diǎn)拿诸。時(shí)間提醒上扒袖,分為幾次提醒,都是關(guān)鍵的幾個(gè)時(shí)間點(diǎn)亩码。


九.中斷狀態(tài)

遇到了就是大問題喲季率,技術(shù)去解決吧~

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市描沟,隨后出現(xiàn)的幾起案子飒泻,更是在濱河造成了極大的恐慌,老刑警劉巖吏廉,帶你破解...
    沈念sama閱讀 212,884評(píng)論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件泞遗,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡席覆,警方通過查閱死者的電腦和手機(jī)史辙,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,755評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來佩伤,“玉大人髓霞,你說我怎么就攤上這事∑杞洌” “怎么了?”我有些...
    開封第一講書人閱讀 158,369評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵结序,是天一觀的道長(zhǎng)障斋。 經(jīng)常有香客問我,道長(zhǎng)徐鹤,這世上最難降的妖魔是什么垃环? 我笑而不...
    開封第一講書人閱讀 56,799評(píng)論 1 285
  • 正文 為了忘掉前任,我火速辦了婚禮返敬,結(jié)果婚禮上遂庄,老公的妹妹穿的比我還像新娘。我一直安慰自己劲赠,他們只是感情好涛目,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,910評(píng)論 6 386
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著凛澎,像睡著了一般霹肝。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上塑煎,一...
    開封第一講書人閱讀 50,096評(píng)論 1 291
  • 那天沫换,我揣著相機(jī)與錄音,去河邊找鬼最铁。 笑死讯赏,一個(gè)胖子當(dāng)著我的面吹牛垮兑,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播漱挎,決...
    沈念sama閱讀 39,159評(píng)論 3 411
  • 文/蒼蘭香墨 我猛地睜開眼系枪,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了识樱?” 一聲冷哼從身側(cè)響起嗤无,我...
    開封第一講書人閱讀 37,917評(píng)論 0 268
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎怜庸,沒想到半個(gè)月后当犯,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,360評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡割疾,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,673評(píng)論 2 327
  • 正文 我和宋清朗相戀三年嚎卫,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片宏榕。...
    茶點(diǎn)故事閱讀 38,814評(píng)論 1 341
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡拓诸,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出麻昼,到底是詐尸還是另有隱情奠支,我是刑警寧澤,帶...
    沈念sama閱讀 34,509評(píng)論 4 334
  • 正文 年R本政府宣布抚芦,位于F島的核電站倍谜,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏叉抡。R本人自食惡果不足惜尔崔,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 40,156評(píng)論 3 317
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望褥民。 院中可真熱鬧季春,春花似錦、人聲如沸消返。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,882評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽侦副。三九已至侦锯,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間秦驯,已是汗流浹背尺碰。 一陣腳步聲響...
    開封第一講書人閱讀 32,123評(píng)論 1 267
  • 我被黑心中介騙來泰國(guó)打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人亲桥。 一個(gè)月前我還...
    沈念sama閱讀 46,641評(píng)論 2 362
  • 正文 我出身青樓洛心,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親题篷。 傳聞我的和親對(duì)象是個(gè)殘疾皇子词身,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,728評(píng)論 2 351

推薦閱讀更多精彩內(nèi)容