用户体验要素pdf

㈠ 完整的用户体验要素包含哪些

当有多款产品能够满足用户同一种需求的时候，市场就出现竞争。这个时候比拼的就不仅仅是产品功能或内容了，而是一个更宽泛的概念——用户体验。简单来说，就是用户能够从一款产品获得更多喜欢的东西，用得也更爽，那这款产品的用户体验就更好。如果仔细琢磨，这里面涉及的东西非常多，我们来分析一下。

所有能影响用户体验的要素可分成五个层次：战略层、范围层、结构层、框架层、表现层。设计时这五层的要素要统筹考虑但有先后顺序，按照战略层——范围层——结构层——框架层——表现层的顺序。这五层在产品设计中层层推进，从抽象的概念到具体的产品。

战略层要明确产品的战略目标，包括用户需求和产品目标。产品的最终目标是要满足用户的某种需求。任何脱离了真实用户需求的产品都难逃败局。因此设计产品的首要是要研究清楚用户需求。用户需求包括功能需求、性能需求、内容需求等。用户研究的方法包括问卷调查、用户访谈、焦点小组、用户测试、任务分析、现场调查、创建用户角色等。当然首先要对用户进行准确定位。严格说，产品目标并非用户需求，它是产品供给方的需求，通常是某种商业需求，比如注册用户数、留存率、活跃度、营收、品牌知名度等。战略目标要形成文档，发给产品相关的每个人。

战略层弄清楚的是“用户想要什么”、“我们想要什么”，范围层要弄清楚的是产品应该提供什么功能和内容才能满足这些需求。对于功能型产品最终形成产品功能规格说明，对于内容型产品最终形成内容需求列表。这些都要形成文档，以明确我们需要做什么，不需要做什么。描述时应尽量具体，准确，可度量。范围层的工作对用户体验的影响是至关重要的。很难想象一个用户在上面找不到自己想要的功能和内容的产品还能存在下去。

用户需求不能直接作为产品的功能和内容需求，它们之间也不是简单的一对一的关系（虽然有时候是）。用户能说清楚的需求可以直接作为功能或内容需求。很多时候用户说不清楚自己的需求甚至根本都提不出需求，这时就有赖于我们善于洞察需求本质。比如在汽车还没出现之前，人们想要的不过是一匹跑得飞快的马。分析一下即可发现用户的需求是出门更加便捷，如果你能提供一辆汽车，那对用户来说绝对是一个惊喜。

当然并非所有的用户需求都会放入开发范围，你还要考虑需求的可行性。需求的实现受到各种因素的限制，技术、资金、工期、历史遗产等。确定最终功能和内容需求时，确定需求的优先级非常重要。资源有限，产品初期可以只完成核心功能，保持灵活性，后面再根据市场反馈快速迭代版本。

范围层确定了产品应该提供的功能和内容，但这些都还是以零散的方式存在。结构层的目标是要设计一个概念结构，将零散的产品需求组织成用户易于理解使用的整体。在结构层，功能型产品主要做交互设计，内容型产品主要做信息架构。这两项工作的核心是要理解用户，理解用户的心理、行为、工作方式。

交互设计关注“用户可能的行为”，以及“产品该如何配合和响应”。好的交互设计是用户所有的行为都在你的预期内，不管用户是自然行为还是被你引导的。交互设计中一种有效方法是设计概念模型。所谓概念模型即是通过类比等方法将用户生活中已经熟悉的概念与产品的特性联系起来，让用户更容易理解产品，使用起来也更加自然。比如电商网站上购物车的概念就来源于实体超市。电商用户将商品放入购物车，然后在购物车内结账付款，与实体超市中的流程基本一致，这样用户使用起来就非常自然没有任何障碍。

信息架构关注的是内容如何呈现给用户，也就是内容如何组织。好的信息架构能让用户非常容易的找到自己想要的内容。也并非寻找内容的操作步骤越少越好，而是让用户觉得整个过程很合理，很清晰。通常会提供分类、排序、搜索、筛选等功能。信息架构的类型有层级结构、矩阵结构、自然结构、线性结构。

在结构层我们界定了产品将以什么样的方式运作，那么在框架层我们要确定应该提供什么样的功能和形式来实现。结构层都是一些概念性的结构，框架层则是将这些结构具体化成用户直接接触的产品要素。对于功能型产品主要是通过界面设计来确定框架，界面设计就是大家熟悉的按钮、文本框以及其它控件的领域。对于内容型产品主要是通过导航设计来确定框架，导航设计关注如何让用户在内容间移动。还有一项工作是信息设计，关注如何帮助用户理解和使用产品，是两种产品类型都要做的工作。

界面设计的主要任务就是选择控件帮助用户完成任务。界面应尽可能的保持简洁，分清哪些是该让用户看到的控件，隐藏不该让用户看到的。对于某些重要或希望突出的的功能要能吸引用户注意力，让用户一眼就能看到。好的界面设计最主要的是要将用户常用的功能组织好，让用户易于发现和使用。

有时不同的控件可以实现同样的功能，比如下拉列表可以实现让用户选择一个单一的选项，一组单项选择按钮也可以。但它们的特点不一样，下拉列表的好处是节省空间，一组单项选择按钮的好处是可以让用户直接看到所有的选项。具体如何选择要依据特定的用户场景。

