《破茧成蝶》用户体验设计师的成长之路读书笔记Word文件下载.docx
《《破茧成蝶》用户体验设计师的成长之路读书笔记Word文件下载.docx》由会员分享,可在线阅读,更多相关《《破茧成蝶》用户体验设计师的成长之路读书笔记Word文件下载.docx(9页珍藏版)》请在冰豆网上搜索。
产出物:
竞品分析文档、用户反馈整理、流程图、设计草图、设计原型。
视觉设计师:
平面设计师(很好的传达思想,较强感染力,艺术,创意)、原画设计师(要求设计者很强的手绘,充满艺术表现)、推广设计师(突出重点,快速抓住眼球,内容直观)、界面设计师(ui设计师具备交互知识也有良好的审美感觉,引导用户操作,让用户感到美感)等。
有时交互设计师的事一起做。
用户研究员:
研究用户的人用研研究了解用户特征,行为习惯为产品、运营、推广、设计决策提供必要方向和支持。
市场分析、竞品分析、创建人物角色、问卷调查、焦点小组、用户访谈、可用性测试,各种类型用研报告。
工作涉及市场、产品、运营、推广、设计等方面。
常面临问题:
研究周期过长,赶不上进度。
太过偏重研究过程和数据结果,易读性差。
和产品联系不够紧密。
3.侧重考查设计师的哪些方面:
对用户体验具备浓厚的兴趣。
具备良好的素养。
具备强大的思维能力。
掌握专业技能。
在面试时,兴趣、素养(包括性格、个人修养、沟通能力等)、思维、技能(专业能力、项目经验等)是考察应聘者的主要方面。
那么设计师具体该如何做?
如可掌握主动权?
如何主导项目回归正确的设计流程呢?
主动出击,主动和产品经理沟通和交流,让他意识到你对产品的热爱、对工作的主动。
搬到产品经理旁边去吧。
及时关注产品经理的动态,及时和他探讨。
你应该了解以下工作的具体细节:
产品经理重大方向、商业目标、功能业务等;
交互设计师重逻辑、细节、情感、创意、界面等。
4.产品定位的内容:
例:
专为摄影初学者使用的简单易用的修图软件。
使用人群:
摄影初学者
主要功能:
修图
产品特色:
简单易用
产品定义的作用:
迫使产品经理努力去思考产品的方向和机会,在激烈的竞争中杀出一条血路;
其次产品定义为产品限定了大致范围,让团队成员不至于在千头万绪中感到无从下手、难以取舍;
最后产品定义使团队成员的凝聚力更强、思想更统一,而不是各自为政。
5.需求文档应该包含什么内容:
文档修改与审核记录。
背景描述:
为什么要做这个产品模块、市场行情、业务目标、产品定位等。
用户类型特征:
简单的描述目标用户情况或现在使用人群的情况。
项目时间安排:
何时启动,何时完成等。
信息结构:
这里可简单理解为内容或页面的层级。
整体业务流程说明:
对于涉及较多的产品功能,需要业务流程图,帮助设计师和项目成员理解具体的业务逻辑。
需求详细说明:
每一条需求的详细说明。
一个文档里会有若干条这样的说明。
6.如何搞定信息分类:
逻辑归类:
人们生活中熟悉的分类逻辑对内容进行组织。
卡片分类:
可以设计出符合用户心智模型的信息架构。
(邀请用户把类似的东西放在一起)在产品设计初期,可知道用户对网站内容的期望,为信息架构搭建提供依据。
开放式:
给用户足够自由度来进行信息归类。
不适用内容复杂、信息量庞大的网站。
不可控。
封闭式:
利于掌控。
数据分析软件(IBM、EZSort、Cardzort、Websort)
7.好的导航设计:
导航的自我解释。
iPhone家的官网导航,左上方的网站logo告诉用户正在访问iPhone家的服务,无论什么时候点这里都能回到首页,右边的mac字体成浅灰色显示,与其他同级元素有差别,下方icon形象显示mac的产品,告诉用户整个页面信息都是属于这个分类下,banner右下方显示新款按钮。
清楚的解释了“我从哪里来?
”、“我现在在哪里?
”、“我能去哪里?
”
深广度平衡。
相较于鼠标不停的点击,眼睛在页面上扫视的成本要低很多,比起深层次的导航结构,广度导航更利于用户发现信息。
但广度超出用户接受范围人们要阅读很多选项才能选择,如vivo家的导航广度平衡,但哇点的就有些多。
用户所需信息与商业推广信息平衡。
智联的推广信息就特别多了用户有时候都在网站上找不到输入框。
为重要功能和常用功能设置快捷入口。
淘宝的购物车设置的快捷入口。
8.如何突出主要任务?
分解用户任务:
首先要明确用户使用web产品时,要完成的任务有哪些,并详尽地分解出这些任务;
排列任务优先级:
子任务所对应功能的优先级进行排列。
组织合并相关任务:
需要将这些任务按一定的意义组织起来,便于用户理解和使用。
图一购票任务分解:
选影片、电影院、观影时间、座位、输入手机号、确认订单。
图二任务优先级:
浏览影片详情、评论详情,观看地预告片优先级最低
图三组织任务:
将内容组织后得到8个视图界面:
浏览影片列表、票房排行,优惠推荐、影片简介,详情、观看预告片、选区域,影院,日期,场次、选座、输入手机号、确认购票。
我们图五可按优先级分成三个页面,列表页、详情页、选座页。
9.如何引导用户完成任务:
相似性引导:
如果大小,颜色,形态,视觉元素等因素相似,那么这些相似的因素可以牵引着用户的视觉。
方向性引导:
对于操作步骤较多的任务,可以利用具有指向性的箭头,进行方向性引导。
运动元素引导。
加入购物袋利用运动元素引导用户去购物车结算,垃圾桶盖揭起引导用户点击删除。
向导控件。
10.如何简化复杂的操作?
减少冗余步骤和干扰项。
将复杂操作转移给系统。
简化操作方式。
优化操作过程。
闹钟的设置,直接在界面上上下滑动选择,减少跳转页面与输入步骤界面大量留白减少干扰项。
qq邮箱的邮箱号可在输入一次后自动存储。
将复杂的操作转移给系统处理。
Pages的内容选择后可右键弹出用XX搜索,不用再复制粘贴打开浏览器,简化操作方式。
XX的注册,清晰准确的提醒、合适的选项、适时的帮助、合理的默认值,可帮助用户降低出错率。
11.信息量太大,页面怎么摆?
让页面层次不言而喻;
(分解-排列-组织)
让重点信息跳出来;
将次要信息藏起来;
网易的模块与模块,段落与段落,标题与正文之间划分高度,使整个页面之间层更架清晰,合理。
qq的邮箱界而,对用户来说,未读邮件是需要被首先看到的,所以字体加粗显示,而己读的弱化显示,采用了较弱的黑灰色。
ui中国将次要信息放在更多的下拉列表隐藏起来。
减少了复杂信息对用户的干扰。
12.捕获用户的芳心:
拟物化的视觉;
隐喻化操作;
可控的感受;
积极的反馈;
贴心的提醒;
互动的乐趣;
惊喜的力量;
情境的烘托。
13.标准原型应该包含什么内容:
简要说明与信息结构;
任务流程与页面流程;
线框图&
amp;
交互说明;
交互说明有以下几种类型:
限制:
包含范围值、极限值等。
范围值主要指数据的取值范围。
极限值主要指数据的显示限制。
状态:
包含默认状态、常见状态、特殊状态等;
操作:
包含常见操作、特殊操作、误操作、手势操作等;
反馈:
用户操作后得到的反馈动作,包含提示、跳转、动画等。
14.线框图绘制心得:
通过明暗对比表达;
不使用截图和颜色;
合理的布局;
遵守栅格规范;
标记第一屏高度;
表达清楚ui逻辑;
考虑视觉实现后的效果;
了解视觉趋势。
15.写交互说明的决窍:
尽量使用真实、符合逻辑的数据内容;
不遗漏特殊状态的描述;
避免过长的说明;
关于重复出现的模块,可独立出来取个名字。
如原型有修改不要口头沟通,而要更新交互说明并告知大家。
16.关于设计规范。
(规范不是随产品的形成而形成的,而是在产品逐渐成熟、发展的过程中慢慢建立起来的。
Q:
什么是设计规范?
A:
设计规范是对设计的具体细节、技术要求,是设计工作的规则和界限,是一种模板化应用的方法(包含交互规范、色彩规范、logo规范、ui图标规范、控件规范)
没有规范会出现什么问题?
产品小时并不太容易出现问题,但产品规模不断扩大时,需要越来越多的设计师,问题就产生了:
不同频道模块独立设计;
同类功能组件存在多种样式;
同类元素多样性;
设计效率低下;
设计质量难以把控。
规范解决了什么问题?
“一致性”形成鲜明的产品特征,增强用户粘度。
提高易用性。
满足团队协作需求。
17.设计评审的目的:
检验目标:
在项目初期的需求分析阶段,产品人员和设计人员就已经一起分析出了产品定位或设计目标。
发现问题:
设计评审集中了项目且中的各个角色,可以及时发现问题与风险。
达成共识:
设设评审需要让项目成员达成共识,这样才能顺利进入下一个环节,为下一个流程分配任务。
18.评审前的充足准备:
事先考虑所有可能的方案。
准备各种设计依据。
(用户调研结果、支撑数据、竞品分析、设计实施前制定的目标)
做好会议邀请工作。
(真正开始会议前,要昼保证设计方案已经通过产品经理及最主要的项目成员认可,至少要保证大方向是对的。
正式的邀请邮件。
告知会议时间、地点、陈述自己设计理念、参考哪些数据资料、设定每个环节时间。
19.如何审核视觉稿?
对交互稿理解是否正确;
拒绝毫无发挥的视觉设计;
关注视觉层次是否清晰;
关注交互细节和状态标;
在审美方面不要过分干涉。
20.开发阶段,设计师该做些什么?
勤于沟通;
(设计阶段,了解是否会有技术难点,设计完成后,当面沟通设计要点,开发阶段,持续跟进、解答问题。
统一的规范和标准;
(进行标和规范整理,与前端彩用相同规范和标准,如行高是文字高度+上下空隙高度。
设计走查;
(在前端和后台开发完成后,确认环节是必不可少的,不经过确认和走查就上线的产品,可能会在细节上存在疏漏)
21.什么是可用性测试?
(定性分析)
简单地说,就是通过观察用户使用产品,发现产品中存在的问题的一种方法。
可用性测试流程:
设计任务——招募用户——进行测试——分析问题
设计测试任务该注意什么?
给出使用目标,而不是直接操作;
尽量选择最重要、最频繁的任务进行测试;
(时间控制在1小时内,5~8个功能点,简易可用性测试时间更短)
符合正常的操作流程。
测试用户的选择:
选择有代表性的用户;
用户数量的选择;
(有调查表明,5名左右用户可以发现大约85%问题,随着用户数量增多,发现新问题会逐渐减少。
小功能3~5名用户,新产品、较大、重要功能5~10名用户。
测试过程中的注意事项:
切忌引导性过强;
操作行为永远是重点;
不要忽视现场反映;
考虑使用场景;
感谢被测者,并给予一定报酬。
问题的分析与改进:
可用性测试(定性分析):
样本量小,结果未必完全可靠,但可以了解到用户想法。
A/B测试(定量分析):
样本量大,结果较为客观,但很难直接通过数据了解到背后原因。
22.设定衡量标准:
根据产品灵活考虑,一般由产品经理根据产品要求确定,从产品目标角度出发,将PV、UV、点击量、转化率、跳出率、二次返回率等。
电子商务类网站,也可以考虑下单数、支付数、支付金额等。
总结:
界面中的视觉设计不是艺术作品,正确地理解信息和传递信息是最重要的事,忽略内容而关注形式是不可取的。
学会做人,内在修为决定未来高度。
只有不断学习方能提升自我,工欲善其事必先利其器。
我们要做到别害怕被否定、学会忍耐和付出、识别真相、适度妥协、超越自我。
未来,你会发现自己越来越优秀。