读<<用户体验要素>>重点记录

第一章用户体验为什么如此重要

用户体验:指的产品如何与外界发生联系并发挥作用,也就是人名如何接触和使用它.

用户体验设计通常要解决的是应用环境的总和问题.

l视觉设计选择合适的按钮形状和材质

l功能设计要保证这个按钮在设备上触发适当的动作

l用户体验设计则要总和以上两者,兼顾视觉和功能两方面的因素.同时解决产品所面临的其他问题

为体验而设计:使用第一

转化率:一个最常用的投资收益的度量标准是

ROI:投资回报率

以用户为中心的设计:创建吸引人的,高效的用户体验的方法

第二章认识这些要素

五个层面

l表现层:由图片和文字组成.

l框架层:按钮,空间,照片和文本区域的位置,框架层用于优化设计布局,以达到这些元素最大的效果和效率.框架层定义了导航条上各要素的排列方式,用户可以浏览不同的商品分类,

l结构层:用来设计用户如何到达某个页面,并且在他们做完事情之后能去什么地方,结构层确定哪些类别应该出现在哪里.

l范围层:结构层确定网站各种特性和功能最合适的组合方式,而这些特征和功能就构成了网站的范围层.

l战略层:网站的范围基本上是由网站战略层所决定的.战略包括经营者想从网站得到什么,用户想从网站得到什么.

自下而上的建设

好的工作方法

应该计划好项目,让任何一个层面中的工作都不能在其下层面的共组哦完成之前结束,这里最重要的一条是,在我们知道基本形状之前,不能为房屋加上屋顶.

基本的双重性

l功能型的平台类产品:关注的是任务---所有的操作都被纳入一个过程,去思考人们如何完成这个过程.我们把网站看成用户用于完成一个或多个任务的一个或一组工具.

l信息型的媒介类产品:关注点是信息---网站应该提供哪些信息,这些信息对用户的意义是什么.

战略层

l用户需求:战略层所关注的内容,用户需求来自企业外部,了解用户想从我们这得到什么,想达到什么目标.

l产品目标:与用户需求相对应,是我们自己网站的期望目标.可以是商业的或者其他类型的

范围层

l功能型产品对应的是功能规格:对产品的功能组合详细描述

l信息型产品对应的是内容需求:对各种内容元素的要求详细描述

结构层

l功能型产品对应的是交互设计:定义系统如何响应用户的请求

l信息型产品对应的是信息架构:合理安排内容元素以租金人类理解信息.

框架层

l不管是功能型还是信息型都必须完成信息设计:一种促进理解的信息表达方式.

l功能型产品对应的是界面设计:安排好能让用户与系统的功能产品互动的界面元素

l信息型产品对应的是导航设计:屏幕上的一些元素组合,允许用户在信息架构中穿行.

表现层

l感知体验

额外影响用户体验的因素

l内容:大多数网站能提供给他们的用户的最重要的一件东西,就是这些用户认为有价值的内容

l技术:例如动态的导航系统,

第三章战略层产品目标和用户需求

成功的用户体验,其基础是一个被明确表达的"战略",知道企业与用户双方对产品的期许和目标,有助于促进用户体验各方面战略的确立和制定.

战略层:由产品目标和用户需求构成.是设计用户体验过程中做出每一个决定的基础.只有明确用户从我们这里得到什么,我们才能精确的满足双方的需求

产品目标的基础

品牌识别:我们中大部分人看到"品牌"二字就联想到商标,色调和字体设计.品牌识别,可以是概念系统,也可以是情绪反映,在用户与产品交互的同时,企业的品牌形象就不可避免地在用户的脑海中形成了.传递品牌识别也就是一种普遍的产品目标.

成功标准:一些可追踪的指标,在产品上线以后用来显示它是否满足了我们自己的目标和用户的需求.

印象数:网站上每一个广告的每天被展示的数量

用户需求:确认用户需求是复杂的,因为用户群体之间存在着很大的差异.询问他们的问题,观察他们的行为.

用户细分:把大量的用户需求划分成几个可管理的部分来完成.

消费心态档案:是用来描述用户对于这个世界,尤其是与你的产品有关的某个事物的观点和看法的心里分析方法

可用性和用户研究

l问卷调查和焦点小组这种市场调研方法,是获取用户的基本信息的宝贵来源.

l现场调查,是指一整套完整,有效且全面的方法,用于了解在日常生活情境中的用户行为.

l任务分析:认为每一个用户与产品的交互行为都发生在执行某一任务的环境中.任务分析是一种仔细的分解用户完成任务的精确步骤的方法.

l用户测试:常见的用户调研方法,用户测试并不是测试你的用户,而是请用户来帮忙测试自己的产品.