界面设计一些好的经验包括：在用户首次访问界面时通过设置默认值让大部分用户更便捷；记住用户上次访问时的一些状态值，让用户不必重复输入，等等。

导航设计简单说就是在页面上添加一些链接，使得用户能够在不同页面间跳转。但好的导航设计应该能够符合以下三条标准：（一）能够帮助用户理解产品整体的页面结构；（二）能够帮助用户明确自己目前所处的位置；（三）能够帮助用户去他想去的地方。其实这三条标准也是来源于人类在现实世界中的导航方式。试想一下在现实世界，你是怎么导航的，你会先通过观察了解自己所处空间，接着确定自己的位置，然后再找自己想去的目的地的路径。

具体的导航方式包括：全局导航、局部导航、辅助导航、上下文导航等。在具体产品中，通常灵活组合使用。

信息设计通常充当各种各种界面元素粘合剂的角色，决定如何向用户呈现界面，以方便用户理解和使用。信息设计的范围很广，涉及视觉设计、界面元素的分类整理、导航等。信息设计在导航方面的作用体现在指示标识。与导航链接作用一样，指示标识也是帮助用户理解他们目前的位置与他们可去的地方，常见的是颜色标识。指示标识在我们日常生活中随处可见，公路、商场、停车场……

信息设计时要能反映用户的思路，按照他们所理解和熟悉的方式来组织呈现界面元素，毕竟目的是为了帮助用户完成任务。用户在产品上的行为模式最好能与他们已有的行为习惯保持一致性。也可以适当的运用一些比喻手段，帮助用户理解产品特性，但过度的比喻用户不一定都能准确理解，如果让用户来猜是什么意思就适得其反了。

表现层要做的是产品的感知设计。人类的感知包括视觉、听觉、触觉、嗅觉、味觉。本文主要是关注互联网产品，因此只讨论视觉。界面设计确定了界面元素在逻辑上如何组织（分类、排序、布局等），视觉设计就是要确定界面在视觉上如何呈现给用户。好的视觉设计效果不仅是美观，更重要的是“运作良好”，即视觉设计是否体现了产品结构，是否实现了战略目标，是否有效传达了品牌形象等。

好的视觉设计在于对用户注意力的良好引导。用户在访问产品的过程中视线应该很流畅，不会觉得拥挤或混乱，而是被自然的引导，完成任务或是找到自己想要的内容。人类的视线移动很多时候都是下意识的、本能的，因此可以通过一些视觉手段来有意的引导用户注意力。方法包括：

对比。对比可以是颜色、形状、大小。如果一个界面元素在视觉上很特别，会很容易吸引用户的注意力。因此一些对战略目标很重要的界面元素可以运用一些特别的视觉效果。对比还可以很好的用于将不同分组的界面元素或是不同栏目的内容很好的区分开来。但对比使用过度也会造成视觉上的混乱。

一致性。具有相同功能的界面元素应该保持一致的视觉效果，否则会给用户造成使用上的困惑。

好的视觉设计还能有效传递品牌识别。色彩是最常用的品牌识别，比如加多宝的红色，网络的蓝色，360的绿色。一个产品应该有统一的配色方案。除此之外，企业通常会制定风格指南来对配色、字体、图标等进行规范。

用户体验设计包含哪些层次，每个层次都包含哪些要素，怎么设计每个要素会带来好的用户体验，就分析到这里了。下面给一张用户体验要素的示意图帮助记忆。

本文主要观点来自于《用户体验要素》一书，谢过。

㈡ 读书笔记—用户体验要素

技术产品由人们制造。当产品满足人们的需要时，他会被赞扬；反之，会被指责

1.日常生活中的遭遇

生活中不好的产品体验日积月累，会对我们心情产生一系列影响。必须要引起重视

2.什么是用户体验

用户体验是指 “产品如何与外界联系并发挥作用” ，也就是人们如何 “接触” 和 “使用” 它

3.从产品设计到用户体验设计

产品设计思维关注“ 功能 ”，强调 “外形服从功能”

用户体验设计思维要解决的是应用环境的综合问题，关注 “用户自身的心理感受和行为”

4.为体验而设计：使用第一

将用户体验纳入产品设计的原因：产品越复杂，确定如何向用户提供良好的使用体验就越困难

5.用户体验和网站

网站的用户体验感受比任何产品都显得更重要，从创建成功的网站用户体验了解到的知识能帮助更大范围的应用

用户体验能形成客户对企业的整体印象，界定和竞争对手的差异，决定用户是否再次光顾

6.用户体验就是商机

转化率 对于商务产品十分重要， 任何在用户体验上的努力的目的都是为了提高效率

提高转化率的形式：

a.帮助人们工作得更快

b.减少他们犯错的几率

7.在乎你的用户

创造吸引人的、高效的用户体验的方法称为： “以用户为中心的设计”

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

用户体验的开发流程要考虑到用户有可能采取的行动的每一种可能性；

为此要把设计用户体验的工作分解成各个组成要素来帮助我们更好地了解整个问题。

