初读《用户体验要素》


题图来自:Zoommy.

版权声明
本文首发自微信公众帐号:runner2sun;
无需授权即可转载,但请自觉保留以上版权声明。

读完《How To Read A Book》之后,发觉自己的阅读水平仍处于最低层次--基础阅读,作为一名有上进心的好青年,当然不会满足现状,于是打算提升自己的阅读水平,接下来的一段时间我将尝试使用书中介绍的方法来阅读新的书籍,然后将读书笔记整理于此。最近在读的一本是《用户体验要素》。

这是一本什么样的书?

这是一本非虚构的实用类书籍。

整本书在谈论的是什么?

这本书主要介绍了用户体验的重要性、用户体验的基本架构,以及基本架构中涉及的一些基础概念。

作者是借着怎样的整体架构来发展他的观点或陈述他对这个主题的理解?
全书可分为两个主要部分:
第一个主要部分作者主要介绍了用户体验的概念以及用户体验的重要性。
第二个主要部分作者主要介绍了用户体验的五个要素以及其涉及的基本概念。

第一个主要部分

作者通过生活中一些糟糕的体验引出用户体验的定义:
产品如何与外界发生联系并发挥作用,也就是人们如何『接触』和『使用』它。

通过将产品设计与用户体验设计进行比较推导出用户体验设计要解决的问题:
综合视觉设计与功能设计、页面布局以及用户操作流程等其他问题。

介绍了好的用户体验能带来的好处:

  1. 提高客户忠诚度。
  2. 提高转化率。
  3. 提高效率。

提出了以用户为中心的设计(user-centered design)的概念:

创建吸引人的、高效的用户体验的方法。

其设计思想是:

在开发产品的每一个步骤中,都把用户列入考虑范围。

指出了以用户为中心的设计的好处:

确保控制决策所造成的全部结果。

说出了影响用户体验的另外两个因素:

内容:要确保产品可以提供用户需要的『内容』。
技术:技术的发展会影响用户体验。

第二个主要部分

作者说明了使用用户体验要素的原因:

将设计用户体验工作进行拆分,有利于我们考虑用户在体验中有可能遇到的麻烦。

详细介绍用户体验要素:

五要素

五层的建设顺序

自下而上,每一层都由其下层决定。在每一层最好根据竞争对手所做的事情、业界最佳的实践成果来做决定。

五层的设计节奏

上一层要在下一层之后结束。


设计节奏

表现层(感知设计)

决定框架层的逻辑排布的视觉呈现方式。

什么是好的视觉设计?

  1. 第一时间吸引用户注意力的元素是否符合产品目标和用户需求?若为肯定回答则是好的设计。
  2. 首先,用户眼睛移动的轨迹应该是一条流畅的路径。其次,简单、朴素地为用户提供有效选择的、某种可能的“引导”。

设计工具

  1. 对比(contrast)
    吸引用户注意,让用户知道某个设计选择是特意要传达一些信息的。

  2. 一致性(uniformity)
    使你的设计有效地传达信息,而不会导致用户迷惑或焦虑。

  3. 基于栅格线(grid-based layout)
    通过使用“母版”来确保设计的一致性。

配色方案和排版
色彩和排版是向外界传递品牌识别十分重要的手段。

框架层(界面设计 + 导航设计 + 信息设计)

确定产品用什么样的功能和形式来实现。

界面设计
界面设计要做的全部事情就是选择正确的界面元素。成功的界面设计是那些能让用户一眼就看到“最重要的东西”的界面设计。

技巧

  1. 仔细考虑界面元素的默认值。
  2. 最好能够记录用户最后一次选择的状态。

导航设计
在每个页面上放一些允许用户浏览整个网站的链接。

导航设计的目标

  1. 必须提供给用户一种在网站间跳转的方法。
  2. 必须传达出这些元素和它们所包含内容之间的关系。
  3. 必须传达出它的内容和用户当前浏览页面之间的关系。

