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

運營數據分析推廣和運營系統設計測試市場

產品交互設計

視覺設計開發

測試運營新手用戶

| 中間用戶

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

3

6

–1

2

3

4–5

6

7

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

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

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

的努力,也不喜歡

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

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

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

VIPVIP痛點1、尋找目標商城的時間較長2、返利規則難認知3、

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

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

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

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

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

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

懶的人請講

的作業采用5E原則來進行優化注明槍型思維課和集創六要素單獨開課詳情等待

通知用例能簡化排版就簡化排版-剃刀法則，選擇越少閱讀質量越高效率一個意思，別為了好看搞出多個導航信息效率文案和需求，多讓用戶看到別人的評價而不是自己吹噓文案想想網頁可能多個屏幕，重要的東西要出現多次推力｀￥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產品湟e

P

R

O

O

U

C

T

I

N

僅尥如1Ot

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