1.五个层次

表现层： 由图片和文字组成的具体视觉呈现 （做成了什么样子？）

框架层： 按钮、控件、照片和文本区域的位置，用于优化设计布局。结构的具体表达方式 （要做成什么样子？）

结构层： 确定产品的特性和功能最合适的组合方式。交互设计及其信息架构 （怎样做？）

范围层： 功能及其内容需求整合 （需要做哪些？）

战略层： 产品目标和用户需求 （做什么、为谁做？）

2.自下而上地建设

每一个层面都是根据它下面的那个层面决定的， 战略层上的决定具有自下上而上的“连锁效应”。

3.基本的双重性

将产品类型分为2大类型：

功能型的平台类产品： 重点关注 任务 ，所有的操作被纳入一个过程，去思考人们如何完成这个过程。

信息型的媒介类产品： 重点关注 信息 ，创建一个富信息的用户体验（可以寻找、理解、有意义的信息组合）。

4.用户体验的要素

表现层： 为用户创造感知设计（视觉设计）。

框架层： 完成信息的设计；功能型产品—界面设计、信息型产品—导航设计。

结构层： 功能型产品—交互设计、信息型产品—信息架构。

范围层： 功能型产品—创建功能规格、信息型产品—内容需求。

战略层： 来自企业外部的用户需求是产品的目标—了解用户想在产品中得到什么，和如何满足它们。

5.应用这些要素

2个因素对最终的用户体验产生影响：

内容： 给用户提供有价值的内容是产品最重要的事情。

技术： 产品能提供给用户的体验状态主要是由技术来决定的。

明确清晰的“战略”是成功的用户体验的基础。

知道企业与用户双方对产品的期许和目标，有助于促进用户体验各方面战略的确定。

1.战略层定义

导致产品失败最常见的原因不是技术、也不是用户体验；而是 定位不清晰。

产品目标： 我们要通过产品得到什么？

用户需求： 我们的用户通过产品能得到什么？

2.产品目标

为了明确战略，第一步要检查自己的产品和服务目标。

商业目标： 为了创造成功的用户体验，必须保证我们的决策的合理性，明确定义“成功的条件”。

品牌识别： 它无法不被用户注意，在用户与产品交互的同时，企业的品牌印象就形成了。

成功标准： 一些可追踪的指标来验证产品是否满足了商业目标和用户需求。

3.用户需求

用户的需求是复杂的，因为用户之间存在着很大的差异性。 要定义谁是我们的用户。

用户细分： 使用 人口统计学 和 消费心态档案 等方法来进行用户人群的细分。

可用性和用户研究： 通过 用户研究 来收集必要的用户信息来了解用户的需求；常见的方法有 市场调研方法、现场调查、用户测试、测试原型、卡片排序法...

创建人物角色： 收集各种用户数据是非常有价值的，通过 创建人物角色（用户模型） 可以让你的用户更加真实。

4.团队角色和流程

团队中除了关注专家和决策层的意见，还要倾听普通员工的想法； 后者往往比他们的经理更知道在用户需求方面“什么行得通”和“什么不可行”。

战略是设计用户体验流程的起点； 战略是可以演变和改进的。当战略被系统地修改与校正时，这些工作能成为贯穿整个过程的。可持续的灵感源泉。

范围层包括功能规格和内容需求；

当你把用户需求和产品目标转变成产品应该提供给用户什么样的内容和功能时，战略就变成了范围。

1.范围层定义

定义项目范围： 这是一个有价值的过程，同时能产生有价值的产品 。

过程的价值： 当事情处于假设阶段时，它能迫使你去考虑潜在的冲突和产品中一些粗略的点？

产品的价值： 被定义的产品给整个团队一个参考点

使用文档来定义需求：

a.这样你才知道你正在建设什么

b.这样你才知道你不需要建设什么

2.功能和内容

战略层： 我们为什么要开发这个产品

范围层： 我们要开发的是什么？

功能型产品 考虑的是 功能需求规格

信息产品 考虑的是 内容（编辑和营销推广的传统领域）

3.定义需求

需求的详细程度取决于项目的具体范围；头脑风暴会议是一种打开设计者思路，收集点子的好工具。

4.功能规格说明

撰写功能规格说明文档十分重要， 文档要清晰和准确 ：

乐观（be positive）

具体（be specific）

避免主观语气（aviod subjective language）

5.内容需求

使用 内容清单 来记录内容的信息，方便团队协作。

6.确定需求优先级

项目范围是建立在战略层的基础上的， 我们应该去评估这些需求是否满足我们的战略目标（产品目标和用户需求）

还需要确定第三种范围： 实现需求的可能性多大

㈢ 《用户体验的要素以用户为中心的Web设计》pdf下载在线阅读，求百度网盘云资源

《用户体验要素》（Jesse James Garrett）电子书网盘下载免费在线阅读

资源链接：

链接：https://pan..com/s/1V5BP07GBeBD1mF0aF4yf2w

书名：用户体验要素

作者：Jesse James Garrett

译者：范晓燕

豆瓣评分：8.3

出版社：机械工业出版社

出版年份：2011-7-1

页数：172

