《用户体验要素》读书笔记

这本书用简洁的语言系统化地诠释了设计、技术和商业融合是重要的发展趋势。全书共8章，包括关于用户体验以及为什么它如此重要、认识这些要素、战略层、范围层、结构层、框架层、表现层以及要素的应用。本书用清晰的说明和生动的图形分析了以用户为中心的设计方法（ucd）来进行网站设计的复杂内涵，并关注于思路而不是工具或技术，从而使你的网站具备高质量体验的流程！

《用户体验要素》读书笔记

• 第 8 章 要素的运用
  • 创建良好的用户体验最重要的工作内容是收集大量亟需解决的问题，成功与失败的差异点
    • 是否了解试图去解决的问题
    • 是否了解解决方法造成的后果
  • 用户体验决策出现的场景
    • 现状决定的设计
      • 用户体验决定去背后的技术支持，这是限制想法实现的因素
    • 由模仿决定的设计
      • 发生于用户体验依赖于其他存在产品的相似情况
    • 由领导决定的设计
      • 用户体验由个人喜好代替了用户需求或产品目标驱动体验设计决策的时候
  • 用户体验的核心要素
    • 提出“合理的问题”
  • 放置于用户体验最末端的“用户接受度测试”，是无法取代一个考虑周密，准备充分的用户体验过程的
  • 产品设计与用户体验师一场马拉松，不断迭代，不断成长
• 第 7 章 表现层
  • 表现层中内容、功能和美学汇集，满足用户感官感受
  • 表现层定义
    • 解决并弥补框架层的逻辑排布问题
      • 关注信息设计，决定信息元素如何分组和排列
      • 关注视觉设计，决定安排在视觉上的呈现
  • 合理设计感知
    • 感受的5个方面
      • 嗅觉
      • 味觉
      • 触觉
      • 听觉
      • 视觉
  • 忠于眼睛
    • 设计元素的目的是用于在第一时间吸引了用户的注意力
    • 用户眼睛的轨迹两个特点
      • 遵循一条流程的路径
      • 不需要太多细节来吓倒用户前提下，为用户提供有效选择的、某种可能的引导
      • 意思就是合理引导用户，不要让他们为你的指导流程惊讶与生气
    • 对比与一致性
      • 通过对比，达到突出作用，以吸引用户注意力；差异必须足够清晰才能传递出信息
      • 设计中保持一直性，是信息传递有效
        • 视觉元素尺寸一致、栅格线布局、
    • 内部与外部的一致性
      • 产品设计的两个问题
        • 内部一致性问题：在同个产品两个地方反映了不同的设计方法
          • 解决方法：将不同环境中的元素独立出来，统一设计，再分布到不同界面上去
        • 外部一致性问题：产品没有在同一个企业的其他产品中，反映相同的设计方法
          • 解决方法，建立企业统一品牌形象，以及品牌元素规范
    • 配色方案与排版
      • 色彩是向外界传递品牌识别的一个最有效方法
      • 创建配色方案是要考虑在不同场景的使用，用色要具有包容性
      • 排版也有助于品牌识别
    • 设计合成品：也就是可视化的产品，为高保真图
    • 风格指南：汇总视觉设计的各项标准，成为公司的统一规范