l卡片排序法,探索用户如何分类或组织各种信息元素,给用户一堆索引卡片,每张卡片附有信息元素的名字,描述,一张图片或内容的类型,然后用户根据小组或类别,依照自己感到最自然的方式将卡片排列出来.

创建人物角色

创建人物角色,也叫做用户模型或用户简介,人物角色是能代表整个真实用户需求的虚构人物,通过赋予一张人物的面孔和名字,你将用户调查及用户细分过程中得到的分散资料重新关联起来,人物角色可以帮助你确保整个设计过程期间把用户始终放在心里.

团队角色和流程

产品目标和用户需求经常被定义在一个正式的战略文档愿景文档中.

撰写战略文档时,文档并不是越多越好,你没有必要把每一个数据来源和相关的意见都写出来以表达你的观点,让文档简洁明了并切中要点.

第四章范围层功能呢规格和内容需求

带着"我们想要什么","我们的用户想要什么"的明确认识,我们才能弄清楚如何去满足这些战略的目标.当你把用户需求和产品目标转变成产品应该提供给用户什么样的内容和功能时,战略就变成了范围.

范围层定义定义项目范围则同时在做这两件事:这是一个有价值的过程,同时能产生有价值的产品.

l过程的价值在于,当整个事情还处在假设阶段的时候,它能迫使你去考虑潜在的冲突和产品中一些粗略的点.

l产品的价值在于,被定义的这个产品给了整个团队一个参考点,明确了这个项目中要完成的全部工作,他也提供了一门用于讨论这件事情的共同的语言.

l用文档来定义产品需求,这件事很麻烦,但是你必须要做,是由以下两个主要原因:

n原因1:知道正在建设什么

n原因1:知道不需要建设什么

范围蠕变:每一个额外的要求看上并没有增加太多的工作量,但是当他们汇集到一起的时候,你的整个项目就会失去控制地膨胀,结束时间遥遥武器,而费用预算正不可避免地朝着最终的分崩离析飞奔而去.

功能和内容:在范围层,我们从讨论战略层面的抽象问题(我们为什么要开发这个产品),转而面对一个新的问题(我们要开发的是什么)

l功能需求规格:哪些应该被当成软件产品的"功能"以及相应的组合

l使用"功能规格说明书"来描述文档本书,用"需求"来描述文档的内容.

l内容需求常常伴随着功能的需求,内容通过一个内容管理系统来进行管理.

功能规格说明:

不需要包含产品的每一个细节,只需要包含在设计或开发过程中出现有可能混淆的功能定义

不需要战网产品未来的

记下来

适用于撰写任务类型的功能规格说明:

l乐观:描述这个系统将要做什么事情去"防止"不好的情况发生,而不是描述这个系统"不应该"做什么不好的事情.

n例如:这个系统不允许用户购买没有风筝线的风筝

n替换成下面这句会更好

n如果用户想买一个没有线的风筝的话,这个系统应该引导用户到风筝线页面.

l具体:尽可能详细地解释清楚情况,这是我们能决定一个功能是否被实现的最佳途径

n例如: 1最受欢迎的视频要重点标注

n2上一周被播放最多的视频要显示在列表的最前端(比较优)

l避免主观的语气:这是另外一种需求"保持明确"和"避免歧义"的途径,因而也避免了误解的可能性.

n例如: 1这个网站的风格应该是时尚,闪耀的.(如何证明需求被满足)

n2这个网站应该符合邮递员 王伍 所期望的时尚(这个需求被满足,但是太主观)

n3网站的外观应该符合企业的品牌指南文档.(最好可观来定义)

内容需求

l很多时候我们说到的内容指的是文本,但是图像,音频和视频有时候有可能比其文字还有重要.这些不同类型的内容可以结合到一起,相互协作去满足某一个需求.

lFAQ(Frequently Asked Questions:常见问题),但是FAQ这个词仅仅指的是内容的格式,一个系列简单的问题和回答.内容设计者容易忽略这个词汇中"常见"二个字.

l定义内容应该关注每一个内容特性的"更新频率",更新频率应该来自于产品的战略目标:

n从网站的目标来看,你希望用户多长时间来访问一次,?

n从用户需求来看,用户希望多久时间更新一次信息?

l对于哪些已有大量内容的项目而言,很多关于内容的信息都记录在一个内容清单中,

确定需求优先级

在战略目标和需求之间,你几乎看不到一对一的简单关联,有时一个需求可以满足多个战略目标,同样一个战略目标也常常关系到多个不同需求.

需要评估这些需求是否满足我们的战略,?

实现这些需求的可行性有多大?