内容简介：《用户体验要素:以用户为中心的产品设计(原书第2版)》是AJAX之父Jesse James Garrett的经典之作。本书用简洁的语言系统化地诠释了设计、技术和商业融合是最重要的发展趋势。全书共8章，包括关于用户体验以及为什么它如此重要、认识这些要素、战略层、范围层、结构层、框架层、表现层以及要素的应用。

《用户体验要素:以用户为中心的产品设计(原书第2版)》用清晰的说明和生动的图形分析了以用户为中心的设计方法（UCD）来进行网站设计的复杂内涵，并关注于思路而不是工具或技术，从而使你的网站具备高质量体验的流程。

作者简介：Jesse James Garrett是Adaptive Path的创始人之一。Adaptive Path是一家位于美国旧金山(San Francisco)的用户体验咨询公司。从1995年开始，Jesse帮助一些企业改进他们的网站，其中包括AT&T、Intel、Boeing、Motorola、Hewlett-Packard和美国国家公众广播等。他在用户体验领域的贡献，包括“视觉辞典（The Visual Vocabulary）”─一个为规范信息架构文档而建立的开放符号系统─现在这个系统在全球各个企业中得到了广泛的应用。他的个人网站www.jjg.net是提供信息架构资源的网站中最受欢迎的一个，他同时也是信息架构和用户体验的积极倡导者。

2005年2月，Jesse James Garrett发表了《Ajax：A New Approach to Web Applications》一文，标志着Ajax的诞生。由此，他被称为“Ajax之父”。

㈣ 阅读笔记｜《用户体验的要素》：深度分析用户体验

读书时间：2017.9.2-9.11日

笔记作者:Miuka

前文：

毕业后进入互联网行业里从事设计工作后，关于如何设计一个好的产品一直离不开的一个话题就是 “如何提升用户体验”。

其实用户体验早已不是什么新鲜的词汇了，也不仅仅只是设计行业才需要被提及的专业术语。

用户体验这个词最早被广泛认知是在上世纪90年代中期，由用户体验设计师唐纳德·诺曼（Donald Norman）所提出和推广。

近些年来，计算机技术在移动和图形技术等方面取得的进展已经使得人机交互（HCI）技术渗透到人类活动的几乎所有领域，尤其是移动端设备越来越被广泛接受。这导致了一个巨大转变──（系统的评价指标）从单纯的可用性工程，扩展到范围更丰富的用户体验。这使得用户体验（用户的主观感受、动机、价值观等方面）在人机交互技术发展过程中受到了相当的重视，其关注度与传统的三大可用性指标（即效率，效益和基本主观满意度）不相上下，甚至比传统的三大可用性指标的地位更重要。

在网站设计的过程中有一点很重要，那就是：要结合不同利益相关者的利益──市场营销，品牌，视觉设计和可用性等各个方面。市场营销和品牌推广人员必须融入“互动的世界”，在这一世界里， 实用性是最重要的 。这就需要人们在设计网站的时候必须同时考虑到市场营销，品牌推广，和审美需求三个方面的因素。

用户体验就是提供了这样一个平台，以期覆盖所有利益相关者的利益──使网站容易使用、有价值，并且能够使浏览者乐在其中。这就是为什么早期的用户体验着作都集中于网站用户体验的原因。

本书的全名为《用户体验的要素-以用户为中心的产品设计》，共分为八个章节，163页的纸张不算多，集中的阅读，半天的时间便可以读完。这次通过组织抱团读书会和伙伴们一起读完了这本被称为用户体验入门经典书籍，我把它比作是了解用户体验的基石，提升设计思维修炼技能级的必读物，读完本书，总结笔记一篇，作为重新的梳理和回顾。

来自生活中的思考： 在我们的日常生活中，用户体验是常常被忽视的，因此造成很多生活和工作上过于“窘迫”的后果，无论是电子设备还是公共设施，估计大家都能一下子想起很多糟糕的例子。

许多的设计者和生产者貌似只关注产品将要用来做什么，却忽略了最重要的一点：“产品如何工作”， 用户体验是指“产品如何与世界发生联系并发生作用”，用户如何“接触”并“使用”它。 它更多的强调的是使用者在使用过程中的使用体验“难不难？”“容不容易学？”“感觉如何？”

从过去的产品设计的思路到强调用户体验设计的思路，前者更容易从产品的 感官和功能方面来设计，更容易形成“外形服从于功能”的观点。 但是后者往往解决的应用环境的综合问题： 兼顾视觉和功能两方面的问题之外，同时解决产品面临的其它问题。 而产品越复杂，确定提供给用户良好体验的方法就越困难。

用户体验的要素共分为五个层面： 表现层，框架层，结构层，范围层，战略层。

这是一个最基本的架构，只有在这个架构上我们才能讨论用户体验的问题，以及用什么工具来解决体验的问题。在每个层面中，我们要处理的问题有的抽象有的具体，在最底层的时候（战略层）我们只关心网站/产品如何满足企业的目标和战略以及用户的需求，而越往上层，我们要做的决策就越来越具体，涉及越来越细致的细节。

每个层面都由它下面的一个层面来决定，当我们的在做决定的时候没有和上下层面保持一致，项目就会偏离正常的轨道，具有“自下而上”的连锁效应。