• 第 6 章 框架层
  • 框架层定义
    • 结构层定义产品的运作方式，通过框架与交互设计的方式进行
    • 框架层关注确定的功能和形式的实现，所以需要思考的是独立组件以及之间的关系
    • 框架层元素
      • 功能型产品——界面设计
        • 设计提供给用户做某些事的能力，通过结构层交互实现具体功能
      • 信息型产品——导航设计
        • 提供给用户去某个地方的能力，帮助用户在信息列表中穿行
      • 功能、信息兼具——信息设计
        • 传达想法给用户，特点为范围广，为前两种设计提供支持
      • 三种要素之间互相作用，紧密结合
      • 要素边界会模棱两可，但是定义成独立领域帮助我们评估解决方案是否合适
  • 习惯和比喻
    • 习惯和反射作用是我们与这个世界交互时的各种基础
    • 习惯帮助我们把反射应用到不同环境中
    • 当能够提供成功用户体验或者有明显益处时，不必恪守常规
    • 界面与用户保持一致性很重要，这样的一致性也要体现在整个产品中
    • 我们需要克制设计交互时使用“比喻”
      • 就是象征化某一显示认知的设计
      • “比喻”的方式如果不能揭示特性的本质，反而更让会让用户的认知混淆
      • 使用“比喻”时，网站要提供上下文
      • 使用“比喻”时，减少用户在理解产品是猜测的行为
  • 界面设计
    • 界面设计就是选择正确的界面元素，帮助用户在不同的界面中跨越，并且让用户认识到各个界面上能够提供的功能
    • 成功的界面设计
      • 让用户一眼看到“最重要的东西”
    • 良好的界面设计要组织好用户最常采用的行为，并且让这些界面元素用最容易的方式获取和使用
    • 界面设计的技巧，让用户过程变得容易
      • 考虑每一个选项的默认值
      • 记住用户最后一次选择状态的系统
    • 技术工具和体系自身的局限是我们可选择的界面选项受到限制
      • 技术实现不了设计的需求
    • 界面交互的方式在不断产生着变化
    • 设计上有着元素的规范，如Windows系统，iOS系统的设计规范
  • 导航设计
    • 导航设计的三大目标
      • 导航设计提供用户在一种网站间跳转的方法
      • 导航设计必须传达出元素和他们包含内容之间的关系
      • 导航设计必须传达出他的内容和用户当前浏览页面之间的关系
    • 导航的作用，告诉用户“他们在哪儿”以及“他们能去哪儿”
    • 常见的导航系统
      • 全局导航：提供用户最有可能需要从网站的最终页面到其他什么地方的一组关键点，全局导航可能会放上网站所有主要栏目的连接
      • 局部导航：提供用户到“附近地点”的道路
      • 辅助导航：提供快速到达某点的快速接近
      • 上下文导航：用户阅读文本的时候，跳转的超链接的是典型的
      • 友好导航：提供给用户的便利途径，在用户需要时能够快速找到
      • 远程导航：以自己方式独立存在的内容或功能，我的理解为，使用指南等
      • 网站地图：简明的网站整体结构的快捷方式，往往只显示到两个层级
      • 索引表：按字母顺序排序，链接到相关页面
  • 信息设计
    • 信息设计充当把各种元素聚合在一起，决定信息的呈现
    • 信息设计设计“分组”与“整理”散乱的信息
    • 我们要使用能“反映用户思路”与“支持他们任务和目标”的方式来分类和整理信息元素
    • 信息的呈现设计
      • 如错误提示，能够告诉用户如何正确使用
    • 指示指标
      • 信息设计与导航设计的结合，支持帮助用户理解“他们在哪”以及“他们能去哪”的问题
      • 指示信息设计元素涉及页面元素
  • 线框图
    • 线框图富有丰富的说明，帮助用户理解
    • 将所有的页面布局纳入统一的详细文档，并称为页面示意图或线框图
      • 线框图作用
        • 作为即将建立的界面的模板
        • 视觉设计流程的第一步，解决产品运作的问题
        • 是信息架构和视觉设计的汇聚点，是协作的工具和载体
      • 线框图整合三大要素
        • 通过安排和选择界面元素来整合界面设计
        • 通过识别和定义核心导航来整合系统设计
        • 通过防止和排列信息组成部分的优先级来整合信息设计
