集创堂-第八课新版萧萧

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--－邑．．．噜----的--叩.........•宽仑｀色彩不能乱用，色彩是区分可用，禁用，选中的状态，乱用导致困惑。效率布局有层次有重点，而非简单罗列(定律)。推力中的定位效应，明确的告知用户适用人群而不是简单的面向所有用户。文案文案我说不出来哪种更好推力重要的信息要凸显的明确一点推力把选项列出来，而不是，下拉界面能节省空间同时也加深了信息层级效率使用连续性的提示符，别让用户误以为页面终点，间距别搞的太大、会误导用户。降低风险给出必要的提示信息效率这个文案如何呢？文案更直接的操作格式塔心理学效率这个是为了省略一个界面吗？降低风险说“普通用户”的语言！文案对于新手用户要 引导推力给出默认的选择免去一部分用户的操作效率尊重用户的使用 而不是创造 则，这让你想起了的作业吗？效率晓之以害，强于动之以利推力视觉流的引导节奏，而非单一排布效率输入限制宽松，这才是“聪明”的降低风险紧急意识，用户对于失去有着天生的恐惧感，不管是否需要。推力感受到饥饿了吗？推力别让用户等太久降低风险针对 用户提供快捷操作控制文案的用户喜欢占便宜推力上来给他一些成就感降低风险临门一脚：需要的挑逗信息推力在关键的页面增加用户权益信息，增强用户进一步操作的信心推力将价格进行换算，让用户感觉这很便宜文案通过任务机制来