主要关注的是来自企业外部的用户需求（用户想从我们这里得到什么？）以及我们自己对于网站的期望目标/产品目标/商业目的（通过该网站得到多少的盈利，占领多少的市场份额等等）

两个问题

三个目标

关于用户需求,用户要通过这个产品得到什么？： 我们并非为“理想化”的用户而设计，而是需要去了解他们是谁，他们的需求是什么，通过对用户的细分进行用户群的研究，利用用户研究和可用性的方法收集他们的信息最终创建用户角色模型。

如果一个项目没有里程碑，也看不到项目范围，也不知道它什么时候结束是一件很麻烦的事情。因为需要文档来定义需求，这样做的原因有两点：

1. 知道你要建设什么： 详细的记下你现在正在建设的内容，每个人都会知道

2. 知道你不需要建设什么 ：如果你不能有效管理你的需求，将会陷入可怕的范围蠕变。

功能和内容

从战略层的“为什么要开发这个产品”转变到“ 我们要开发什么内容。”

范围层确定的是 全部的功能需求或者功能规格 ，在项目初这个词表示需求，描述系统应该做什么，在项目末这个词表示功能规格，描述系统真正完成了什么。 正确的顺序是功能规格在功能需求之后写才可以。

定义范围层的需求

需求的详略程度取决于它的范围。而需求的最佳源泉就是询问用户，在用户身上去挖掘需求。

在范围层中必不可少的是撰写功能规格说明，文档不能解决问题，但定义可以，因此 需要文档足够的清晰和准确。

为什么要写功能需求文档

对于有大量内容的项目而言，很多关于内容的信息都记录在一个内容清单，这也许很枯燥，但是能让团队的每个成员都知道他们将为用户体验付出哪些工作了。

如何确定优先级

1.有时候一个战略目标可能对应多个需求，有时候一个需求可能满足多个战略目标。因此我们除了需要考虑这些需求 是否能满足我们的两个目标 ，还需要考虑的是 “可行性多大” 。有些会因为技术限制无法实现，有些则会因为时间有限而需要放到下一个版本中去。很少有功能是独立存在的，只有把某一个特性和其它的部分一起考虑进去，才能得到一个连贯的，统一的整体产品。

2.与战略层的制定者发生矛盾冲突的情况时常会出现，如果你能保证他们说关注的特征能通过另一种形式表现出来，并对他的需求表示认同，那么解决问题就会顺利很多，这就需要团队中的任何成员都需要掌握沟通的技巧。

交互设计和信息架构的异同点

关于交互设计

1.用户对于"交互组件将怎样工作“的观点称为概念模型，例如”购物车“在典型电子商务网站的概念模型是一个容器。这个概念模型会同时影响它的视觉设计和界面使用语言。但是将现实世界中相对应的实物的比喻放入概念模型中可能会有一定价值，但是不要一字不落的照搬照抄。切勿”过分运用“。

2.交互设计会处理每一个级别的错误，以确保更高比例的用户能有积极的体验。

信息架构

只要人与人之间有信息要传达就必须要选择并组织这些信息，以保证别人能理解并使用它们。信息架构研究的就是人们如何认知信息的过程，关注呈现给用户的信息是否合理并具有意义。

信息架构的分类体系方式：

1.从上到下是从战略层所考虑的内容进行结构设计。但是局限是重要的细节被忽略

2.从下到上的架构方法是由范围层驱动，据显示肯能导致架构过于精确的反应了现有的内容而不能灵活的容纳未来内容的变动或者增加。

3.一个适应性强的信息架构喜用，能把新的内容作为现有结构的一部分容纳进来，也可以把新的内容当成一个完成的部分加入。

4.信息架构的基本单位是节点，可以小到一个数字，大到一个图书馆，当时我们要处理的是节点，而不是页面，文档或组件。

层级结构的常见类型

1.矩阵结构：允许节点与节点之间沿着两个或者多个维度移动

2.自然结构：不遵循任何一致的模式，没有太强烈的”分类“的概念，比较适合想要鼓励想要自由探险感觉的娱乐或者教育网站。

3.线性结构：来自你最熟悉的乡下媒体，连贯的语言流程是最基本的信息结构类型。

组织原则：

你在产品最高层级使用的组织原则应该紧密的与”网站目标“和”用户需求“相关。而在结构中较低的成绩，内容与功能需求将对你所采取的组织原则产生重大影响。

语言和元数据

1.受控词典

受控词典是网站使用的一套标准语言，有助于建立起贯穿所有内容的一致性，提供一个明确资源以确保大家都能使用用户的语言。而另一种较为精细的应用方法就是创造”类词词典“以提供常用的但是未纳入该网站标准用语的词汇以供选择。

来”使用用户的语言“并且”保持一致性“，这是非常重要的。

2.元数据

是指信息的信息，以结构化的方式来描述内容的信息。

(1)你的网站可以动态的将一组与某个主题相关的页面链接到一起，没有任何人需要额外做什么，只要他们的元数据始终一致地使用相同的词组。(2)好的元数据比基本的全文搜索引擎更能提供可靠的搜索结果，帮助用户在网站中更快速找到信息。

