集創(chuàng)堂-第八課新版蕭蕭

CONTENTS3大負(fù)荷36個案例與剖析5E原則開始市場研究用戶建模需求分析信息構(gòu)架原型設(shè)計交互文檔交互流程視覺稿切圖標(biāo)注開發(fā)競爭力產(chǎn)品方向定位需求文檔用戶測試一致性規(guī)范界面標(biāo)注部署和發(fā)布

運營數(shù)據(jù)分析推廣和運營系統(tǒng)設(shè)計測試市場

產(chǎn)品交互設(shè)計

視覺設(shè)計開發(fā)

測試運營新手用戶

| 中間用戶

|用戶新手人數(shù)中間用戶用戶成熟期初始期認(rèn)知負(fù)荷特別是新手用戶對于產(chǎn)品需要快速產(chǎn)生結(jié)構(gòu)認(rèn)知究竟是推呢還是拉呢？Logo123Logo171819怎么回到頁面的頂部呢？我要點擊 難道還要一步步向上拖回去嗎？……………..你覺得 上有這么個圖標(biāo)好看嗎？加個icon一點擊就回到首頁如何？Logo123……………..那該怎么讓用戶知道有這個功能呢？用戶自己不可能知道雙擊可以回到頂部??？我又想到了雙擊屏幕，回到頂部？這個酷嗎？沒有圖標(biāo)干擾并且可以快速滿足用戶需求，還很簡單。Logo171819雙擊可以上升到頂部哦長短期 負(fù)荷（數(shù)字+字母）用戶名1

3

6

–1

2

3

4–5

6

7

8人的大腦緩存(短時)，約等于4KB。這意味著如果在需要用戶短時

的場景下，用戶會以組為單位

信息。超過4個則壓力出現(xiàn)。=11組=3組玩極簡說人話無文字對于操作負(fù)荷一旦用戶了解了這個產(chǎn)品，高頻操作需要降低負(fù)荷6.3公里的上學(xué)路后來我選擇的6.8公里的上學(xué)路用戶寧可付出

的努力,也不喜歡

的思考輸入法中【搜索】按鈕在輸入鍵盤內(nèi)、用戶不需要大范圍滑動手指去點擊【搜索】按鈕。關(guān)鍵點的提取能讓讓用戶快速捕捉相關(guān)性不同 勢，操作的負(fù)荷也完全不同。點擊還是滑動?消耗最小適合常用操作消耗較小適合切換界面消耗升高適合使用隱藏操作消耗高同時誤操作幾率也低手勢的消耗越多，用戶的期望越高慣減少性腦部能量消耗點擊滑動長按【7個因子】【10個因子】走進(jìn)去能量消耗多少？操作一種無奈的增加負(fù)荷的設(shè)計策略返利商城開始熱門切換翻頁瀏覽下滑瀏覽XX商城返利模式登錄VIPXX商城完成瀏覽并點擊瀏覽并點擊輸入進(jìn)入輸入

并點擊等待反饋無反饋返利商城23s11s18s29s3s登錄22s

商城2m13s平均操作時長85.5s（不包含購物時間）返利購物流程－

VIPVIP痛點1、尋找目標(biāo)商城的時間較長2、返利規(guī)則難認(rèn)知3、

賬號登錄問題4、反饋等待以及綁定的帳號提示問題完成痛點一痛點二痛點三痛點四購物可用性測試任務(wù)12組：找到聚美優(yōu)品“ 美麗 ”面膜數(shù)據(jù)來源：VIP可用性測試12組，通過錄屏測試任務(wù)XX商城返利模式開始搜索框商城返利>翻頁瀏覽登錄返利XX商城登錄商城完成進(jìn)入輸入并點擊等待反饋切換瀏覽并點擊輸入點擊輸入并點擊瀏覽并點擊點擊搜索12s19s11s3s22s29s2m13s平均操作時長78.5s（不包含購物、等待訂單反饋時間）返利網(wǎng)優(yōu)點1、快捷搜索2、返利規(guī)則界面相對清晰、規(guī)則說明相對簡潔3、信息反饋相對及時完成購物優(yōu)點一優(yōu)點二優(yōu)點三返利購物流程－返利網(wǎng)請用戶通過聚美優(yōu)品“

心機(jī)”面膜數(shù)據(jù)來源：VIP可用性測試，樣本12人，初級4人、中級4人、高級4人視覺負(fù)荷界面的

和辨識度哪個音樂聽起來更動人VS界面視覺清晰|文字間距合理、大小合理、顏色搭配合理|識別度高視覺強(qiáng)弱很好和信息對應(yīng)|布局清楚沉浸式界面需要讓畫面很干凈懸浮按鈕不是一個很好的設(shè)計盡量減少視覺的干擾能讓用戶快速找到自己需要的操作數(shù)值48%總結(jié)學(xué)會評估界面的認(rèn)知負(fù)荷—（一致性、結(jié)構(gòu)認(rèn)知）學(xué)會優(yōu)化界面的使用效率，特別是高頻的任務(wù)學(xué)會如何降低視覺負(fù)荷。5E原則有效性吸引效率容錯易學(xué)用戶能否完成自己的目的界面是否有任務(wù)的操作效率高頻需要需要效率防止錯誤發(fā)生從錯誤中恢復(fù)清晰的狀態(tài)認(rèn)知有效性用戶能否完成自己的目的操作無效操作無效界面視覺清晰|文字間距合理、大小合理、顏色搭配合理識別度高|視覺強(qiáng)弱很好和信息對應(yīng)|布局清楚其他參考之前視覺負(fù)荷內(nèi)容吸引關(guān)鍵的信息是否凸顯|不同性格的用戶會根據(jù)不同的信息點擊|第一次轉(zhuǎn)化是否行動動力|