• 第 5 章 结构层
  • 将关注点从抽象的决策与范围问题，转移到更能影响最后的用户体验的具体因素
    • 功能型产品
      • “交互设计”（为用户设计结构化体验）
    • 内容建设
      • “信息架构”（考虑组织管理、分类、顺序排列）
    • 两者共同强调点
      • 呈现给用户元素的“模式”和“顺序”
    • 要求我们去理解用户
      • 工作方式、行为和思考方式
  • 交互设计
    • 关注描述“可能的用户行为”，定义“系统如何配合与响应”
  • 概念模型
    • 用户对于“交互组件将怎样工作”的观点称为概念模型
      • 概念模型帮助做一致的设计决定
        • 举例
          • 购物车这种概念，以图标站实现，意味着用户会将商品添加进来，所以“购物车”是个容器的概念
          • 随之告诉我们需要做一些列围绕容器的行为设计，如“放入”与“拿出”这些行为等
      • 一个概念模型可以反映系统的一个组件或是整个系统
        • 概念模型是用户对事物的认知，遵循这种设计理念，能够与用户生活习惯结合起来，减少学习成本，又时通过程序展现的概念产品会不如现实里那么好用
        • 但是我们能够根据一个概念，来还原出一个系统
      • 了解用户想法可以帮助我们挑选最有效的概念模型
        • 最好的概念模型时，用户使用时，凭借直觉就能完成自己想做的任务
        • 不要将现实世界的物品，保持原样的概念化，这只会产生误解
    • 错误处理
      • 用户犯错时，系统如何反应以及组织用户再次犯错
      • 方法
        • 将系统设计成不能犯错的条件，一旦错误，这些错误之后的事情就不能发生
        • 使错误难以发生，一旦错误发生，帮助用户找到错误，并且改正
          • 但是注意不要太多干预用户行为（word的自动纠错）
        • 有效的错误信息和自我解释界面可以在错误发生后帮助用户进行校正
    • 信息架构
      • 研究人如何认知信息，关注呈现给用户的信息是否合理
      • 结构化内容
        • 内容为主网站上，进行设计组织分类与导航的结构
        • 信息架构创建分类体系，满足用户需求，以及网站目标
        • 使用“从上到下”的信息架构方法将从战略层考虑的内容，即根据产品目标与用户需求直接进行结构设计
          • 容易导致内容的重要细节被忽略
        • 使用“从下到上”，根据“内容和功能需求的分析”，从已有资料开始，进行归类到高级别
          • 过于精确，以至于难以灵活容纳未来内容的变动或增加
        • 结合以上两种方法，找到平衡点
          • 不要强制增加限定类目限制类别数量只要能正确反映用户需求就行
          • 内容结构之间最重要的是，是用户认为每一个步骤都是合理的
        • 高效结构的优点：具备“容纳成长和适应变动”的能力
        • 一个完整的用户体验，包括网站结构，都是建立在对网站目标和用户需求的理解之上
    • 结构方法
      • 信息架构的基本单位是节点，节点对应任何信息片段或者是组合
        • 意思是节点定义可以根据具体情况定义细分程度
      • 常见的节点安排形式
        • 层级结构（树状结构、中心辐射）
        • 矩阵结构
          • 允许用户在节点与节点之间，通过多个维度的方法进行联系，多条路径联系不同结构
          • 但是最好不要超过三个层级
        • 自然结构：不会尊徐一直的模式，节点之间逐一连接，需要进行探索
        • 先行结果：连贯的语言流程等，按顺序来，单点呈现
    • 组织原则
      • 节点按照组织原则在信息架构中进行安置
      • 一种能够将“产品目标”与“用户需求”相对应的结构，适合特定的人群用户，这样的属性可以被称为截面
    • 语言与元数据
      • 为了让用户理解我们的结构指示，需要考虑命名原则
        • 受控词典：用于强调一致性，使用一套标准的语言
        • 类词词典：近义词、相似词的集合
        • 以上两种词典，可以帮助建议元数据
          • 元数据：一种结构化的信息展现方式
    • 团队角色与流程
      • 文档要描述清楚网站的结构，使用示意图，视觉化的呈现（例如框架化的思维导图，流程图）
      • 图解网站结构的系统——“视觉词典”（visual vocabulary）
        • 下载地址：www.jjg.net/ia/visvocab/
• 书籍信息
  • 作者: [美]杰西·詹姆斯·加勒特
    • 是Adaptive Path的创始人之一
    • 他是信息架构和用户体验的积极倡导者，其个人网站www.jjg.net是提供信息架构资源的网站中最受欢迎的一个
  • 副标题：以用户为中心的产品设计
  • 出版社: 机械工业出版社
  • 出版年: 2019-4
  • 相关书籍推荐
    • 《疯传》
    • 《抢占心智》
    • 《行为设计学：打造峰值体验》
• 第 1 章 用户体验为什么如此重要
  • 什么是用户体验
    • 产品开发：产品是用来做什么的
    • 用户体验：产品如何工作，产品如何与外界发生联系及作用的
  • 衡量标准-转换率
    • 用户体验可以用指标“转化率”来衡量
    • 如ROI，二跳率，跳出率
  • 用户体验目的-效率
    • 帮助用户很快
    • 减少用户犯错
  • 以用户为中心的设计
    • 创建吸引人，高效的用户体验的方法
    • 慎重考虑和论证后的决定
  • 驰子说-不完全认同此结论
    • 在产品严重同质时代，产品体验在整个产品生命中比重是急剧下降的，飞决定性因素
    • 酒香仍怕巷子深，渠道及推广
    • 价格战，利诱
  • 小结
    • 对用户重要，体验不好就没人用，没人用就是白做
    • 用户体验形成了客户对企业的整体印象，界定了企业和竞争对手的差异，并且决定了客户是否还会再次光顾
