第1页

🗿《破茧成蝶》笔记
第一章
1.2
用户体验：你在使用一个产品时的主观感受（与人相处过程中给人的感受）
用户体验设计：解决问题——将问题变得容易解决——留下好的体验
1.3用户体验设计：
    先理性（严谨/理性/创意）
    解决的目标？/为谁解决？/怎么解决？
    ——后感性
1.4
热爱生活，细心观察，勇于改变
了解人，观察人（想法-行为-习惯）体会大多数人的想法，又要超越这个阶层
☀人文历史方面著作。
☀亲自试用，体验/多听用户反馈
☀留心好设计，在它的基础上优化
2
人和机界面交互过程
交互：分析用户心理模型-设计任务流程-运用交互知识把业务逻辑/功能规格/内容需求-以用户的表达方式表达给用户（➕公司战略）
礼貌/亲和力/有效的交流「人和系统的好好沟通」
视觉：懂产品-懂用户-懂设计
用研：市场分析-竞品分析-创建人物角色-问卷调查-焦点小组-用户访谈-可用性测试
3
逻辑思考能力-归纳能力-爱思考-爱解决问题
先阅读大量相关的书籍，积累专业知识，争取找到一个相关的工作机会。
低调-谦虚-善于站在别人角度想问题-对别人热心-注重本质，推理非表象。学交互也是学做人，内在的修为决定未来的高度。
1/书➕2/专业设计网站（培养思维和理念）➕3/积累项目经验：整理项目经验（总结-写博客）
参加多个会议。看截图
在小公司工作注意积累专业知识
保持自己的专业度，为了换工作的时候有用。
性格-沟通-学习-修养  各个方面的问题。
思考的放手：整体-局部-细节-整体
喜欢设计——交互➕视觉
细心➕喜欢研究——用研➕交互
产品➕运营——产品经理
复合型：人机工程学-心理学-设计学（代码➕手绘）
垂直型：精深自身领域
管理型：精通自身领域，对自己要求严格，广泛了解其他领域
全能型：业余时间学会开发和运营。
第二章
修炼设计师技能
4.1
需求分析-设计规划-设计实施-项目跟进-产品检验🔄。先解决小的问题，下一次迭代的时候统一解决大的问题。
4.2
遇到的问题无非三个事情：专业技能-外界因素-团队凝聚力
走查法是通过分析用户的心理加工过程来评价用户界面的一种方法。
分析者首先选择典型的界面任务,并为每一任务确定一个或多个正确的操作序列,然后走查用户在完成任务的过程中在什么方面出现问题并提供解释。
走查法是由经验丰富的业务专家来完成，也有召集测试用户来完成，理论上6-7人专家用户可以发现80%以上的问题，人多了不会发现更多问题，人少了问题会显著减少。规律曲线是一根反向抛物线。
自如发挥自己的专业技能，实施自己设计方案的解决办法。
产品＝商业价值➕用户（➕技术）
产品定位➕目标用户情况➕用户使用痛点➕期望。
5
5.1
产品定位：产品设计方向。
包括1/产品定义：使用人群-主要功能-产品特色
2/用户需求：目标用户-使用场景-用户目标
5.2
用户需求：1用户调研（感受，痛点，期望）➕2竞品分析➕3产品数据
1感觉不专业不安全-找不到想要的内容-找不到标题含义或者理解有偏差-可点和不可点混乱
2有代表性的竞品，对比之间的优劣势，找出突破口。产品战略方向，用体，逻辑界面层面
3浏览痕迹，点击痕迹，浏览时长，浏览顺序
淘宝指数-百度指数
5.3
分析和筛选需求（提炼）
1/筛掉明显不合理的需求-2/挖掘用户目标-3/匹配产品定位-4/考虑项目资源/定义优先级
设计师的问题：专业技能不佳，不懂用户，经验欠缺，设计水平欠佳。
需求文档：业务逻辑☑产品要求☑资源限制☑信息结构-任务流程-功能说明-界面描述
个性化是一个专业度比较高的方面。
抄袭的风险：
1/影响企业形象2/严重错误3/驴唇不对马嘴/东施效颦
竞品分析：使用-截取所有界面-绘制流程图-倒推需求-提炼设计目标/需求
6
设计规划
提供有效的信息-对信息分门别类-有效组织-导航形式展示
需求到界面的展示：组织信息结构-引导用户完成任务（获得操作草图）-细化草图-轻松愉悦高效地浏览➕操作-增加魔力-流连忘返。
6.1
1.1信息分类
1/逻辑分类：男装-上衣-t恤
2/卡片分类：邀请用户把类似的东西放在一起「通过参与来知道对方的想法」（好处-知道用户对网站期望-检视自己的构架是否合理）
开放式or封闭式
1.2好的导航
△好的导航（自我解释）：从哪儿来？在哪？能到哪？
例如：面包屑导航（在哪，怎么来）logo（是什么，能到哪）
△深度和广度的平衡
深度：层级数目3or5
广度：层级中的菜单项数，小于7
△用户所需信息与商业信息平衡
用户所需信息为主，商业信息为辅助
△重要/常用功能设置入口
目标清晰的用户和random的用户
1.3主要任务/次要任务
信息的构架是商城框架/任务流程是商城的过道
△任务
主要功能的组织，次要功能的“拼装”
△设计主线
杂乱无章的功能点以用户的目标和期望以正确次序组织起来
△支线
设立的原则是否对主线起到必要的帮助
1.4突出主线
△分解用户任务
每一个主要步骤包含多个次要步骤
△排列任务优先级别
子任务对应功能的优先级别进行排列
⚠优先是在页面中的重要程度
△组织合并相关任务
利用f排版法，将主/次要信息排列。一级信息有一级排版法，二级信息有二级排版法
△引导完成任务
相似引导：色彩/大小/形态/视觉元素
方向引导：箭头→/视觉纵向or横向
运动元素：任务完成跳到下一个位置
向导按键：多少步骤/还有多少任务
2.1简化操作步骤
△减少冗长步骤和干扰项目
△复杂的操作交给系统：常规/重复性操作：切菜/洗碗/地址输入/语音输入
△简化操作方式：Google的选择搜索；苹果的直接点击；mac os的应用安装
△优化操作过程：合适的首选项目/适时帮助/及时反馈/提供合理的默认值
2.2信息量太大
△页面层次不言而喻：用户想看什么and我们想让用户看什么
逻辑相关的信息在视觉上为一组
强调的方式：图文结合/字体大小/模块与模块/段落与段落/广告与内容/标题与正文
△让重点信息跳出来
字体加粗/色彩对比/背景色/留白
△次要信息藏起来
最常用的信息-更多-更多中的更多
2.3理性规划➕感性界面
理性规划：产品定位-需求采集分析-撰写需求文档-信息组织-任务分解-绘制草图等
感性界面：第一印象很重要
△以人为本的设计
目标明确的用户：步骤清晰的重要性
目标不明确用户：足够吸引人的内容
△帮助用户找到想要的东西
信息组织和分类的目的，让信息易于找寻。
目的明确的用户：迅速找到所需（搜索）
目的不明确用户：寻找中明确自己的需求（分类信息导航）
目的不明确用户：探索中激发需求（浏览图文和打折信息）
△吸引无目标用户
充分地换位思考/用感性的思维方式为他们营造友好/贴心/有吸引力的界面
△符合用户心理模型
用户是如何理解产品，在交互的表现形式上更贴近用户的心理模型，避免枯燥的逻辑直接转给用户。
逻辑：可用，过于关注会偏离用户目标
情感：易用，平衡
（嘴软-感性；心硬-理性）
6.3捕获用户芳心（深入）
真正影响用户显性人格并非是理性，而是在各个生理时期形成的潜意识因子。
关键点：设计元素与现实世界中的潜意识因子相呼应，勾起用户回应，引起共鸣
△拟物化
注重效率：简约化
注重情感：拟物
△隐喻化操作
当应用中的可视化对象和操作与现实世界中的对象与操作类似时，用户就能快速领会。
△可控的感受
控制感可以带来积极的情绪，更愿意接受挑战和尝试新鲜事物。（有经验的人的带领，让人安心）
△积极的反馈
与人们交谈被忽略感受的感觉，所以理所应当得到鼓励。积极的反馈可以增强用户信心，提升用户愉悦感。
3.3调动用户情感
△互动的乐趣
隐形的蘑菇/微信彩蛋
△情景烘托
代入生活常用场景-春运/购票等等
6.4
纸面原型
△绘制目的：创意散发，快速表达，沟通/测试/解决不确定问题
△有模板
△需要表达：框架/流程/基本功能➕内容
7
设计标准
☀设计决策过程对设计更为重要。
☀优秀的设计能力需要细腻的表现。以貌取人是人的天性
2
△简要说明➕信息结构
△任务流程➕页面流程
任务流程：用户操作过程中的反馈和结果。
业务流程：业务限制，后台逻辑
页面流程：具体页面在操作时的跳转过程
△线框图➕交互说明（原则2条：静态完➕动态；正常情况完➕特殊/错误）
交互说明：极限值/范围值
      极限值-数据的显示限制（最多显示多少，是否折行等等）
      范围值-数据的取值范围
      状态-默认/常见/特殊
      操作-常见/特殊/误/手势操作
      反馈-提示（文字说明）/跳转（页面刷新-跳新页面）/动画
