用户体验的要素-以用户为中心的Web设计 「读书笔记」

686 阅读5分钟

整理去年的读书笔记。

第1章 用户体验为何这么重要

  • 用户体验:产品如何与外界发生联系并发挥作用,也就是人们如何接触和使用它
  • 用户体验对于用户的忠诚度有很大的影响
  • 转化率是一种常用的方法,用来衡量用户体验的效果。
  • user-centered design

第2章 认识这些要素

五个层面。从上到下,从具体到抽象。

  • 表现层:看到的一系列图片、文字。视觉设计
  • 框架层:用于优化设计布局,按钮、表格、照片、文本区域的位置。信息设计、界面设计、导航设计
  • 结构层:结构层的具体表达方式是框架。是网站的结构,设计用户如何到达某个页面,离开后能去到哪里。交互设计(定义系统如何响应用户的请求)、信息架构
  • 范围层:各种特性和功能构成了范围层。功能规格(需求)、内容需求
  • 战略层:经营者想从网站得到什么(网站目标),用户想从网站得到什么(用户需求)

第3章 战略层

  • 网站目标
    • 商业目标
    • 品牌识别:用户在和网站交互时,企业的品牌形象就在用户脑海中形成了
    • 成功标准:单次访问时间、浏览量、日活、月活
  • 用户需求
    • 用户细分:将用户分为有不同需求的小组,小组间存在较大差异
      • 人口统计学:性别、年龄、教育水平、婚姻、收入
      • 心理方面:
      • 用户本身的技能
      • 和网站主要内容的贴合程度
    • 可用性
    • 用户研究
      • 市场调研方法:问卷、用户访谈、焦点小组。收集用户的普遍观点和感知。
      • 任务分析方法:现场调查。多用于理解具体的用户行为以及网站交互方面的信息。
      • 用户调研方法:用户测试。 请用户来测试你的产品,使用原型或成品网站。
    • 创建人物角色:从用户研究中提取出来的可称为样例的虚拟人物。可以提醒我们时刻记着用户的需求。
    • 网站目标和用户需求一般会被写入战略文档,这份文档应该被所有相关人员频繁使用。

第4章 范围层

  • 当把用户需求和网站目标 转变为 网站应该提供给用户什么内容和功能时,战略就变成了范围
  • 需要用文档来说明项目要求
  • 功能需求(规格)
    • 应该随时注意保持功能规格与开发的同步更新
    • 要具有乐观性、具体、避免主观性语气
  • 内容需求:
    • 各种错误提示
    • FAQ(Frenquently Asked Questions):随时提供用户普遍需要的信息
    • 内容需求应该提供每一个特性规模的大致预估:文本字数、图片像素、下载的文件字节
  • 确定需求优先级

第5章 结构层

  • 确定各个将要呈现给用户的选项的模式和顺序。
  • 交互设计(为用户设计结构化体验)
    • 应该为用户提供从错误中恢复的方式
    • 应该给用户提供预告,如警告
  • 信息架构(着重于设计组织分类和导航的结构)
    • 从上到下:先从广泛的、满足决策目标的潜在内容与功能开始进行分类;再从逻辑细分出次级分类
    • 从下到上:先从已有的资料开始,把他们放到最低级别的分类中,再将他们归属到高一级的类别
    • 结构质量最重要的标准,不是“整个过程一共需要多少步骤”,而是“用户认为每一步步骤都是合理的”,以及“当前的步骤是否延续了上一个步骤中的任务”
    • 信息架构的基本单位:节点
    • 结构方法
      • 层级结构(树状结构)
      • 矩阵结构:通常能帮助那些“带着不同需求而来的用户”在相同内容中寻找他们想要的东西
      • 自然结构:对于探索一系列关系不明确或一直在演变的主题是很合适的。如某些娱乐或教育网站
      • 线性结构:用于限制哪些所呈现的内容顺序对于符合用户需求非常关键的应用程序,比如教学资料
    • 组织原则:组织原则是我们决定哪些节点要编成一组,而哪些节点要保持独立的标准。网站最高层级的组织原则应该和“网站目标”和“用户需求”相关。eg:普通人根据汽车外观、型号和类型组织信息或许更适当;对于货车司机,汽车重量就变成了一个很重要的因素。
  • 命名原则:描述、标签等术语
    • “使用用户的语言”、“保持一致性”
    • 控制性词典:强调一致性。是网站使用的一套标准语言,确保大家都能使用用户的语言。
    • 创造类词词典:提供常用的,但未纳入该网站标准用语的词汇以供选择。

第6章 框架层

  • 界面设计
    • 与用户习惯保持一致
    • 避免比喻。减少用户在“理解和使用网站功能”时对心理的要求
    • 这个页面第一次呈现给用户的时候,仔细考虑每一个选项的默认值。
  • 导航设计
  • 信息设计
    • 错误消息
    • 说明信息
  • 页面布局需要将界面设置、导航设计、信息设计结合到一起,它被纳入一个详细的文档,“线框图”

第7章 表现层

  • 对比性和一致性
  • 字体等等