• 第 2 章 认识用户体验要素
  • 五个层面
    • 表现层
      • 文字与图片的组成，表达信息，用户直接进行交互
    • 架构层
      • 按钮、控件、图片、文字的排版与布局，设计目的是追求实用的高效、简洁、统一美
    • 结构层
      • 应用界面之间的联通结构，通过结构设计，让用户按步骤实现目的
    • 范围层
      • 确定功能与特征的多少，合理设计应用的范围，才不会生成一个臃肿的、混乱的巨无霸产品
      • 确定产品能够提供哪些功能，这是范围需要确定的
    • 战略层
      • 战略思考两个层面，用户能够从我们的产品上得到什么，以及我们从产品上得到什么
      • 好的战略即是产品既能给用户提供使用价值，又能为开发者创造经济价值或等等
  • 自下而上地建设
    • 5个层面，每一个层面都是由它下面的那个层面来决定，如果衔接不恰当，项目就会脱离正常轨迹
    • 所以下面层次的议题（也就是理解为，下层级所做的决策，定义）将会影响到上一层次的发展与表现
    • 此这种约束条件下，正确的研发进度为：“让任何一个层面的工作都不能在其下层面的工作完成之前结束”
  • 基本的双重性
    • 双重性主要指，因为不同网站、产品的性质的区别，从使用上可被区分为提供功能与信息的两种形式
    • 主要的两种产品
      • 功能型的平台类产品
        • 设计师关注“任务”的完成，用户操作被纳入成一个过程，我们需要思考用户如何走完这个过程
        • 这样的形式下，诞生流程图之类的产物
      • 信息型的媒介类产品
        • 设计关注“信息”，思考提供哪些信息，信息对用户的意义
        • 应用内的信息包含万象，我们需要提供的是一个可寻找、理解且有意义的信息组合
  • 用户体验的要素
    • 要素是指，五个层面下，细分的具体组成部分
      • 战略层
        • 用户需求
        • 产品目标
      • 范围层
        • 功能型产品——功能规格（functional specification）
        • 信息型产品——内容需求（content requirement）
      • 结构层
        • 功能型产品——交互设计（interaction design）
        • 信息型产品——信息架构（information architecture）
      • 框架层
        • 功能型产品、功能型产品——信息设计（information design）
        • 功能型产品——界面设计（interface design）
        • 功能型产品——导航设计（navigation design）
      • 表现层
        • 功能型产品、功能型产品——感知体验（sensory experience）
  • 应用这些要素
    • 现实情境下，各要素区域是模糊的
    • 完成各层的目标，需要各要素项目作用
    • 对最终用户体验产生影响的两个因素
      • 内容
      • 技术