有些特性可能会因为技术上的局限而无法实现.

有时候,时间不够也无法按时实现

有时候资源有限,也无法实现

有些特性要和其他的一起权衡,才能得到一个连贯的,统一的产品.

第五章结构层交互设计与信息架构

在定义好用户需求并排列好优先级别之后,我们对于最终产品将会包括什么特性已经有了清楚的图像,然后,这些需求并没有说明如何将这些分散的片段组成一个整体,这就是范围层的上面一层,为网站创建一个概念结构.

在传统的软件开发行业,设计"为用户设计结构化体验"的方法被称为交互设计.它曾经被归类在"界面设计"的范畴之内

在内容建设方面,主要是通过信息架构来构建用户体验.

交互设计和信息架构都强调一个重点:确定各个将要呈现给用户的元素的"模式"和"顺序",交互设计关注于将影响用户执行和完成任务的元素.信息架构则关注如何将信息表达给用户的元素.

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

概念模型:用户对于"交互组件将怎样工作"的观点称为概念模型,

例如购物车,是一个装东西的容器,作为一个容器,我们放进东西到推车中,以及从里面拿出东西来,系统必须提供能完成这些任务的功能.

错误处理

如何防止人们犯错:

第一,将系统设计成不可能犯错的那种

第二,使错误难以发生.

第三,有效的错误信息和容易自我解释的界面可以在错误发生之后帮助用户纠正.

信息架构

结构化内容,使用以下两种方式来简历分类体系

从上到下:信息架构方法将从战略层考虑的内容,根据产品目标与用户需求直接进行结构设计.先从最广泛的,有可能满足决策目标的内容与功能开始进行分类,然后在依据逻辑细分出次级分类.这样的主要分类与次级分类的层级结构就像一个个的空槽,而内容和功能将按顺序一一填入

从下到上:信息架构方法也包括了主要分类与刺激分类,但它是根据对"内容和功能需求的分析"而来的.先从已有的资料()开始,我们把这些资料统统放到最低级别的分类中,然后在将他们分别归属到较高一级的类别,从而主键构建出能反映我们的产品目标和用户需求的结构.

从上到下缺点:可能导致内容的重要细节被忽略.

从下到上缺点:可能导致架构过于精确反映现有的内容,不能灵活的容纳未来内容的变动或增加.

结构方法

信息架构的基本单位世是节点.节点可以对应任务的信息片段或组合_它可以小到是一个数字(比如产品的价格),或者大是真个图书馆.

语言和元数据

命名原则:描述,标签,和网站使用的其他术语.因此"使用用户的语言"并且"保持一致性"是非常重要的,我们把用来强调一致性的工具称为受控词典.

元数据:简单地说就是"关于信息的信息",即以一种结构化的方式来描述内容的信息.

例如一篇文章的元数据:

l作者名

l发布日期

l内容类型

l产品名称

l产品类型

第六章框架层页面设计,导航设计和信息设计

在充满概念的结构层中开始形成了大量的需求,这些需求都是来自我们的战略目标的需求,在框架层我们要更进一步地提炼这些结构,确定很详细的界面外观,导航和信息设计,这能让晦涩的结构变得更实在.

对于功能型产品,通过界面设计来确定框架,"按钮,输入框和其他界面控件"的领域,

对于信息型产品,导航设计,这是专门用于呈现信息的一种界面形式.

信息设计是功能和信息两方面都必须要做的,用于呈现有效的信息沟通

如何区分是界面设计还是导航设计还是信息设计?

涉及提供给用户做某些事的能力,则属于"界面设计".

提供给用户去某个地方的能力,这是"导航设计".

如果是传达想法给用户的话,那就是"信息设计"

习惯和比喻

界面设计

成功的界面设计是让用户一眼就看到"最重要的东西",不重要的东西应该被影藏或减少出现率

导航设计

l首先,它必须提供给用户一种在网站间跳转的方法

l其次,导航设计必须传达出这些元素和它们所包含内容之间的关系.

l第三,导航设计必须传达出它的内容和用户当前浏览页面之间的关系.

全局导航:提供了覆盖整个网站的通路

局部导航:提供给用户在这个架构中到"附近地点"的通路.

辅助导航:提供了全剧导航或局部导航不能快速达到的相关内容的快捷途径

上下文导航:是嵌入页面自身内容的一种导航.

有好导航:提供给用户他们通常不会需要的链接,但它们是座位一种遍历的途径来使用的.

网站地图,一种常见的远程导航工具,它给用户一个简明的,单页的网站整体结构的快捷浏览方式.

索引表,按字母顺序排列的,连接到相关页面的列表,它与一些书最后所列的索引表非常想像.

