用户体验要素

用户体验要素

以用户为中心的设计(User-Centered Design)

要考虑到用户有可能采取的每一个行动的每一种可能性,并且去理解在这个过程中的每一个步骤中用户的期望值。

1.战略层strategy明确产品目标(经营者想从产品得到什么),用户需求(用户想从产品得到什么)。重点是解决两者之间的冲突,找到平衡点。
例如,通常的商业目标是赚钱,而用户是要省钱,这种最底层的冲突没法通过产品设计解决,而要靠商业上找准价值的切入点。作为PD,通常早些年接触不到战略制定的过程,但仍然要深刻理解公司战略并尽可能的去发挥自己的影响力。
要素:
产品目标:
商业目标(赚钱?赚流量?)
品牌识别(扩大影响力?)品牌不仅仅是视觉上的商标,更是一种概念或者情绪反应。将品牌形象写入目标可提高呈现出积极品牌形象的机会。
KPI标准:例如用户数、访问时间、转化率、印象数(每一个广告每天被展示的数量)

用户需求:用户想从产品得到什么,以及用户的期待。
用户细分(可依据人口统计学:性别,年龄,教育水平,婚姻状况,收入等;消费心理学等)、用户研究(问卷、访谈、焦点小组;用户测试,现场调查等)、创建任务角色模型(用例)等进行
可用性和用户研究。市场调研(问卷、焦点小组)、现场调查(了解日常生活情境中的用户行为,完整)、任务分析(仔细分析用户完成某件任务,局部)、用户测试(请用户来测试你的产品)
创建用户角色。创建虚拟的人物卡片,帮助我们在前进的每一步都时时刻刻记着用户。

产出:战略文档,愿景文档
相关书籍:《赢在用户-Web人物角色创建和应用实践指南

2.范围层scope:我们要开发的是什么?做好需求采集工作,确定功能范围需求优先级,确定产品各种特性和功能的最合适的组合方式
尽可能多的收集,通过各种市场研究、用户研究的方法收集,不要遗漏;再尽可能多的放弃,因为资源有限,只能做最有价值的。
要素:
功能型产品:功能规格:用户的需求,不一定是用户说出来的。
不需要定义产品的每一个细节,只要包含在设计或者开发中可能混淆的功能定义。
撰写文档的几条原则:
1.be positive。乐观。描述应该做的事而不是防止不应该做什么事
2.be specific。具体。
3.avoid subjective language。避免主观语气。

信息型产品:内容需求:内容清单
*尽可能详尽的表述,如:上一周被播放最多的视频显示在列表的最前端;而不是最受欢迎的视频要重点标注。
提供每一个特性规模的预估,如文本字数、图片像素大小等
确定内容元素的负责人
确定内容特性的更新频率
确定需求优先级
考虑技术可行性、时间紧迫性、资源可用性

产出:需求文档
相关书籍:《人人都是产品经理

3.结构层structure:为产品创建概念结构,将产品需要完成的特性组合起来。完成信息架构交互设计(模式和顺序)
上一步相当于把菜都选好了,现在开始考虑具体是蒸是煮是炒是炸了,这一步可以产出产品的功能结构关系,网站地图等。一般来说,技术部门在这个层面开始全面介入。
要素:
功能型产品:交互设计:系统如何响应用户的请求(成功的舞蹈要求每一个参与者能够预测对方的移动)
强调一个重点
确定要呈现给用户的元素的模式(pattern)和顺序(sequence)
概念模型——对交互组件如何工作的观点。例如购物车
错误处理的方法
1.防范,让用户不能犯错。例如汽车的自动挡设计。
2.使错误难以发生,甚至帮用户改正错误(反例:word纠错功能)
3.帮助用户从错误中恢复,例如undo撤销功能

信息型产品:信息架构:合理安排内容元素以促进人类理解信息。组织管理,分类,导航,顺序排列。
*结构:层级结构,矩阵结构,自然结构,线性结构。
*语言和元数据:命名原则,受控词典,类词词典。视觉词典
相关书籍:《交互设计精髓

4.框架层skeleton:界面设计、导航设计、信息设计,框架是结构具体的表达方式。
按钮、控件、文本区域的位置。到了这一步,才出现用户真正能看到的东西。常见错误是从以为这里才开始算设计,忽略了上面的几层,这样在大前提不正确的情况下做出来的产品必然会成为一个悲剧。
要素:
功能型产品:界面设计:按钮、输入框和其他界面控件。要让用户一眼就看到重点。
信息型产品:导航设计:网页中跳转的方式,传达元素与所包含内容的关系,传达内容与用户浏览页面的关系。
1.提供在网站间跳转的方法
2.传达元素之间及其包含内容的关系
3.传达内容与用户当前浏览页面之间的关系
全局导航:提供覆盖整个网站的通路,提供全局的某些关键点
局部导航:提供附近地点的通路——如果架构反应了用户对这个网站内容架构的思路,则其较有效
辅助导航:提供全局和局部不能快速到达的相关内容的快速途径
上下文导航:内联导航,如超链接
友好导航:提供用户通常不需要的链接

信息设计:促进理解的信息表达方式,分组和整理。
*利用人们的习惯,和生活中的比喻
让界面与用户早已养成的习惯保持一致是重要的,例如购物车的概念模型也是保持了线上与线下购物的某种习惯

*交互方式:复选框,单选框,文本框,下拉菜单,多选菜单,按钮。
*导航方式:全局导航,局部导航,辅助导航,上下文导航,友好导航,网站地图,索引页

产出:线框图,对一个页面中所有组成部分以及他们如何结合在一起的,最直观的的描述。
相关书籍:《瞬间之美:web界面设计如何让用户心动》、《Dont make me think》 

5.表现层surface:感知设计,包含了视觉设计和内容优化。
感知设计:视觉,听觉,触觉,嗅觉,味觉
一个成功的设计有以下两个特点
眼睛的移动轨迹是一条流畅的路径
为用户提供了有效的选择和引导

*视线落在的位置,第一时间吸引用户的注意力,遵循流畅的路径。
*利用对比(大小,差异颜色,距离)来突出重要的事物。
*利用一致性(对齐、重复、亲密性、相同颜色)来消除用户的迷惑和焦虑。内部一致性(产品两个不同地方的设计方法),外部一致性(同企业产品中使用的设计方法)
*配色方案和排版,大企业可以使用风格指南

相关书籍:《设计心理学》 、《写给大家看的设计书