角色和流程

信息架构和交互设计的主要文档是示意图，视觉化的呈现结构，这是一种表述“分支/群组/组件之间的联系的一种最高效的方式。

视觉词典是一个提供从非常简单到非常复杂的示意结构系统。（类似于我们现在工作中常用的workflow)

三个要素：1.界面设计2.导航设计3.信息设计

1.涉及提供给用户做某些事的能力属于”界面设计“

界面设计要做的全部事情就是选择正确的，能够帮助用户完成他们的任务的界面元素，通过适当的方式让它们容易被理解和使用。需做到：重要的东西一眼能被看到，不重要的东西不要被注意到。

2.提供给用户去某个地方的能力属于”导航设计“；

常见的几种导航系统：

（1）全局导航（不管想去那里都能从全局导航中到达那儿）

（2）局部导航:提供给用户在这个架构中到”附近地点“的通路。

（3）辅助导航:提供了全局或局部导航不能呢个快速到达相关内容的快捷途径。

（4）上下文导航：也称内联导航（嵌入页面内自身内容的一种导航，比如文字中的超级连接）

（5）友好导航（提供给用户他们通常不需要的链接）

（6）网站地图（给用户一个简明的，单页的网站整体结构的快捷浏览方式）

（7）索引表（按字母排序，链接到相关页面的列表）

3.如果想传达想法给用户的话，属于 “ 信息设计 ”

有时候信息设计是视觉上的，有时信息设计涉及”分组“或”整理“散乱的信息。最关键的是用一种能”反映用户的思路“和”支持他们的任务和目标“的方式来分类和排列这些信息元素。界面不仅仅只是收集用户信息，更需要向用户呈现信息。

总结

在这个层面，我们主要解决 放置的事情 ，解决并弥补” 产品框架层的逻辑排布 “的感知呈现问题，在这里，内容/功能和美学汇集到一起来产生一个最终设计，完成其他四个层面的所有目标，并同时满足用户的感官感受。

决定设计最后如何被人类的感觉器官感受到，由五个方面组成： 视觉，听觉，触觉，嗅觉和味觉 ，哪些将被纳入设计是由我们产品类型决定的。

评估需要提出的问题

评估产品视觉设计的简单方法之一，提出这样的几个问题：视线首先落在什么地方？哪个设计要素在第一时间吸引了用户的注意力？对于战略目标来说是很重要的东西吗？第一时间注意到的东西与他们的目标背道而驰吗？

成功设计的两个特点

对比和一致性

配色方案和排版

设计合成品和风格指南

无论产品多么复杂，用户体验要素是一样的。创建好的用户体验的最终要的工作内容是大量收集亟待解决的非常细微的问题。

”成功的方法“和”注定会失败的方法“的差异归根为两点：

必须要同时考虑五个层面的全部因素，这对于创建成功的用户体验是至关重要的。有专人风头来负责固然重要，但是更重要的是保证所有的用户体验都被关注到。

作者将用户体验开发的过程比喻成 一场”马拉松“ 而不是”短跑“。了解你所参加的比赛类型才能用适合的方式去比赛。短跑是尽可能的快跑起来，快速到达终点。而成功的马拉松取决于运动员如何有效控制自己的步伐，直到”何时加速“”何时减速“才能赢得甚至彻底结束这场比赛。

每一件和网站的用户体验有关的事情都是有意识的，明确的决策的结果，只有这样才能确保这个网站同时满足你的战略目标和用户需求。

㈤ 用户体验要素（二） 认识这些要素

表现层（surface）：你看到的是一系列的网页，由图片和文字组成；

框架层（skeleton）：用于优化设计布局，以达到这些元素的最大的效果和效率。按钮、控件、照片和文本区域的位置。

结构层（structure）：框架是结构的具体表达方式，结构层是这些溯源布局的背后的逻辑关系

范围层（scope）：用于确定某个功能是否应该成为网站的功能之一；

战略层（strategy）：经营者想从网站得到什么，用户想从网站得到什么

自下而上地建设：每一个层面都是根据它下面的那个层面来决定的

但是，这并不是说每一个“较低层面”的决策都必须在设计“较高层面”之前做出。在每一个层面，我们都需要根据竞争对手所做的事情、业界最佳的实践成果来做决定。

功能型产品：关注任务——所有的操作都被纳入了一个过程，去思考人们如何完成这个过程。网站可以看成是用户用于完成一个或多个任务的一个或一组工具。

信息型产品：关注信息——网站应该提供哪些信息，这些信息对用户的意义是什么。

战略层：

来自企业外部的用户需求（user need）是网站的目标——尤其是那些将要使用我们网站的用户。

产品目标（proct objective）：与用户需求相对，这是我们自己对网站的期望目标，可以是商业目的或其他类型的目标。

范围层：

功能型：功能规格（functional specification），对产品的“功能组合”的详细描述。

信息型：内容需求（content requirement），对各种内容元素的要求的详细描述。

结构层：

功能型：交互设计（interaction design），定义系统如何响应用户的请求。

信息型：信息架构（information architecture），合理安排内容元素以促进人类理解信息

框架层：

