《用户体验要素》
总结:条理清晰,科普性质。
有人说本书一张图就足够了:
图源见图片
以用户为中心为什么重要
- 看了用了不一定买账,假设36个用户用了你的软件,3个人决定使用。8.33%的转化率。
- 当两个产品之间提供的功能并没有巨大差异的时候,用户对产品的体验好坏,使用感受,就会成为作出决定的重要因素。
基于以上考虑 - 考虑用户体验
- 把用户体验的分模块,情景讨论清楚要素
- 从不同角度了解用户体验。
“用得舒服”可以说是最高评价。
一个完整的“设计用户体验”的五个层面的要素
关键三问:看起来怎么样,怎么使用,它能让你做什么。
- 表现层 surface
一系列的网页,由图片和文字组成。
- 框架层skeleton
按钮,表格,照片,和文本区域的位置
- 结构层 structure
确定项目各种特性和功能的最适合的组合方式
- 范围层 scope(一般称作版本基线)
功能和特性是否要纳入网站,就是范围。
- 战略层 strategy
经营者和用户分别想从网站得到什么
以上几个层面,从下到上决定每一层的可选择范围。是做淘宝还是微博,是做大圈子还是做小圈子,是做熟人关系的小圈子还是付费会员制的小圈子,是做一次性付费还是按月?是做知识付费还是服务付费?知识付费的话,重心是有大V还是有现成资源?
......
- 从下向上,从最终目的到表层展现,具有某种连锁性质的约束和效应
不能为房屋加屋顶
战略层:网站目标和用户需求
当我们越能清楚明确的表达我们想要什么,以及确切的知道其他人想要从我们这里得到什么,就能越明确的满足双方的需求。
换句话说,用户调研。
范围层:网站目标和用户需求
一个有价值的过程导致一个有价值的产品
- 过程:确定现在能解决的事情,以及哪些事情迟些才能解决。——项目实现的优先级进度规划
- 产品: 给团队一个参考点,保证在开发过程中不会出现模棱两可的情况
-
工作流程,日程安排,里程碑:——定期报告总结
- 这样你才知道正在建设什么
- 这样你才知道不需要建设什么
功能和内容
- 软件式网站:哪些应该被成为软件产品的“组成部分”——功能规格
项目初期阶段需求:描述系统应该做什么
项目末期阶段需求:描述系统真正完成了什么
PS:总的来说就是阶段性清帐 - 文本式网站:编辑和营销推广确定内容范围——内容管理系统
内容管理系统必备的功能取决于你要管理的内容的性质
功能需求常常伴随着内容需求
收集需求
- 人们讲述的,他们想要的东西
- 用户实际想要的东西
- 人们不知道他们是否需要的特性
功能规格
-
存在问题
阅读起来枯燥,占用大量编码时间,没有人读。
实施过程中事情会发生变化——维护功能规格,及时更新(重要) -
撰写规则
乐观,描述这个系统要做什么“防止”不好的事情发生,而不是描述“不应该”
具体,尽可能详细描述清楚状况
避免主观的语气,保持明确,避免歧义 -
内容需求
- 确定文本的字数,图片的像素,下载文件的字节等基本元素
- 确认某个人来负责某一个内容元素
- 日常维护工作
- 每一内容元素的更新频率
- 如何呈现他们
确定需求优先级
结构层:交互设计与信息构架
结构层的定义
确定各个将要呈现给用户的选项的模式和顺序
- 交互设计:作为界面的网页,为用户设计结构化体验
- 信息架构,作为超文本网页,内容建设通过信息架构构建用户体验
- 它们关心的是理解用户,用户的工作方式和思考方式。
交互设计
- 交互设计关注与描述「可能的用户行为」,同时定义「系统如何配合与响应」
- 用户与软件的和平相处。
概念模型
- 交互组件将怎样工作——概念模型
这是内容元素还是用户访问的位置还是用户请求的对象?
以购物车为例,使用用户熟悉的概念模型能使用户很快适应不熟悉的网站。
错误处理
当人们犯错误的时候,系统如何反应,如何防止用户继续犯错?
- 1 将系统设置为不可能犯错的那种
- 2 错误难以发生,系统帮助用户找出错误并修正它们
- 当用户完成动作后才发现做错了,系统应该为用户提供从错误中恢复的方式(重做)
- 当无法恢复时,提供大量警告。
信息架构
- 信息架构着重于设计组织分类和导航的结构,从而让用户高效率,有效的浏览网页内容。
-
信息架构的分类体系
结构方法
- 信息架构的基本单位是节点
- 节点对应任意的信息片段和组合,节点的的安排方式
在层级结构(树状结构,中心辐射结构),节点和其他相关节点之间存在父级/子级 关系;
在矩阵结构中,允许用户在节点与节点之间沿着两个或更多的“纬度”移动。
在自然结构中,不遵循任何一只的模式,节点被逐一连接,用于关系不明确或演变中的主题。
在线性结构中,最基本的信息结构类型,逐一而连贯。
组织原则
- 我们决定哪些节点要编成1组,哪些节点要保持独立的标准即组织原则。
- 应创建一个与“网站目标”和“用户需求”相对应的正确的结构
- 界面:内容不同的属性,使用错误的界面比没有使用界面更糟糕。
语言和元数据
- 命名原则:描述,标签和网站使用的其他术语。
- 控制性词典:保证网站「使用用户的语言」并「保持一致性」
- 元数据:关于信息的信息,即以一种结构化的方式来描述内容。
团队角色和流程
框架层:界面的设计,导航的设计,和信息设计
框架层的定义
确定用什么样的功能形式来实现
- 界面设计:确定框架,“按钮,输入框,界面控件”的领域。
- 导航设计:呈现信息
- 信息设计:呈现有效的信息沟通
习惯和比喻
- 如果我们减少很多反射作用,每天能完成的事情会大大减少
- 避免比喻,就是要减少用户在“理解和使用新功能”时对心理的要求。
界面设计
- 成功的界面设计是哪些能让用户一眼就看到“最重要的东西”的界面设计。
- 一个设计良好的界面是要组织好用户最常采用的行为,同事让这些界面元素用最容易的方式获取和使用。
技巧1 界面第一次呈现给用户的时候,仔细考虑每一个选项的默认值;
技巧2 自动记住用户最后一次选择状态的系统 - 为用户想完成的任务选择正确的界面元素,通过一种能迅速理解和易于使用的方式,把他们放置到页面上去。
- 错误信息以及说明信息的设计——如何让用户真正去阅读这些文字?
导航设计
- 任何一个网站的导航设计必须完成以下3个目标
- 必须提供给用户一种在网站间跳转的方法(真实有效的链接)
- 必须传达出这些元素和它们所包含内容之间的关系。
这些链接时间有什么关系?
是否其中一些比别的更重要?
他们之间的差异在哪里
PS:哪些链接对用户是有效的? - 必须传达出它的内容和用户当前浏览页面之间的关系
信息设计
最终目的:反映你的用户的思路,支持他们的任务和目标
线框图
页面布局是将信息设计,界面设计,导航设计放置到一起,形成统一,有内在凝聚力的架构的地方。
表现层:视觉设计
表现层的定义
- 弥补网站框架层的逻辑排布的视觉呈现问题。
忠于眼睛
- 你的视线首先落在什么地方?
- 哪个设计要素在第一时间吸引用户的注意力?
- 它们对战略目标来说是很重要的东西吗?
- 用户第一时间注意到的东西与你的目标是否一致?
如果你的设计是成功的,那么用户的眼睛在页面上移动的轨迹模式应该有以下两个特点: - 首先,他们遵循的是一条流畅的路径
- 第二,不需要用太多细节来吓倒用户的前提下,为用户提供有效选择的,某种可能的“引导”。
对比和一致性
- 对比,帮助用户理解页面导航元素之间的关系,传达信息设计中概念群组的重要手段。
- 一致性,使你的设计有效的传达信息——如,基于网格的布局。
内部的一致性和外部的一致性
- 内部:在网站的不同的地方反映了不同的设计方法
- 外部:在其他产品中,反映出被使用的,相同的设计方法
配色方案和排版
设计合成和风格指南
- 设计合成品:视觉设计领域中对线框图最直接的摸拟物
换句话说,就是高保真原型 or UI 设计稿
- 风格指南文档:确定视觉设计的每一方面,从最大到最小范围内的所有元素:
- 设计网格,配色方案,字体标准,标志应用指南。
- 某一模块或网站功能的具体标准
- 预防随着员工的变动,而使企业集体失忆。
换句话说,就是视觉规范,企业VI
总结
- 了解你正在试着去解决的问题
- 了解你解决办法所造成的结果
- 用户体验的决策出现在细节中
面对需要解决的纠缠不休的小问题,抱有正确的心态
比赛开始以后不需要顾虑太多的想法是错误的。