《用户体验要素》总结

《用户体验要素》
总结:条理清晰,科普性质。
有人说本书一张图就足够了:

图源见图片

以用户为中心为什么重要

  • 看了用了不一定买账,假设36个用户用了你的软件,3个人决定使用。8.33%的转化率。
  • 当两个产品之间提供的功能并没有巨大差异的时候,用户对产品的体验好坏,使用感受,就会成为作出决定的重要因素。
    基于以上考虑
  • 考虑用户体验
  • 把用户体验的分模块,情景讨论清楚要素
  • 从不同角度了解用户体验。

“用得舒服”可以说是最高评价。

一个完整的“设计用户体验”的五个层面的要素

关键三问:看起来怎么样,怎么使用,它能让你做什么。

  • 表现层 surface

一系列的网页,由图片和文字组成。

  • 框架层skeleton

按钮,表格,照片,和文本区域的位置

  • 结构层 structure

确定项目各种特性和功能的最适合的组合方式

  • 范围层 scope(一般称作版本基线)

功能和特性是否要纳入网站,就是范围。

  • 战略层 strategy

经营者和用户分别想从网站得到什么

以上几个层面,从下到上决定每一层的可选择范围。是做淘宝还是微博,是做大圈子还是做小圈子,是做熟人关系的小圈子还是付费会员制的小圈子,是做一次性付费还是按月?是做知识付费还是服务付费?知识付费的话,重心是有大V还是有现成资源?
......

  • 从下向上,从最终目的到表层展现,具有某种连锁性质的约束和效应
    不能为房屋加屋顶

战略层:网站目标和用户需求

从战略层来看

当我们越能清楚明确的表达我们想要什么,以及确切的知道其他人想要从我们这里得到什么,就能越明确的满足双方的需求。
换句话说,用户调研。

范围层:网站目标和用户需求

一个有价值的过程导致一个有价值的产品

  • 过程:确定现在能解决的事情,以及哪些事情迟些才能解决。——项目实现的优先级进度规划
  • 产品: 给团队一个参考点,保证在开发过程中不会出现模棱两可的情况
  • 工作流程,日程安排,里程碑:——定期报告总结
    1. 这样你才知道正在建设什么
    2. 这样你才知道不需要建设什么

功能和内容

  • 软件式网站:哪些应该被成为软件产品的“组成部分”——功能规格

    项目初期阶段需求:描述系统应该做什么
    项目末期阶段需求:描述系统真正完成了什么
    PS:总的来说就是阶段性清帐

  • 文本式网站:编辑和营销推广确定内容范围——内容管理系统

    内容管理系统必备的功能取决于你要管理的内容的性质
    功能需求常常伴随着内容需求

收集需求

  • 人们讲述的,他们想要的东西
  • 用户实际想要的东西
  • 人们不知道他们是否需要的特性

功能规格

  • 存在问题

    阅读起来枯燥,占用大量编码时间,没有人读。
    实施过程中事情会发生变化——维护功能规格,及时更新(重要)

  • 撰写规则

    乐观,描述这个系统要做什么“防止”不好的事情发生,而不是描述“不应该”
    具体,尽可能详细描述清楚状况
    避免主观的语气,保持明确,避免歧义

  • 内容需求

    • 确定文本的字数,图片的像素,下载文件的字节等基本元素
    • 确认某个人来负责某一个内容元素
    • 日常维护工作
    • 每一内容元素的更新频率
    • 如何呈现他们

确定需求优先级

优先级别是决定人们所建议的相关特性的首要因素

结构层:交互设计与信息构架

结构层的定义
确定各个将要呈现给用户的选项的模式和顺序

  • 交互设计:作为界面的网页,为用户设计结构化体验
  • 信息架构,作为超文本网页,内容建设通过信息架构构建用户体验
  • 它们关心的是理解用户,用户的工作方式和思考方式。

交互设计

  • 交互设计关注与描述「可能的用户行为」,同时定义「系统如何配合与响应」
  • 用户与软件的和平相处。

概念模型

  • 交互组件将怎样工作——概念模型

    这是内容元素还是用户访问的位置还是用户请求的对象?
    以购物车为例,使用用户熟悉的概念模型能使用户很快适应不熟悉的网站。

错误处理
当人们犯错误的时候,系统如何反应,如何防止用户继续犯错?

  • 1 将系统设置为不可能犯错的那种
  • 2 错误难以发生,系统帮助用户找出错误并修正它们
  • 当用户完成动作后才发现做错了,系统应该为用户提供从错误中恢复的方式(重做)
  • 当无法恢复时,提供大量警告。