信息设计

信息设计设计涉及"分组"或"整理"散乱的信息.

例如:

l姓名

l地址

l城市

l省份

l职位名称

l所在公司

整理后:

l个人信息

n姓名

n职位名称

n所在公司

l联系方式

n地址

n城市

n省份

指示标识:用来帮助用户理解"他们在哪"以及"他们能去哪"的系统.指示标识的概念来自于物理世界中公共空间的设计.

颜色标识:用来告诉客户他们正在看哪个部分,颜色标识一般都是多个同时存在.

线框图

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

线框图是整合在框架层的全部三种要素的方法,

l通过安排和选择界面元素来整合界面设计

l通过识别和定义核心导航系统来整合导航设计

l通过放置和排列信息组成部分的优先级来整合信息设计.

l通过以上3个,线框图就可以确定一个简历在基本概念结构上的架构,同时指出了表现层的设计应该前进的方向.

第七章表现层感知设计

在这个五层模型的顶端,我们把注意力住哪亿到产品用户会首先注意到的地方:感知设计,这里内容,功能和美好汇集到一起来产生一个最终设计,完成其他四个层面的所有目标.并同事满足用户的感官感受.

表现层定义:解决并弥补"产品框架层的逻辑排布"的感知呈现问题.

l通过关注信息设计,我们决定了这些信息元素应该如何分组和排列

l通过关注视觉设计,我们决定这种安排在视觉上应该如何呈现.

合理设计感知:决定我们的设计最后要如何被人类的感觉器官感受到,由五个方面组成:视觉,听觉,触觉,嗅觉和味觉.

l嗅觉和味觉:用户体验设计师很少考虑的范畴,

l触觉:实物产品的触觉体验是属于工业设计领域的概念.工业设计师主要关注的是用户和产品之间的物理接触.包括界面设计,交互设计.

l听觉:声音可以应用到很多不同种类的产品中.例如高德地图的导航声音,淘宝点击声音等

l视觉:用户体验设计师最得心应手的领域,几乎所有的产品都会设计视觉设计.

忠于眼睛:用户眼睛的移动轨迹的模式应该有以下两个重要的特点

l首先,他们遵循的是一条流程的路径.

l其实,在不需要用太多细节来吓倒用户的前提下,它为用户提供有效选择的,某种可能的"引导".

对比 和 一致性

l对比:用于吸引用户注意的一个主要工具,一个没有对比的设计,会被看成一个灰色的,平凡的东西,导致用户的视线四处游离,而无法解决任务特别的事情.

l一致性:是另一个重要组成部分,它能使你的设计有效地传达信息,而不会导致用户迷惑或焦虑,

l基于栅格线的布局是来自平面设计的一种技术,是一种对网页也同样有效的技术.

内部和外部的一致性

缺点:

l内部一致性的问题:在产品的两个不同的地方反映了不同的设计方法

l外部一致性的问题,这个产品没有在同一个企业的其他产品中,反映出被使用的,相同的设计方法.

解决"内部一致性"的问题比较好的办法,是简历在对网站框架的深刻理解上的.确定有可能在产品各种各样的界面,导航和信息设计等不同环境中反复出现的设计元素.

配色方案和排版

配色方案应该能整合其中的色彩,以便于能将他们应用到一个广泛的范围之中

l更亮或更醒目的色彩可以用与设计你的前景色---那些你希望得到更多注意的元素中.

l更暗淡的色彩最好用于那些不需要跳出页面的背景元素中,

排版:不要使用非常相似但又不完全一样的风格.只有在你需要传达不同的信息时才使用不同的风格.风格之间要有足够的"对比"才能在你需要的时候吸引到用户的注意.

风格指南:承载这些设计决策的权威性文档,这个汇总文档确定了视觉设计的每个方面,从最大到最小的范围内的所有元素.影响到产品的每一个局部的全局标准.

第八章要素的应用

创建良好的用户体验最重要的工作内容是大量收集解决的非常细微的问题."成功的方法"和"注定会失败的方法"的差异归根结底就是以下两点:

l了解你正在试着去解决的问题

l了解这些解决办法所造成的后果

用户体验的决策总会体现在以下这些场景之中:

l由现状决定的设计

l有模仿决定的设计

l由领导决定的设计

提出正确的问题

与用户体验有关的第一个问题问自己:为什么要这么做?


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 211,884评论 6 492
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,347评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,435评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,509评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,611评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,837评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,987评论 3 408
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,730评论 0 267
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,194评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,525评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,664评论 1 340
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,334评论 4 330
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,944评论 3 313
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,764评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,997评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,389评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,554评论 2 349

推荐阅读更多精彩内容