功能型&信息型：信息设计（information design），一种促进理解的信息表达方式。

功能型：界面设计（interface design），或者也可以说安排好能让用户与系统产生互动的界面元素。

信息型：导航设计（navigation design），屏幕上的一些元素的组合，允许用户在信息架构中穿行。

表现层： 为最终用户创建感知体验（sensory experience）

1.内容（content）

在网页里“内容至上”：大多数网站能提供给他们的用户的最重要的一件东西，就是这些用户认为有价值的内容

2.技术（technology）

在大多数案例中，你所能提供给用户的状态体验主要是由技术来决定的

任务流：  通过一个个小任务满足用户终极需求的过程

以购买电影票为例：

（1）任务流分析

针对买票的全流程进行分析，可以知道买票整体分为三部分，分别是买票前、买票中以及买票后。

买票前：粗略浏览影片，找到感兴趣的电影

买票中：确定购买的电影、要去的影院、时间安排、场次、座位

买票后：支付完成，生成电影票

整个流程为：浏览影片-->选择影片-->选择电影院-->选择日期和场次-->支付-->购票完成

（2）页面分析

在《锦绣蓝图 怎样规划令人流连忘返的网站》这本书中，作者将用户的任务类型分为了三种，分别是导航、消费以及交互。

导航指的是帮助用户发现他们想要的东西，消费指的是内容型的东西，允许用户进行阅读和查看，而交互则指的是需要用户输入和管理数据。

可以根据不同的任务类型，来确定页面的类型，比如导航可能需要搜索、筛选器这些控件来帮助用户更方便的找到需要的东西，消费型的页面则需要给用户提供一些图文详情进行阅读，交互型的任务则需要填写一些表单。

信息流：

从哪里来，指的是内容的来源是什么，也就是内容的生产者，是自己生产还是来源于第三方，是PGC还是UGC。

到哪里去，指的是内容的消费者，哪些人会消费哪些内容。

如何去，则指的就是如何将内容的生产者与消费者连接起来，也就是内容的加工者这个角色。

如此一来，再加上内容的生产者、消费者与加工者之间的互动，整个信息流就实现了完整的闭环。在整个闭环中，以内容为载体，通过加工者之手，成功的建立了人与人、人与内容以及内容与内容之间的关系。

（1）人与人（内容生产者和内容消费者之间的联系）

这里其实分为两部分，一部分是内容的生产者，一部分是内容的消费者。对于内容的生产者肯定是需要维护好相关的关系，期望生产者能够产出更多的优质内容，同时帮助生产者连接消费者，并且帮助生产者从中受益。同时又在生产者与生产者之间形成竞争机制，从而形成整个内容系统的正向反馈循环。

对于消费者而言，因为产品本身的定位会吸引来不同的用户群，所以在消费者刚开始来到产品的时候，加工者就会对消费者进行打标签，帮助其找到合适的内容生产者。随着对消费者行为属性的深入了解，此时就能够帮助消费者发现更多Ta感兴趣的生产者以及消费者了。

（2）人与内容

主要分为以下几部分，一部分是基于加工者本身的运营需要，将一些大众群体可能感兴趣的内容整理成相应的合辑，比如Top榜单、精品、热门、推荐、新品、促销、限免等，帮助更多的人能够触达这些优质的内容。

一部分是基于用户行为属性的个性化推荐，根据用户的行为属性，将合适的内容推荐给合适的人。另外用户也会根据自己的兴趣爱好有选择的关注部分内容，或者说在需要相关内容的时候主动发起搜索。

最后一种就是用户自发形成的内容组织形式，用户通过将自己喜欢的内容整理出来分享，或者说自己发起话题，吸引更多的人参与到内容中来。

（3）内容与内容

内容与内容之间的核心关键就在于缩短内容之间的距离，通过采取给内容分类、打标签、加关键字等方式，来实现内容之间的关联。最终实现能够以某一内容为核心，辐射和延伸到其他相关的内容的效果。

FOR 模型分析

蘑菇街CEO 陈琪先生曾经提到过一个FOR模型

这个模型由三个特征组成，碎片（Fragments）、组织（Organize）、再组织（Re-Organize），可以将这三个维度都作为五分制，然后来对某一产品进行定量分析，同时找到标杆产品进行对比分析，最终看某款产品是否有机会快速增长。

F指的是产品中内容的碎片化程度，碎片化程度越高，理论上来说可形成的规模就越大，因为碎片化程度越高，制作成本就越低，传播成本也就越低，门槛也就越低，也就会更容易有更多的人加入进来。比如当年的博客一直是一个相对小众的产品，而140个字的微博却几乎是全民的微博…

O指的是产品中内容的组织形式，比如按照时间、频道、标签、点击量等组织形式，组织形式越自由，信息的流转方式就会越快，相应带来的弊端就是内容越无法沉淀，比如信息爆炸的微博。

其中以时间组织内容是自由度最高的形式，信息的流转方式也是最快的，故以时间来组织的内容，通常情况下对时效性的要求都比较高，所以一般还会有其他的组织维度来进行组合。