常见导航系统

  1. 全局导航(global navigation)
    放置能到网站所有主要栏目到链接。
  2. 局部导航(local navigation)
    提供给用户在这个架构中到“附近地点”的通路。
  3. 辅助导航(supplementary navigation)
    提供给用户到达相关内容的通路。
  4. 上下文导航(contextual navigation)
    带链接的内容,可以理解为 a 标签。
  5. 友好导航(courtesy navigation)
    放置一些公共信息的导航,比如:联系信息、反馈、法律声明。
  6. 远程导航(remote navigation)
    类似于帮助文档
  7. 网站地图(site map)
    提供给用户一个网站整体结构的快捷浏览方式。
  8. 索引表(index)
    按字母顺序排列的、链接到相关页面的列表。

信息设计
在视觉上选择更好的信息展示方式以及整理散乱的信息。

指示标识(wayfinding)
帮助用户理解“他们在哪”以及“他们能去哪”的系统。

线框图(wire frame)
用来整合界面设计、导航设计和信息设计。

结构层(交互设计 + 信息架构)

为产品创建一个概念结构。

交互设计

关注于描述“可能的用户行为”,同时定义“系统如何配合与响应”这些用户行为。

概念模型

用户对于“交互组件将怎样工作”的观点。

作用:
规划好概念模型有助于做出一致性的设计决定。将某个特性处理成用户所熟悉的某个概念,有助于用户更好的理解该特性,降低用户的学习成本。比如电商网站中的购物车的概念模型来自现实生活中的购物车。

注意:拟物的概念模型对系统设计会有一定的价值,但切记全面拟物,要权衡功能性。

错误处理

如何处理用户的错误以及如何防止用户继续犯错。

方式:

  1. 设计成不可能犯错的产品。比如自动档汽车在发动时必须要挂在P档。
  2. 在错误发生时提供错误信息和帮助用户从错误中恢复的方式。

信息架构

研究人们如何认知信息的过程,对于产品而言则关注呈现给用户的信息是否合理并具有意义。

对于以内容为主的网站,信息架构主要负责设计组织分类和导航的结构。

结构化内容
建立分类体系的方式:

  1. 从上到下(top-down approach)
    根据产品目标与用户需求直接进行结构设计,先从最广泛的、有可能满足决策目标的内容与功能开始进行分类,然后再依据逻辑细分出次级分类。

  2. 从下到上(bottom-up approach)
    把已有内容先放到最低级别的分类中,然后再将它们分别归属到较高一级的类别,从而逐渐构建出能反映我们的产品目标和用户需求的结构。

结构方法
基本单位--节点,可对应任何信息片段或组合。
种类:

  1. 层级结构(hierarchical structure)
    节点与其他相关节点之间存在父级/子级的关系。

  2. 矩阵结构(matrix structure)
    允许用户在节点与节点之间沿着两个或更多的“维度”移动。

  3. 自然结构(organic structures)
    不会遵循任何一致的模式。节点是逐一连接起来的,没有太强烈的“分类”概念。

  4. 线性结构(sequential structures)

组织原则

决定哪些节点要编成一组,而哪些节点要保持独立的标准。

语言和元数据

命名原则

描述、标签,和网站使用的其它术语。(要使用用户的语言并且保持一致)

元数据

关于信息的信息,以一种结构化的方式来描述内容的信息。

范围层(功能规格 + 内容需求)

该层不仅可以让我们确定我们项目的目标以及何时能达到这个目标,还可以帮助我们锁定需求,规划好版本确保项目如期上线。
功能规格

定义产品的“功能”以及相应的组合。

内容需求

定义产品需要显示的内容。

需求的分类

  1. 适用于整个产品的需求,如品牌需求,技术需求。
  2. 适用于特殊特性的需求,产品必须拥有的、某种特性的一句简短描述。

定义需求
定义需求过程中的三类需求:

  1. 从用户讲述他们想要的特性中得出的需求。
  2. 从用户讲述他们想要的但实际上并不能解决他们问题的特性中得出的真正需求。
  3. 从人们不确定他是否需要的特性中得出的需求。

