《用户体验的要素》

Imagemap
《用户体验的要素》第1章 用户体验为什么如此重要 日常生活中的遭遇什么是用户体验用户体验和网站竞争优势和投资回报率记住你的用户第2章 认识这些要素五个层面自下而上的建设基本的双重性用户体验的要素应用这些要素第3章 战略层:网站目标和用户需求战略层定义网站目标商业目标品牌识别成功标准用户需求用户细分可用性和用户研究可用性市场调研方法现场调查任务分析用户测试卡片排序人物角色团队角色和流程战略专家决策层可视的文档推荐阅读第4章 范围层:功能规格和内容需求范围层定义1.这样你才知道正在建设什么2.这样你才知道不需要建设什么功能和内容收集需求功能规格乐观具体避免主观的语气内容需求确定需求优先级推荐阅读第5章 结构层:交互设计与信息构架结构层的定义交互设计概念模型错误处理信息构架从上到下从下到上结构方法中心辐射矩阵结构自然结构线性结构组织原则语言和元数据团队角色和流程推荐阅读第6章 框架层:界面设计、导航设计和信息设计框架层定义习惯和比喻界面设计导航设计信息设计线框图推荐阅读第7章 表现层:视觉设计表现层定义忠于眼睛对比和一致性内部和外部的一致性配色方案和排版设计合成品和风格指南推荐阅读第8章 要素的应用实例:搜索引擎的实施提出正确的问题马拉松和短跑
hide《用户体验的要素》
hide第1章 用户体验为什么如此重要
leaf日常生活中的遭遇
leaf什么是用户体验

用户体验是指:产品如何与外界发生联系并发挥作用。

leaf用户体验和网站
leaf竞争优势和投资回报率

任何用户体验的优化,目的都是为了提高效率

leaf记住你的用户

以用户为中心的设计

hide第2章 认识这些要素
leaf五个层面

战略层—>范围层—>结构层—>框架层—>表现层

leaf自下而上的建设

战略层—>范围层—>结构层—>框架层—>表现层 抽象<————————————————>具体

leaf基本的双重性

1.网页作为软件界面——功能型 2.网页作为超文本系统——信息型

leaf用户体验的要素

1.战略层:用户需求,网站目标 2.范围层:功能规格,内容需求 3.结构层:交互设计,信息构架 4.框架层:信息设计,导航设计 5.表现层:视觉设计

leaf应用这些要素
hide第3章 战略层:网站目标和用户需求
leaf战略层定义

1.我们要从网站得到什么?——网站目标 2.用户要从网站得到什么?——用户需求

hide网站目标
leaf商业目标
leaf品牌识别
leaf成功标准
hide用户需求
leaf用户细分
hide可用性和用户研究
leaf可用性

用典型用户验证设计方案的实践过程

leaf市场调研方法
leaf现场调查
leaf任务分析
leaf用户测试
leaf卡片排序
leaf人物角色

让你研究的用户更真实

hide团队角色和流程
leaf战略专家
leaf决策层
leaf可视的文档
leaf推荐阅读
hide第4章 范围层:功能规格和内容需求
hide范围层定义

从战略层出发考虑:网站应该提供什么样的内容和功能。

leaf1.这样你才知道正在建设什么
leaf2.这样你才知道不需要建设什么
leaf功能和内容

范围层确定的是功能需求或功能规格文档 1.项目初期的需求:描述系统应该做什么 2.项目末期的说明:描述系统真正完成了什么

leaf收集需求

将战略层创建的虚拟人物,放在场景中,“想象我们的用户将会经历的过程”

hide功能规格
leaf乐观
leaf具体
leaf避免主观的语气
leaf内容需求
leaf确定需求优先级
leaf推荐阅读
hide第5章 结构层:交互设计与信息构架
leaf结构层的定义

结构层是指将分散的范围层的片段组成一个整体,为网站创建一个概念结构,它定义了网站将用什么方式来运作。

hide交互设计

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

leaf概念模型

概念模型是指“交互组件将怎样工作”

leaf错误处理
hide信息构架
leaf从上到下
leaf从下到上
hide结构方法

信息构架的基本单位是“节点”

leaf中心辐射
leaf矩阵结构
leaf自然结构
leaf线性结构
hide组织原则

节点在信息构架中的安置需要依据组织原则

leaf语言和元数据
leaf团队角色和流程

文档要描述清楚网站的结构——从命名原则和元数据的具体细节,到信息构架和交互设计的整体概况——根据项目的复杂度不同而不同。

leaf推荐阅读
hide第6章 框架层:界面设计、导航设计和信息设计
leaf框架层定义

结构层定义了网站将用什么方式来运作,框架层则用于确定用什么样的功能形式来实现。

leaf习惯和比喻

1.习惯和反射作用是我们与这个社会交互时的基础。 2.熟悉和遵循用户的习惯。 3.但这不必死守用户习惯,当另一种不同方式有明显益处的时候,可以谨慎的违背一些习惯。 4.成功的用户体验要求在做每个决定时都有充分的、明确的理由。

leaf界面设计

1.成功的界面设计是:让人一眼就看见“最重要的东西”的界面设计。 2.反过来,不重要的东西,不应该被注意到。 3.复杂系统的挑战之一,是弄清楚用户不需要知道哪些东西,并减少他们的可视性,或者完全把它们排除出去。 4.为用户想完成的任务选择正确的界面元素,通过一种能迅速理解和易于使用的方式,把他们放在页面上。

leaf导航设计

同时完成3个目标: 1.提供用户在网站间跳转的方法。 2.必须传达出这些元素和它所包含内容的关系。 3.必须传达出它的内容和用户当前浏览页面之间的关系。

leaf信息设计
leaf线框图

1.页面布局:是将信息设计、界面设计和导航设计放置在一起,形成一个统一的、有内在凝聚力的架构的地方。 2.页面布局被纳入一个详细的文档,成为线框图或者页面示意图。

leaf推荐阅读
hide第7章 表现层:视觉设计
leaf表现层定义

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

leaf忠于眼睛

1.你的视线首先落在什么地方? 2.那个设计要素在第一时间吸引了用户的注意力? 3.它们对于战略目标来讲是很重要的东西么? 4.用户第一时间注意到的东西和他们(或你的)目标背道而驰么?

leaf对比和一致性
leaf内部和外部的一致性
leaf配色方案和排版
leaf设计合成品和风格指南
leaf推荐阅读
hide第8章 要素的应用
leaf实例:搜索引擎的实施
leaf提出正确的问题
leaf马拉松和短跑