• 第 3 章 战略层（产品目标和用户需求）
  • 指导企业与用户双方对产品的期许和目标，有助于用户体验各方面的战略的确立和制定
    • 通过：“我们要通过这个产品得到什么？”描述出企业产品目标（product objective）
    • 通过：“我们用户要通过这个产品得到什么？”找到用户需求的问题（user need）
    • 以上是两个不断明确的过程
  • 明确“产品目标”
    • 检查自己的产品或服务的目标，使产品目标能够口头表达出来，并与周围人形成共识
    • 产品目标避免走向极端——“太过于宽泛”、“太过于具体”
      • 了解清楚用户的问题，并且明确好这项决策的影响力
    • 几个明确的指标
      • 品牌识别：主要指设计品牌形象，能够通过logo、slogan……方式向外传达出品牌的理念，占据消费者认知
      • 成功标准：一些可追踪的数据指标
        • 用户访问量
        • 产品曝光量
  • 明确“用户需求”
    • 产品设计存在的“陷阱”
      • 立场的局限性，虚构了用户，弄错了需求
      • 用户群体差异性，导致需求复杂，所以需要大范围考查用户需要
      • 定义谁是我们的用户，才能进行正确的用户研究，以便于排列需求优先级
    • 策略
      • 用户细分（user segmentation）：将用户分为更小群组，具有共同关键特征
        • 从人口统计学角度（demographic）
        • 从消费心态档案角度（psycho-graphic profile）
          • 用于描述用户对这个世界，尤其是与你的产品有关的某个事物的观点和看法的心理分析方法
        • 其他考虑：用户对技术的熟悉与使用程度、用户使用信息的方式、用户的经验
    • 找到用户——可用性与用户研究
      • 市场调研方法：“问卷调查”、“焦点小组、“用户访谈”
      • 现场调查：在生活情境中进行实践研究
      • 任务分析
        • 基于用户与产品的交互行为都发生在执行某一任务的环境中，所以将用户完成任务的流程研究出来，可用过用户访谈与现场调查两种方式进行
      • 用户测试：邀请用户测试你即将上线的产品，或者低保真原型
        • 卡片排序法：用于探索用户如何分类或组织各种信息元素
      • 可用性（usability）：寻找令产品更容易使用的途径
    • 创建任务角色
      • 虚构人物，连接数据，使设计过程一直将用户放心里
    • 团队角色和流程
      • 团队中参与战略的，可以是战略专家也可是资深的决策层，但是不能忽略掉普通员工，他们的反馈很可能是真是的用户需求
      • 战略文档（strategy document）
        • 将产品目标与用户需求定义在一起，需要进行目标之间关系的分析，并且指出如何融入市场环境中
        • 分析取决于，决策者、普通员工、用户直接意见
        • 文档简洁
        • 共享阅读
• 第 4 章 范围层
  • 定义范围层所做的两件事情：这是一个有价值的过程，同时能产生有价值的产品
    • 过程：假设阶段，考虑潜在冲突和产品中粗略点，做解决方案的规划排列
    • 产品：明确项目要完成的全部工作，定义需要清晰具体
  • 行动策略
    • 用文档定义产品需求
    • 明确“哪些不需要现在去做”，形成长期规划
    • 当前难以满足的需求，可以成为启动下一版本的基础，形成不断循环开发
  • 功能与内容
    • “范围层”回答：“我们要开发的是什么？”
      • 功能型产品
        • 功能规格：哪些应该被当成软件产品的功能以及相应的组合
      • 信息型产品
        • 内容：我们需要编辑以及展现哪些内容
      • 软件的功能与提供的内容，被定义为特性
    • 内容常通过内容管理系统进行管理
      • 内容管理系统：实现内容生产的自动化流程，能展示和交付内容给用户
  • 定义需求
    • 需求可能适用于整个产品，又或者适用于特殊的特性
    • 需求的三种分类
      • 人们讲述的需求中，有些是清晰的好想法
      • 有些不清晰的用户需求，能被转化为解决问题的不同需求
      • 人们还未发现好处的特性，可以转变为需求
    • 找到潜在需求：将虚拟人物放在简短的故事中，通过用户经历顺利完成潜在需求
  • 功能规格
    • 功能规格的重点不是谢姐，而是包含设计或考法过程中有可能混淆的功能定义
    • 如何撰写功能规格
      • 乐观地描述，描述系统要去做什么事情，“防止”不好情况发生
      • 具体：尽可能详细地解释清楚状况
      • 避免主观预期：要能够提供数值、规范的参考支撑
  • 内容需求
    • 信息网站的展现形式就是内容需求，它由文本、图像、音频等构成
    • 信息网站提供FAQ（frequently asked question）
    • 内容需求要提供，每一个特性规模的大致预估：文本字数、图片像素、下载的文件字节、PDF或音频文件的大小
    • 要考虑到内容规划的需求，从产品规划上确定好内容更新的频率
    • 所有的内容信息都可以被记录在内容清单内
  • 确定需求优先级
    • 一个战略目标产生多个需求，一个需求可以满足多个战略目标
    • 需要评估：需求能否满足战略目标、需求实现的可能性多大
    • 有些特性需要和其他特性一起权衡，才能得到连贯、统一的产品
    • 留意可能改变战略的特性建议，要坚定战略目标，而不是根据需求去审视战略目标
    • 管理层常从产品特性引申到战略层
      • 大致意思就是，做好了这个目标，我们的产品就能怎么怎么样，而不是为了实现这个怎么样，我们需要做些什么
      • 这样的过程中就需要沟通的艺术