我们可以通过以下几种方式明确需求:

  1. 让不同岗位的同事一起参与产品讨论,可以让我们获得对产品的更多视角。
  2. 研究产品需求时必须考虑到硬件需求,因为硬件需求会限制产品的功能可能性。
  3. 将人物模型放到一个具体的场景中,可以帮助我们明确潜在需求。
  4. 从竞争对手的产品中获得需求提示。
  5. 从其他产品中发掘可能的潜在需求。

功能规格说明

定义

只包含在设计或开发过程中出现有可能混淆的功能定义,只记录在创建这个产品时已经确定下来的决议,且必须可验证。

规则

  1. 乐观(be positive)
    描述这个系统将要做什么事情去“防止”不好的事情发生,而不是描述这个系统“不应该”做什么不好的事情。
    错误示范:

这个系统不允许用户购买没有风筝线的风筝。

正确示范:

如果用户想买一个没有线的风筝,这个系统应该引导用户到风筝线的界面。

  1. 具体(be specific)
    尽可能详细地解释清楚状况。

错误示范:

最受欢迎的视频要重点标注。

正确示范:

上一周被播放最多的视频要显示在列表的最前端。

  1. 避免主观语气(avoid subjective language)
    错误示范:

这个网站的风格应该是时尚、闪耀的。

正确示范:

这个网站的风格应该符合企业的品牌指南文档。

内容需求说明

  1. 定义出所有不同类型的内容。(文本?图像?音频?视频?)
  2. 不要忽视某段内容的格式和它的目的。(FQA 的价值在于为用户提供普遍需要的信息)
  3. 提供每一个特性规模的大致预估。(图片尺寸、文字数量、PDF等文件的大小等)
  4. 确定内容元素负责人。
  5. 通过平衡用户期望和有效资源来定义每一个内容特性的更新频率。
  6. 为不同类型的用户设计不同的内容呈现方式。

确定需求优先级

  1. 剔除与产品目标不匹配的特性(若特性足够好也可重新思考产品目标)。
  2. 根据战略目标的优先级确定需求优先级。

战略层(产品目标 + 用户需求)
产品目标

我们通过这个产品得到了什么?(用尽可能具体的词汇来定义我们期望产品“本身”能完成的事情)

传递品牌识别是一种非常普遍的产品目标。
为了验证我们是否达成了产品目标和满足了用户需求我们需要定义成功标准:

一些可追踪的指标。

成功指标可体现在对网站的间接影响。

用户需求

我们的用户通过这个产品得到了什么?
先定义谁是我们的用户,然后再来分析他们的需求。以下方法可以帮助我们实现这个目标。

用户细分

将用户按照某种共同关键特征划分成不同的群组,一种揭示用户最终需求的手段。

可以根据以下维度对用户进行划分。

  1. 人口统计学标准(性别、年龄、教育水平、婚姻状况、收入等)。
  2. 消费心态档案(psychographic profiles)。
  3. 对于技术对熟悉度。
  4. 对产品内容的了解程度(专业程度)。
  5. 社会或专业角色。
    在进行用户研究之后,可以对用户细分群组进行调整,比如合并需求相似的群组,拆分存在不同需求的群组。

收集用户的观点与感知的方法:

  1. 问卷调查。
  2. 用户访谈。
  3. 焦点小组。

了解用户行为以及与产品交互时表现的方法:

  1. 现场调查。
  2. 任务分析。
  3. 用户测试(还可用于测试产品的可用性以及改版效果)。

探索用户如何分类或组织各种信息元素的方法:卡片排序。

用户模型
通过将带面孔、名字以及通过用户研究得到的信息来创建的用户模型可以帮中我们更好地理解用户需求。

生成战略文档
将产品目标和用户需求写进正式的文档,以帮助我们在工作中做出正确的决定。

作者想要你做什么?

让我了解用户体验师的决策环境并了解与用户体验相关的基本概念,然后建议我们通过他提供的基本架构--五个层面来设计用户体验。

推荐阅读更多精彩内容