3绘制线框图
△明暗对比
△不实不使用截图和颜色
△合理布局
△遵守删格化
△标记第一屏幕570-600-768
△UI逻辑清晰
操作优先级 ▹ 链接 ▹ 文本
最重要操作用按钮
△视觉实现效果
占有市场最大的产品主导着潮流方向。
4
交互说明诀窍
△尽量使用符合真实逻辑数据内容
△不遗漏特殊状态的描述
△避免说明过长
△模块化的思维处理复杂问题（一层一层地做）
△原型修改，更新交互说明，避免自己的信息不对称
❤合作的过程中把自己的工作做好，同时站在同伴角度考虑问题，提高工作效率
5
设计规范
交互规范/UI规范/色彩规范/logo规范/控件规范
△无规范的问题
～不同频道/模块独立设计
～同类功能组建存在多种样式
～同类元素的多样性
～设计质量难把控
△规范解决的问题
～一致性有利于让用户适用➕熟悉产品，提高用户粘度
～提高易用性，相同的组件，各大网站相同
△设计规范分类
～横向分类：交互设计➕视觉设计
～纵向分类：产品战略方向规范（品牌规范）➕单个项目中的规范（门户/社交/游戏/电子商务）例如：门户的整体规范中的专题/banner/微博/界面规范
△什么时候制定规范
～大且重要的项目
～产品结构/页面/UI组建/可复用
～项目人手充足，时间充足
～品牌风格确定，主题风格已经确定
～产品线日益丰富，后续设计的一致性和可循环的要求被提高
～
8项目跟进
⚠良好的执行非常重要，执行贯穿所有。因为大家最后看产出都会认为是设计师的问题。
1设计评审主导者
△评审：设计的方案是否达到了最初确定的目的。
评审的目的：集中了项目组中的各个角色，及时发现问题与风险。
共识：所有人都达到共识后，再进入下一个环节，为下一个流程分配任务。
△评审之前的准备。
～准备几个方案
～设计的依据：用研调查结果-支持数据-竞品分析-设计实施前制定目标
～经验：讨论越多，越没有结果，提前与“意见领袖”统一意见
△评审中掌握主导权
～主导流程（产品定位-设计目标-注意表达技巧-集思广益-引导讨论）
～提高效率，控制话题（明确设计方向-阐述设计分析-展示设计方案-引导讨论）
△评审后的分析与跟进
2如何审核视觉稿
～交互稿理解是否正确
～拒绝毫无发挥的视觉稿
～关注视觉层次是否清晰
～交互细节和状态标注
～审美部分不要过分干涉
3开发阶段
～勤于沟通
～统一设计规范
9成果检验
△上线前：
可用性测试-5个左右代表性用户做对典型任务做核心操作典型任务
～给出测试目标
～对最重要/频繁的任务进行测试
～别问明显喜好的句子（你是不是更喜欢这个颜色，你是不是觉得大一点更好？）
～行为不会骗人，而不是看人怎么说。
A/B测试-A方案和B方案比较
～设定衡量标准（pv/uv/点击率/转化率/跳出率/二次返回率）
～对同一个用户呈现相同的页面
～保证两个版本同时测试
～单一变量
～灰度发布，一部分用户用旧版本，一部分用户用新版本，观察效果，做决定
△上线后：
产品反馈-
用户数据
10设计师的自我修养
1
好的设计师：有想法/有创意/高度概括/总结/抽象思维能力/迅速归纳出问题的本质
执行力强
情商高
超出预期
有条理
有上进心
眼界开阔，知识面广：懂产品/运营/推广
乐于分享
不好设计师：
缺乏兴趣，不用心
心态不好，顽固任性
自尊心强
不会合理安排时间
时间估算不准
不会恰当表现
过于被动
沟通及协作能力差
学习意愿不强
不够专业
提高：
专业-
沟通-
流程-
2
学会思考-独立思考
3
△从否定中成长
自己变强，别人才会尊重和信任，与你平等对话
△学会忍耐和付出
△识别真相。中国人的表达含蓄
△适度妥协，以小博大。
△超越自我：良好思维能力，健康心态
11容易忽略的意识
1品牌意识
△关联性
△力求一致性
△特色
2创新
合理，超越预期的基础上，不违背规则，不拘泥于规则。
2沟通意识
感性的沟通能力：后天的提高，修养➕个人修为
放平心态，不太积极得失，客观看待问题，保持心情愉快。
理解对方的立场，彼此心悦诚服，言之有理，说话掷地有声，心服口服。
3流程意识
12设计师为谁设计
1
△为老板设计-考虑老板的立场
△为金钱设计
△为用户设计
△为妥协项目进度设计
△为自己设计
引导客户，创造出超出用户预期的产品
平衡商业和用户需求
2如何实现这种平衡
△构建强大的自我
不想受制于环境，不想在项目中过于被动，想与产品经理平起平坐。有商业意识，懂产品，懂站在更高的位置权衡利弊。
△与产品经理制衡
△与产品经理合作
△设计师的做法：识别需求有效性-重塑需求
良好素养-善于沟通-善于换位思考-积极主动-良好思维能力-不懈思考-不断强化。
- [ ]