0-1轉(zhuǎn)化對于新手而言十分重要|處理場景和主流任務(wù)效率任務(wù)的操作效率高頻需要需要效率參考操作負(fù)荷章節(jié)效率完成主流任務(wù)的效率如何|是否層級過深、時間過長返利商城開始熱門切換翻頁瀏覽下滑瀏覽返利模式登錄VIPXX商城完成瀏覽并點擊瀏覽并點擊XX商城輸入進(jìn)入輸入

并點擊等待反饋無反饋返利商城23s11s18s29s3s登錄22s

商城2m13s平均操作時長85.5s（不包含購物時間）完成痛點一痛點二痛點三痛點四購物效率完成主流任務(wù)的效率如何|是否層級過深、時間過長XX商城返利模式開始搜索框商城返利>翻頁瀏覽登錄返利XX商城登錄商城完成進(jìn)入輸入并點擊等待反饋切換瀏覽并點擊輸入點擊輸入并點擊瀏覽并點擊點擊搜索12s19s11s3s22s29s2m13s平均操作時長78.5s（不包含購物、等待訂單反饋時間）完成購物優(yōu)點一優(yōu)點二優(yōu)點三容錯出現(xiàn)錯誤能否快速的收到界面的提示能否足夠優(yōu)秀的引導(dǎo)防止錯誤放生界面的認(rèn)知足夠清晰界面的空間使用與邏輯保持一致參考認(rèn)知負(fù)荷界面避免用戶的誤解|出現(xiàn)指代不明的導(dǎo)航提示信息等避免干擾信息|在界面的關(guān)鍵位置不應(yīng)該考慮不那么重要的元素界面結(jié)構(gòu)容易誤操作比方說輸入法的操作在中一直是個噩夢。很不方便。有時【刪除】的功能放在了一個用戶很容易碰到的位置，用戶就要抓狂了！這些的情況都是屬于結(jié)構(gòu)誤操作及時反饋避免用戶進(jìn)一步犯錯易學(xué)清晰的狀態(tài)認(rèn)知清晰的結(jié)構(gòu)認(rèn)知看不懂關(guān)鍵信息的缺失，米有滿足當(dāng)前場景下的信息需求總結(jié)學(xué)會使用5E原則去評估界面產(chǎn)品請尋找一塊產(chǎn)品，嘗試用5E原則做下評估

懶的人請講

的作業(yè)采用5E原則來進(jìn)行優(yōu)化注明槍型思維課和集創(chuàng)六要素單獨開課詳情等待

通知用例能簡化排版就簡化排版-剃刀法則，選擇越少閱讀質(zhì)量越高效率一個意思，別為了好看搞出多個導(dǎo)航信息效率文案和需求，多讓用戶看到別人的評價而不是自己吹噓文案想想網(wǎng)頁可能多個屏幕，重要的東西要出現(xiàn)多次推力｀￥299.00江蘇無錫至v伏遞．5.00401255V4碼1

65

J

8

4

A

1

7

0/8

8

A

1

7

5

/9

及1

到9

6

A185/iOOA190/1048F么屯舌了＿

＿曄血

v紅議覲店面品詳悟計1吵l2

S5月件｀＇口，加入灼勿車l產(chǎn)品湟e

P

R

O

O

U

C

T

I

N

僅尥如1Ot

JI所有寶貝曰曰2外芒毛衫曰立已曰上裝茄克衫ame了產(chǎn)品成分／Composluonm--－邑．．．嚕----的--叩.........?寬侖｀色彩不能亂用，色彩是區(qū)分可用，禁用，選中的狀態(tài)，亂用導(dǎo)致困惑。效率布局有層次有重點，而非簡單羅列(定律)。推力中的定位效應(yīng)，明確的告知用戶適用人群而不是簡單的面向所有用戶。文案文案我說不出來哪種更好推力重要的信息要凸顯的明確一點推力把選項列出來，而不是，下拉界面能節(jié)省空間同時也加深了信息層級效率使用連續(xù)性的提示符，別讓用戶誤以為頁面終點，間距別搞的太大、會誤導(dǎo)用戶。降低風(fēng)險給出必要的提示信息效率這個文案如何呢？文案更直接的操作格式塔心理學(xué)效率這個是為了省略一個界面嗎？降低風(fēng)險說“普通用戶”的語言！文案對于新手用戶要 引導(dǎo)推力給出默認(rèn)的選擇免去一部分用戶的操作效率尊重用戶的使用 而不是創(chuàng)造 則，這讓你想起了的作業(yè)嗎？效率曉之以害，強(qiáng)于動之以利推力視覺流的引導(dǎo)節(jié)奏，而非單一排布效率輸入限制寬松，這才是“聰明”的降低風(fēng)險緊急意識，用戶對于失去有著天生的恐懼感，不管是否需要。推力感受到饑餓了嗎？推力別讓用戶等太久降低風(fēng)險針對 用戶提供快捷操作控制文案的用戶喜歡占便宜推力上來給他一些成就感降低風(fēng)險臨門一腳：需要的挑逗信息推力在關(guān)鍵的頁面增加用戶權(quán)益信息，增強(qiáng)用戶進(jìn)一步操作的信心推力將價格進(jìn)行換算，讓用戶感覺這很便宜文案通過任務(wù)機(jī)制來