推荐值：☆☆☆
image.png
背景
这本书是由京东的用户体验设计师所写，从用户体验设计师的角度出发，系统的介绍了用户体验设计师的工作流程和工作方法及UED的职业发展。还有需求分析、项目跟进等非一般设计师的核心技能。值得设计师阅读的一本书。
但因本人从事产品经理岗，本书内容我更关注的是如何设计，学习设计思维、设计规范等。因此我主要整理了书中的以下几个章节的笔记（其他章节读者根据自己的兴趣去了解）：
-
设计流程-设计师主要做什么
了解设计师的工作，以便更好的跟设计师（团队）沟通和合作。 -
设计规划-从续期到设计草图
学习如何更好的做设计规划，让整个产品设计路程更顺畅，产品设计结果更好 -
设计标准-设计师主要做什么
学习一些通用的、优秀的、规范的设计标准，掌握一些设计理论做支持，为自己的产品设计做理论指导和技术指导。且能帮助产品经理和设计师更专业的沟通，提高效率。
设计流程
设计规划
1.如何搞定信息分类（信息架构设计）
-
逻辑归类
如对物品按照用途、品类、形状、颜色、材料、品牌等分类；但是具体要根据用户、场景、需求去选择分类方法。
如，一个玩具网站可以从适用年龄、玩具类别、功能、品牌等进行组织分类。
还有，信息组织时不单要考虑横向分类，还要考虑纵向的逻辑。如买一件男士买Txu，通过类别去找，应该是“服装>男装>上装>Txu”,而不是“服装>上装>T xu> 男装” -
卡片分类（工具）
可以采用“卡片分类”作为信息组织的一个分类工具适用-将相似的东西归为一类。
2.导航规划-好的导航是成功的一半
导航的意义：告诉用户“我是谁”，“我从哪里来”，“我可以到哪里去”。
导航的深广度平衡
设计导航时，考虑导航的横向的广度和纵向的层级数。
如果层级过深，需要用户多次点击，才能找到目标信息，每加深一层，用户就会流失一批。
一半来说，用户一次最多能记住或看到7个选项，超过之后会让用户陷入‘选择恐惧症“”记忆力下降“。因此，还是要合理分组和排序
用户所需信息与商业推广信息的平衡
1）不要一上来就给用户呈现商业推广，而是在用户关注的内容附近默默的出现相关的推荐广告。接近用户目标，容易被接受。
2）在不同的产品页面，为用户推荐符合其目标的相关的信息
为重要功能和常用功能设置快捷入口
导航应该是结构清晰、合乎逻辑的。但是对于没有明确的目标，用户并不会可以思考，只是随便逛逛。在重要位置显示重要功能，常用功能，会引导用户怎么使用，而不是逛着逛着没意思了。
为重要功能，常用功能，甚至推广内容，设置快捷入口，就像在常规的入口方式上开通”快捷通道“。可以快引导或帮助用户找到所需功能。
注意，快捷通道入口不易过多，否则会让产品显混乱。适得其反
4.主要任务与次要任务
现象：投放广告素材发现，当文字越多，内容越复杂时，用户的点击量越小。其他形式的产品界面也是如此。因为用户从不会认真的从头到尾阅读你的内容，用户只会找他最关注的内容。
所以，必须明确主要信息和次要信息。一个界面信息越全面完整，效果反而不好。
通过设计用户任务，确定主要任务和次要任务。
怎么设计任务流程
1）先设计主线，再设计支线。先把脉络理清
2）是否设计支线，要看次要行为是否对用户完成主行为流程有帮助。
3）任务流清晰后，设计页面流，再去细化具体的界面。
如何突出主要任务
1）分解用户任务
从用户行为出发，详细描述用户的使用过程，列出用户的具体行为，这些行为就是任务的子任务。
每一个子任务都可以对应到一个产品功能，一个界面模块。然后需要排列和组合组这些功能。如图，为用户购买电影票的主任务和子任务的拆解。
image.png
2）任务优先级排序
排列优先级的方法各有不同，每种方法都可以做参考，本书作者排列纬度为：
“使用人数”、“使用频率”、“重要程度”
image.png
如图，排列优先级最终是依据综合得分而排的。
5.如何引导用户完成任务-直接通过页面信息的组织或交互
-
相似性引导
相似的因素可以牵着用户的视觉，引导用户操作。相似性可分为如下但不限于
1）相似性引导
2）色彩相似引导
3）形态相似引导
4）视觉元素相似引导
案例： -
方向性引导
1）可以通过箭头直接引导
2）组织清晰的视觉线，建立无形的方向性（对齐方式）
案例： -
运动元素引导
动态的元素跟随用户的操作显示，引导用户明确已操作的结果：
如，唯品会的购物车，点击购物车，一个小圆点从商品处呈抛物线进到购物车，直接引导用户两点：1.商品添加购物车成功 2.购物车入口，及状态(倒计时) -
向导控件
对于多步骤多节点的任务，常用到，尤其PC端、to B系统等。类似导航，明确告诉用户“我现在在哪里”“我从哪里来”“我将到哪去”
案例：
6设计友好而易用的界面
-
简化复杂操作
1）减少冗余步骤和干扰项
断舍离，在安全可控的前提下将流程简化，操作减少，选项减少
2）将复杂操作转移给系统
系统可以做的让系统实现，节约用户的操作步骤。
如输入验证码，用户只需要点击获取，成功后系统自动获取（成功）并自动输入，节约了至少5步的操作 -
信息量太大，页面怎么布局
1）逻辑相关的在视觉上分为一组
2）内容或重要程度不同的在视觉上体现差异
3）逻辑上有包含关系的在视觉上进行潜逃
如，字体大小，明暗、白板内外等
4）让重点信息“跳出来”
字体大小、颜色、背景等突出显示
5）将次要信息藏起来
次要但是也需要的信息，可以弱化显示，或者在“更多”
7 理性设计VS情感设计
……
设计标准
产品需求说明书
这里只总结要注意的地方
1）信息结构图
体现产品的逻辑结构
2）任务流程
不同于业务流程，指的是用户操作的结果，界面该如何反馈。而不是通过长篇大论的文字在文档里描述
3）页面流程
读者全局直观的get到产品的页面跳转关系，减少反复操作和操作验证的时间
4）描述“限值”
范围值如下拉菜单、筛选按钮、滑块、数字值输入框
极限值如显示字数最多最少，超时反馈、文本溢出等
5）明确不同的状态
默认状态
常见状态
特殊状态
或
时间状态：如输入前，输入中、输入完成
6）操作
如特殊手势操作
7）避免过长的说明，流水账式的说明
- 流程图代替文字
- 直接形成表格图文形式的说明
8）重复模块提炼
画原型图
-
遵守栅格规范
栅格设计系统，是一种平面设计的方法与风格，运用固定的个字设计版面布局，风格工整，形成规范。对设计师来说，不同再为思考宽度和高度而烦恼，规则通用，也解决开发的时间。画原型时就遵守栅格规范，同设计师保持一致。 - “尽量模拟真实的、符合场景和逻辑的数据内容”
会让读者、观众更容易理解你的产品，而不产生误解，也会降低反复重复沟通的时间成本。
关于设计规范
-
没有规范容易出现什么问题
1）不同频道/模块的风格不统一、混乱
2）同类功能组建存在多种央视
3）同类元素多样性
4）设计效率低下
5）设计质量难以把控 -
规范解决了什么问题
1）一致性，形成鲜明的产品特征，形成“品牌”性，增强用户粘性
2）提高易用性
3）满足团队协作需求
4）提升效率
5）设计质量可把控，易统一、易管理
-设计规范的分类
1）产品战略级规范
如企业logo、主色调、吉祥物等，形成品牌规范
2）单个项目中的设计规范
如交互、图标、控件设计等
-制定规范的原则
1）交互规范先于视觉规范
2）遵循从大到小的原则
先制定大的设计方向，再制定单个详细的说明，先制定团队合作的规范，再制定个人操作上的规范
小结
额，这句话不想在前边写，怕扫了大家的兴致。这本书通篇读下来，对我本人而言，我觉得价值一般。当 然不为0。一个设计师能从宏观到微观，从主观到客观、从面到点这种纵横多维度的思考问题，一定是优秀的有深度的设计师。精神是每个人都该学习的，而作为产品经理的🦢，我重点想学习下交互设计师的设计规划、设计规范标准、及理念和思想。本书我觉得还不能够满足我的需求，所以推荐值3颗星星吧
网友评论