R指的是再组织，也就是内容被以某种形式组织好之后，用户可再次进行组织的方式，比如一般针对内容有点赞、评论、收藏、转发或者@。前几种形式能够提升内容的重复利用次数，后几种则能够扩大受众的范围，再组织的方式越多，内容的重复利用效率也就越高。

FOR模型从内容的生产、流转以及消费的角度来分析了内容加工的整个阶段，之所以我说觉得有一定的局限性，是因为内容的数量与质量本身是有着一定冲突的，制作门槛的降低也就导致劣质内容出现的可能性增大，也就会危害着整个内容系统的正向循环。而且有的内容本身就是需要高制作成本的，过于碎片化可能会导致内容质量的下降。

㈥ 【原创】用户体验要素之视觉体验

视觉体验：视觉捕捉到的互联网产品信息带给人的直观感受。

视觉是人类获取信息和认知世界的入口，人类获取互联网产品信息的过程，需要通过互联网终端设备来满足。承载互联网产品的终端设备获取用户的输入，然后把处理之后的输出呈现在终端上。

在正常情况下，用户通过视觉从承载互联网产品信息的终端获取信息。

会影响用户视觉体验的因素有：认知信息的习惯、组织信息的方式、承载信息的载体、表现信息的形式等。

1 认知信息的习惯

人类认知信息的习惯：从整体到局部、从图片到文字、从左到右、从上到下、从大到小、从亮到暗、从粗到细、从有序到无序、从清晰到模糊、从显眼到不显眼、颜色重点突出、色彩感觉、图标含义等等。

文化、知识、经验、职业、圈子等因素会对用户的认知信息的习惯产生决定性影响，当向用户展现信息的方式违背用户认知信息的习惯时，用户会出现不同程度的不舒服感。不舒服程度弱适应性强的用户可以快速的适应新的习惯，不舒服程度强适应性弱的用户可能会放弃使用产品。

2 组织信息的方式

组织信息的方式：聚类与分类、演绎与归纳、分解与组合等等。整体与局部、对立与统一、时间与空间、轻重缓急、异同程度等则是采用这些组织信息的方式输出的划分维度，可以按照不同的维度组织信息，得到的结果可能不同。在互联网产品中信息组织的有序与否将直接影响到用户的视觉体验。

组织信息的过程是对产品设计过程中所需的信息进行分析、整理的过程，不同的产品满足的需求场景不同，组织信息时可以选择的维度和展示信息的层级不同。

3 承载信息的载体

承载信息的载体有：图形、文字、数字、色彩、标识等。承载信息的载体不同给人的视觉感受有很大不同，在实际应用场景中可以根据需求选择不同的信息载体传达不同的视觉体验。

图形中高像素清晰和低像素模糊本身给用户的体验就是不同的，照片中的元素杂乱无章和规律有序带给用户的体验也是不同的，矩形中长方形的圆角和直角给人的体验也是不同的。

文字的表达方式不同带给人的视觉体验会有很大的差异，文字的差异主要体现在语言、字体、斜体、粗细、色彩、大小、背景等维度，可以通过一种维度表达文字的差异，也可以通过多种维度的组合表达文字的差异。字体视觉上的体验主要是通过字体之间的差异对比来实现的，比如在黑字体的文本中彩色字体就格外引人注目。

数字的表达方式不同带给人的体验也有所不同，中文数字、中文大写数字、阿拉伯数字、罗马数字等每一种数字带给人的体验都会有一些细微的差异。比如中文数字比阿拉伯数字给人的感觉更严肃，中文大写数字和中文数字给人的感觉有更为庄重，而罗马数字给人的感觉则是小众高端，阿拉伯数字会给人可识别性高、随意性强等感觉。表达同样的数字，采用的表达方式不同，也会带给用户不同的体验。

色彩的色相、饱和度、明度的不同也可以带给人不同的体验。色相的差异带给人的体验不同，如：红色给人热情、温暖等体验感，蓝色给人冷静、凉爽等体验感。饱和度不同带给人的体验感也有差异，如：橘红色、红色、玫红色等不同的饱和度带给人体验感的程度不同。亮度不同同样可以带给人不同的体验，如：亮红色和暗红色，亮红色给人的体验感更为欢快明亮，暗红色给人的体验感更为低调深沉。

标识的不同带给人不同的体验。标识是指被赋予特定意义的标识符号或图形。比如：在手机端刷新页面时，加载页面的标识可以是首尾相连的两个箭头、一串省略号、一个GIF动态图片等等，明显的不同标识符号给人的体验感是不同的。

4 表现信息的形式

表现信息的形式在不同的载体（电脑、手机、pad、手表等）和介质（APP、客户端、浏览器、WAP等）上表现形式的差别很大，主要影响框架、布局（结构）、大小、动静、明暗等等。

在设计产品的表现形式时，需要明确产品的载体和产品的介质，然后有效结合用户的认知习惯和产品向用户传达的有效价值，有效的组织信息的表现形式，最终为用户带来更为舒适的视觉体验。

用户体验系列文章 | 用户体验要素之功能体验 | 用户体验要素之业务体验 | 用户体验要素之视觉体验 | 用户体验要素之内容体验 | 用户体验要素之交互体验 | 用户体验要素之情感体验 | 用户体验对用户决策的影响