信息架构

  • 信息架构着重于设计组织分类和导航的结构,从而让用户高效率,有效的浏览网页内容。
  • 信息架构的分类体系


结构方法

  • 信息架构的基本单位是节点
  • 节点对应任意的信息片段和组合,节点的的安排方式

    在层级结构(树状结构,中心辐射结构),节点和其他相关节点之间存在父级/子级 关系;
    在矩阵结构中,允许用户在节点与节点之间沿着两个或更多的“纬度”移动。
    在自然结构中,不遵循任何一只的模式,节点被逐一连接,用于关系不明确或演变中的主题。
    在线性结构中,最基本的信息结构类型,逐一而连贯。

组织原则

  • 我们决定哪些节点要编成1组,哪些节点要保持独立的标准即组织原则。
  • 应创建一个与“网站目标”和“用户需求”相对应的正确的结构
  • 界面:内容不同的属性,使用错误的界面比没有使用界面更糟糕。

语言和元数据

  • 命名原则:描述,标签和网站使用的其他术语。
  • 控制性词典:保证网站「使用用户的语言」并「保持一致性」
  • 元数据:关于信息的信息,即以一种结构化的方式来描述内容。

团队角色和流程

框架层:界面的设计,导航的设计,和信息设计

框架层的定义
确定用什么样的功能形式来实现

  • 界面设计:确定框架,“按钮,输入框,界面控件”的领域。
  • 导航设计:呈现信息
  • 信息设计:呈现有效的信息沟通

习惯和比喻

  • 如果我们减少很多反射作用,每天能完成的事情会大大减少
  • 避免比喻,就是要减少用户在“理解和使用新功能”时对心理的要求。

界面设计

  • 成功的界面设计是哪些能让用户一眼就看到“最重要的东西”的界面设计。
  • 一个设计良好的界面是要组织好用户最常采用的行为,同事让这些界面元素用最容易的方式获取和使用。

    技巧1 界面第一次呈现给用户的时候,仔细考虑每一个选项的默认值;
    技巧2 自动记住用户最后一次选择状态的系统

  • 为用户想完成的任务选择正确的界面元素,通过一种能迅速理解和易于使用的方式,把他们放置到页面上去。
  • 错误信息以及说明信息的设计——如何让用户真正去阅读这些文字?

导航设计

  • 任何一个网站的导航设计必须完成以下3个目标
  1. 必须提供给用户一种在网站间跳转的方法(真实有效的链接)
  2. 必须传达出这些元素和它们所包含内容之间的关系。

    这些链接时间有什么关系?
    是否其中一些比别的更重要?
    他们之间的差异在哪里
    PS:哪些链接对用户是有效的?

  3. 必须传达出它的内容和用户当前浏览页面之间的关系
几种常见的导航系统

信息设计
最终目的:反映你的用户的思路,支持他们的任务和目标

线框图
页面布局是将信息设计,界面设计,导航设计放置到一起,形成统一,有内在凝聚力的架构的地方。

真滴可爱

表现层:视觉设计

表现层的定义

  • 弥补网站框架层的逻辑排布的视觉呈现问题。

忠于眼睛

对比和一致性

  • 对比,帮助用户理解页面导航元素之间的关系,传达信息设计中概念群组的重要手段。
  • 一致性,使你的设计有效的传达信息——如,基于网格的布局。

内部的一致性和外部的一致性

  • 内部:在网站的不同的地方反映了不同的设计方法
  • 外部:在其他产品中,反映出被使用的,相同的设计方法

配色方案和排版

柯达标志的演变

设计合成和风格指南

  • 设计合成品:视觉设计领域中对线框图最直接的摸拟物

换句话说,就是高保真原型 or UI 设计稿

  • 风格指南文档:确定视觉设计的每一方面,从最大到最小范围内的所有元素:
    • 设计网格,配色方案,字体标准,标志应用指南。
    • 某一模块或网站功能的具体标准
    • 预防随着员工的变动,而使企业集体失忆。

换句话说,就是视觉规范,企业VI

总结

要素的应用
  • 了解你正在试着去解决的问题
  • 了解你解决办法所造成的结果
  • 用户体验的决策出现在细节中

面对需要解决的纠缠不休的小问题,抱有正确的心态
比赛开始以后不需要顾虑太多的想法是错误的。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容