《破茧成蝶》读书笔记
第1篇 成为用户体验设计师的信念
01 什么是用户体验设计
艺术是感性的,设计是相对理性的、精密的。艺术所表达的是创作者的个人意识,而设计师为了决绝用户具体的问题。
02 了解用户体验设计师
03 设计师的职业困惑
第2篇 修炼用户体验设计师的技能
04 设计流程——设计师具体做什么
05 需求分析——拿回产品的主导权
1、产品定位
2、采集需求
3、分析和筛选需求
4、需求文档
需求文档需要不断的修正、迭代。
5、倾听用户的声音
倾听用户、拥抱用户、识别用户、平衡商业价值和用户需求
6、设计师的逆袭
通过扎实的基本功和良好的心态、积极的行为、我们完全有可能在逆境中调整自我,坚持不懈的通往成长之路
7、拒绝不靠谱的需求文档
8、如何“抄袭”竞品
在“抄袭”中寻求创新,功能方面可以去抄,设计方面绝不允许盲目“抄袭”,用心思考和设计。
06 设计规划——从需求到设计草图
1、在确定需求后,明确需要确定提供哪些信息(包括分类、组织、展现),并且设计相应的任
务。
2、在拿到需求后要进行信息的组织和任务的设定,不要想着走捷径,因为这样往往是在走弯
路。
3、信息分类:
(1)、逻辑分类
(2)、卡片分类:开放式会给用户足够的自由度来进行信息归类;封闭式更利于掌控,可用于
对信息设计的结果进行验证的阶段。
4、好的导航特点:
(1)、导航的自我解释;
(2)、深广度平衡;
(3)、用户所需信息与商业推广信息的平衡;
(4)、为重要功能和常用功能设置快捷入口;
5、确定任务
6、友好而易用的界面
7、捕获用户芳心
8、纸面原型的目的是为了沟通、测试,尽快的解决那些不确定的问题,将最初的需求一步一步变为现实。
07 设计标准——好的设计需要表达
1、什么是原形
2、标准原形的内容
3、线框图的绘制
(1)、明暗对比:通过色块的明暗对比,呈现界面元素的优先级(提前定义深浅的含义);(2)、不使用截图与颜色:不要用竞品的截图,不要告诉它具体的元素;
(3)、合理的布局:尽量统一,不要出现2、3列混排的情况4、交互说明;
(4)、遵守栅格规范:保证交互稿中的字号、间距尽量符合视觉要求;
(5)、标记第一屏高度:超过40%的用户的屏幕高度紧握768像素,所以1024*768像素分辨
率下,第一屏高度的极限情况可定位570像素左右;
(6)、表达清楚UI逻辑:可以用表格表示出优先级、色调;
(7)、考虑视觉实现后的效果:比如图片只是占位符,但要考虑实际如果有图片,是否会让用
户产生视觉混乱;
(8)、了解视觉趋势:将新的视觉设计趋势融入产品。
4、交互说明
(1)、尽量使用真实、符合逻辑的数据内容;
(2)、不遗漏特殊状态的描述:多考虑一些极端状态下的情况;
(3)、避免过长的说明;
(4)、避免流水账式的说明: ①流程图代替文字说明
②用表格罗列各种状态
③巧妙组织文字说明(用if、else、case来说明)
④制作动态效果
(5)、关于重复出现的模块:当很多个页面里的某个模块多次重复出现,可以把它独立出来;
(6)、原型有修改,要更新交互说明,不能只口头通知;
5、设计规范
(1)、什么是设计规范:交互规范、色彩规范、logo规范、UI图标规范、控件规范…
(2)、没有设计规范容易出现的问题: ①会导致不同模块独立设计的风格不统一;
②同类功能组件存在多个样式;
③元素多样性(按钮高度、链接样式……);
④效率低下(相互扯皮);
⑤质量难把握。
(3)、规范性解决的问题: ①形成鲜明的产品特征,增强用户黏度
②提高易用性(用户可以快速上手)
③满足团队协作需求
④其他(避免重复劳动、提高工作效率、降低培训……)
(4)、设计规范的分类: ①产品战略级方向的规范(整个公司主打的设计方向、共识内容)
②单个项目中的设计规范
(5)、何时开始设计规范:项目完成后再设计规范
(场景:大型且重要的产品、可复用的产品结构多、时间多、品牌
风格已经确定、产品线日益丰富)
(6)、制定设计规范的原则:从大到小制定。
(7)、规范的执行及注意事项:从全局考虑,尽量执行规范,但局部可有特色处理。
08 项目跟进——保障设计效果的实现
1、一流的点子加上三流的执行还不如三流的点子加一流的执行。
2、不同的人不同的偏好:(1)开发人员关注技术上的可行性;
(2)运营人员希望有足够的推广空间;
(3)视觉设计师注重产品是否美观;
(4)产品经理希望节点前上线。
3、设计评审的目的:
4、评审前的准备:(1)事先考虑所有可能的方案;
(2)准备各种设计依据(支撑数据、竞品分析、用研结果、设计实施前制
定的目标);
(3)做好会议邀请工作。
5、在评审中掌握主导权:(1)主导流程;
(2)控制话题(避免偏离主题的讨论和对某个细节的持久争
论);
(3)收集有价值的意见(客观的、明确的、可操作的意
见);
(4)评审后的分析与跟进。
6、界面中的视觉设计不是艺术作品,正确地理解信息和传达信息是最重要的事,忽略内容而关注形式是不可取的。
7、视觉稿和交互稿的理解要一致:视觉设计师注重美观性,而交互设计师注重逻辑性及对用户的引导作用。
8、拒绝毫无发挥的视觉设计:视觉稿需要发挥创造力,把页面设计的美观、更有氛围。
9、关注视觉层次是否清晰。
10、关注交互细节和状态标注:点中、划过、正常……这些情况下的细节,都要在视觉稿里呈现出来
11、在审美方面不要过分干涉。
12、开发阶段,设计师应该如何做:
(1)勤于沟通: ①设计阶段(了解是否有技术难点);
②完成后(当面沟通设计要点);
③开发阶段(持续跟进、解答问题)。
(2)统一的规范和标准:视觉稿上要注明具体尺寸;
(3)设计走查:交互动作、操作及反馈、交互控件的各种状态、文案……
09 成果检验——设计优劣可以判断
1、可用性测试
2、设计任务需要注意:
(1)给出目标,不要直接给操作;
(2)尽量选择最重要的任务进行测试,一般30-50分钟,5-8个功能点;
(3)符合正常的操作流程。
3、测试用户的选择:
(1)选择有代表性的用户,不要选对产品过于熟悉的工作人员;
(2)用户数量:5名左右的人可以发现85%的问题。
4、测试过程的注意事项:
(1)切忌引导性过强:比如不要问“你是不是比较喜欢这个颜色的按钮”;
(2)操作行为永远是重点:减少语言对用户的干扰,鼓励他们“出生思维法”,要求用户在操
作时将完成任务时的思考、行为、感受都描述出来;
(3)不要忽视现场反应:咦、啊、天啊……等语气词;
(4)考虑使用场景:购彩网站“还有3分钟关闭,你会如何操作”,移动端需要考虑吵闹的公
车……;
(5)感谢被测者,给予一定报酬。
5、问题的分析与改进:
(1)问题频数;
(2)严重等级;
(3)优先级(问题频数*4/总参与人数+严重等级);
(4)违反的可用性准则。
6、最小化运用可用性测试:资源有限,可以缩小可用性测试的范围,尽早发现问题是有利的。
7、A/B测试(定量分析)
(1)设定衡量标准:比如PV、UV、点击量、转化率、跳出率……;
(2)对同一个用户展示同一个方案;
(3)保证2个版本同时测试;
(4)单一变量:比如就按钮、文案、颜色、图片……不能同时改变多个;
(5)延伸——灰度发布:旧版本作为A,新版本作为B,部分升级。
8、定性的用户反馈和定量的产品数据
(1)收集用户反馈:①有意见反馈;
②线客服;
③论坛;
④应用市场(appstore)
(2)分析用户反馈:过滤、归类,不是每个意见都一定全盘接受。
9、用数据检验产品目标。
第3篇 实现用户体验设计师的价值
10 设计师的自我修养
1、什么是好的设计师
(1)对设计充满激情和兴趣,有天分,思维活跃,有好的想法和时常记录自己的灵感。
(2)高度的概括,总结能力及抽象思维能力,可以迅速归纳出问题的本质,清晰的分析思路,合理的组织语言,正确的设计方向。
(3)执行力强,有好的想法,能坚持到底,不惧怕任何阻碍。
(4)情商高,思想成熟,高瞻远瞩,积极乐观,善于换位思考。
(5)超出预期,追求完美,关注细节,不满足于现状。
(6)有条理,对待工作认真负责,
(7)有上进心,自我学习和提高意识的能力极强。
(8)眼界开阔,知识面广,乐于分享。
2、什么是糟糕的设计师
(1)缺乏兴趣,不用心。做事情马马虎虎。
(2)心态不好,顽固任性。不解决办法,推卸责任,很难接受别人的意见。
(3)不合理安排时间,时间估算不准。不会恰当表现,过于被动。
(4)沟通及团队协作能力差,学习意愿不强,不够专业。
3、从哪几方面来提高
专业,沟通,流程。阅读书籍,良好的沟通,组织能力,要有很强的思维能力,以及掌握很多的设计技能,积累经验。想要变优秀,不要追逐“外功”,而是修炼好“内功”。内外兼修,方可成事。
4、学会思考 事半功倍
掌握了正确的思维方法和专业技能,工作中的很多难题便迎刃而解了。
5、如何在否定中积极成长
11 设计师易忽略的工作意识
1、品牌有什么作用
2、提升品牌设计的一些规则
(1)保证关联性:保证设计的东西和产品是相关的。
(2)力求一致性:应用内一致,界面,图标、启动页、首页一致;配色一致;不同性质的元素要做出区分;不同页面的针对同一性质的操作,应保持一致性;平台内一致,同时和该平台其他产品通用规则尽量保持一致。平台间一致,内部产品一致。
(3)追求独特性:个性的标志,独特的风格,亮眼的细节。品牌无处不在。
3、设计师的沟通意识
(1)项目中常见的沟通方式与特点
大标识Created with Sketch.
大标识Created with Sketch.
(2)不同方式的试用环境
大标识Created with Sketch.
不同的沟通方式,各有各的特点,很难笼统的说哪个好,哪个不好。
(3)项目中常见的沟通问题
敢怒不敢言,用批评代替赞扬和鼓励,单向沟通,打断别人,思维方式,立场不一致,性格差异的不同,沟通积极性差。
(4)如何更好的沟通
放平心态,换位思考,积极主动,更多肯定,更少批评。真正认识沟通的意义。
4、设计师的流程意识
(1)设计流程
大标识Created with Sketch.
(2)项目流程
大标识Created with Sketch.
(3)小项目流程
大标识Created with Sketch.
(4)如果不遵守流程,会产生什么样的结果?
需求不确定,反复更改。无具体排期,上线遥遥无期。没有预留出走查时间,仓促上线。产品经理一人独大,项目失控。出现问题,难以确定责任。
(5)一些需要注意的问题
关于需求变动,关于排期,关于设计,多做可用性测试,
12 设计师为了什么而设计
1、为老板?为用户?还是为自己?
设计师不应该被用户牵着鼻子走,而是要学会引导用户,创造出超出用户期望的产品来。作为设计师,一定要铲除为自己设计的想法,记住,设计是为了解决用户的问题。设计师不是为自己设计,也不是为某些人设计,更不应该只看重眼前的利益。设计师要做的是平衡商业价值与用户需求,通过自己的专业水平,为公司,用户创造出更大的价值。
2、实现商业价值与用户需求的平衡
3、设计师具体应该怎么做?
(1)识别需求的有效性
(2)重塑需求
(3)梳理结构流程 设计界面
4、实现用户体验设计师的价值
(1)用户体验设计师面临的挑战与机会
(2)用户体验设计师的积累与突破
设计师要做的是平衡商业价值与用户需求,通过自己的专业水平,为公司,用户创造出更大的价值。并在这个过程中,逐步提升自我价值。如果你掌握了前面的内容,并在工作中不断加以应用,不断总结积累,那么终有一天,你会破茧成蝶,实现用户体验设计师的价值。