用户体验设计的精益之道
了解人、观察人,做到以“人"为本,为”人“设计
观察、留意人的日常,思考背后原因,归纳人的共性
积累自己的知识面和思考深度(多度优秀著作--设计专业、人文历史),了解人性。
理性的思路
认清设计的本质,为谁设计,解决什么问题,如何解决,增加趣味
多听用户的反馈意见
发觉自己没有发觉的问题bug。
留心好设计,优化
积累日常优秀设计,提高自己对于优秀设计的鉴赏力。
实际项目的工作流程
分析需求、了解需求
什么样的产品,目标用户是谁,要达到什么的效果,具体有哪些功能、内容
设计规划、实施
草图上梳理信息架构,设计任务流程,设计界面,确认ok后将设计方案呈现
项目跟进
设计师跟进后续的视觉、前端、开发、测试环节,确保产出物和设计方案一致
成果检验
上线后需要对产品进行体验、效果检验。及时解决小问题。大问题留到下次迭代时解决
需求从哪儿来
(最好是前期设计师配合产品经理共同完成)
用户调研
深入了解目标用户在真是使用下感受、痛点、期望
问卷调查
用户访谈
信息采集
竞品分析
有代表性的同类产品,对比产品之间的优势、劣势,找到产品的突破口
拟定产品战略、方向
怎么做用户体验,怎么处理逻辑、界面层级、界面细节
规划、功能、设计细节
产品数据
产品上线后,预先埋点,收集产品的后期数据
常规的访问浏览数据
浏览痕迹
点击痕迹
在每个页面上的浏览时长
整体的浏览顺序
等等
百度指数、淘宝指数等工具
需求文档
背景描述
为什么要做这个产品/模块、市场行情、业务目标、产品定位
用户类型和特征
简要描述目标用户情况或现有使用人群的情况
整体业务流程说明
对于操作多的产品/功能,需要业务流程图
贴心的设计
可控的感受
界面预先提供提示,形成操作预期(加载进度,关闭前的确认、即时状态)
贴心的提醒
注册、填写信息时的小提示,改变界面元素状态(改变颜色,降低饱和度)
标准的原型内容
简要说明与信息结构
版本说明
以版本为单位,版本说明包含版本号、日期、更新内容
任务流程与页面流程
任务流程
使用产品时,每一步会遇到什么结果、系统如何反馈,更加偏向于业务限制、后台逻辑等
页面流程
更加清晰、具体的展现用户如何操作、完成的一个过程
线框图&交互说明
(处静态页面外,还需要考虑各种动态情况;除正常情况外,还需要考虑特殊和错误情况)
限制
范围值
数据的取值范围。下拉菜单、筛选按钮、滑块控件时,清楚标注选择范围。
极限值
数据的显示限制。应该显示多少字数,超过如何显示,是否折行。
操作
常见操作
正常操作时的反馈状态(普通、聚焦、鼠标悬停、点击后、初始状态等)
误操作
主要指当用户操作错误时的情况。设计时尽量避免用户犯错的机会
手势操作
用户使用移动产品是的操作方式,点击、双击、长按等等等等
反馈
跳转
点击某个链接后,页面跳转到哪里。注明跳转时是“原页面刷新”还是“新页面打开”等,如果是手机应用的话,需要标明跳转是的转场方式。
线框图心得
合理的布局
保持简单的结构,避免出现2列和3列的混排的设计
(建议在确定界面布局时,提前和视觉设计师沟通商量,避免不必要的返工)
标记第一屏高度
表达清楚UI逻辑
操作 》链接 》文本 》
重要 》普通 》不重要 》
考虑视觉实现后的效果
了解视觉趋势