⽤户体验要素:以⽤户为中⼼的产品设计
第⼀章⽤户体验为什么如此重要
· 什么是⽤户体验
⽤户体验是产品如何与外界发⽣联系并发挥作⽤,也就是如何“接触”和“使⽤”它
· 从产品设计到⽤户体验设计
1.创建⼀个产品的过程更像是在开发,逐步建⽴和完善产品的特性和功能,直到它们所组成的那个东西在市场上是可⾏的。
2.产品设计是由功能决定的——外形服从于功能,并不完全正确。应该是由⽤户⾃⾝的⼼理感受和⾏为来决定的。
3.⽤户体验设计通常要解决的是应⽤环境的综合问题。⽤户体验设计要兼顾视觉和功能两个⽅⾯,同时解决产品做⾯临的其他问题。
· ⽤户体验和⽹站
越来越多的企业已经开始意识到,提供优质的⽤户体验,是⼀个重要的,可持续的竞争优势-不仅仅对⽹站是这样,对所有类型的产品 和服务也是如此。
· ⽤户体验就是商机
1.特性和功能总是重要的,但是⽤户体验对于客户的忠诚度有着更⼤的影响。
2.转化率是⼀种常⽤的⽅式,来衡量⽤户体验效果(转化率是最常⽤的投资受益的度量标准)
3.任何⽤户体验上所做的努⼒,⽬的都是为了提⾼效率(帮助⼈们⼯作的更快,减少他们犯错的⼏率)
· 在乎你的⽤户
1.创建吸引⼈的,⾼效的⽤户体验的⽅法称为“以⽤户为中⼼的设计”。在开发产品的每⼀个步骤中,都要把⽤户列⼊考虑范围。
2.以⽤户为中⼼的设计要,考虑⽤户的体验,把它分解成各个组成要素,从不同的⾓度来了解它
3.对于来造访的⽤户,你必须为他们规划⼀个由粘性的,直观明了,甚⾄还让⼈愉快的体验
第⼆章认识这些要素
要理解⽤户在使⽤过程中,⽤户有可能采取的每⼀个⾏动的每⼀种可能性,并且去理解在这个过程中每⼀步⽤户的期待值
· 五个层⾯
1.表现层:由图⽚⽂字组成
2.框架层:按钮,空间,照⽚,⽂本。优化设计布局,以达到元素的最⼤效果和效率。
3.结构层:设计⽤户如何到达某个页⾯,并且在他们做完事情之后去什么地⽅。
* 结构层与框架层:框架是结构的具体表达⽅式。框架层确定了在结账页⾯上交互元素的位置,⽽结构层则⽤来设计,⽤户如何到达这个页⾯。框架层定义了导航条上各个要素的排列⽅式,允许⽤户可以浏览不同的商品分类,结构层则确定哪些类别应该出现在哪⾥。
4.范围层:结构层确定⽹站各种特性和功能最合适的组合⽅式,这些特性和功能就构成了⽹站的范围层。某个功能是否应该成为⽹站的功能之⼀,这就属于范围层要解决的问题。
5.战略层:经营者想从⽹站上得到什么,⽤户想从⽹站得到什么。
· ⾃下⽽上地建设
1.在最底层,我们完全不⽤考虑⽹站,产品或是服务最终实现的外观,我们只关⼼⽹站如何满⾜我们的战略,满⾜⽤户的需求。
2.在最顶层,只关⼼产品所呈现的具体细节。
3.层⾯越⾼,决策越要具体,设计越来越精细。
4.每⼀个层⾯都是根据它下⾯的层⾯来决定的
· ⽤户体验要素
产品设计排版网站
1.战略层:关注的是企业外部的⽤户需求,与⽤户需求相对应的是我们⾃⼰对⽹站对期望⽬标。(产品⽬标)
2.范围层:功能型产品,创建功能规格(对产品对“功能组合”对描述)。信息型产品,内容需求(对各种内容元素的要求的详细描述)
3.结构层:功能型产品,交互设计-定义系统如何响应⽤户的请求。信息层产品,信息架构-合理安排内容元素以促进⼈类理解信息。
4.框架层:信息设计,⼀种促进理解的信息表达⽅式。界⾯设计,安排好能让⽤户与系统的功能产⽣互动的界⾯元素。导航设计,屏幕上的⼀些元素的组合,允许⽤户在信息架构中穿⾏。
5.表现层,为最终产品穿件感知体验。
· 应⽤这些要素
1.在每⼀层中,这些要素必须相互作⽤才能完成该层的⽬标
2.影响⽤户体验的额外两个因素:内容、技术
第三章 战略层
第三章
1.战略层定义:结合”产品⽬标“和”⽤户需求“就组成了战略层,也就成为我们在设计⽤户体验过程中做出每⼀个决定的基础。产品⽬标:我们要通过这个产品得到什么。⽤户需求:我们的⽤户要通过这个产品得到什么。
2.产品⽬标:a.商业⽬标,为避免太具体、太宽泛的⽬标,我们应该在充分了解问题之后在得出结论。明确定义”成功的条件“,⽽不是定义”通向成功的路径“。
b.品牌识别,对于任何⼀个⽹站,它需要明确描述的基础⽬标之⼀就是品牌识别。品牌识别:除了商标、⾊调、字体,更重要的是概念系统、情绪反应(对⽤户起着潜移默化的作⽤)。你必须要决定品牌形象是⽆意之中形成的,还是经过产品设计者有意精⼼安排的结果
c.成功标准,⼀些可追踪的指标(转化率、回访数、印象数),在产品上线以后⽤来显⽰它是否满⾜了我们⾃⼰的⽬标和⽤户的需求。有时这些成功标准与⽹站本⾝和⽤户如何使⽤该站有⼀定的关系。
3.⽤户需求:a.⽤户细分,将具有某些共同关键特征或者共同需求的⽤户划分成组。不同的⽤户有不同的需求,创建细分⽤户,只是⼀种⽤
于“揭⽰⽤户最终需求的⼿段”。不同⽤户的需求也有可能是彼此⽭盾的,要么做取舍,要么为执⾏相同任务的不同⽤户选择不同的操作⽅式。
b.可⽤性和⽤户研究,市场调研⽅法,问卷调查、焦点⼩组:是获取⽤户的基本信息的宝贵来源。现场调查,是指⼀整套完整、有效且全⾯的⽅法:⽤于了解在⽇常⽣活情境中的⽤户⾏为。任务分析,仔细地分解⽤户完成任务的精确步骤。⽤户测试,请⽤户来帮忙测试你的产品,对于信息驱动的产品可⽤卡⽚排序法:⽤于探索⽤户如何分类或组织各种信息元素。
c.创建⼈物⾓⾊,在⽤户体验设计的过程中,⼈物⾓⾊是从⽤户研究中提取出的、可成为样例的虚拟⼈物。
4.团队⾓⾊和流程:产品⽬标和⽤户需求经常被定义在⼀个正式的战略⽂档或愿景⽂档中。
第四章 范围层
第四章
· 功能和内容
范围层确定的是全部的功能需求或功能规格。真正的内容常常是通过⼀个内容管理系统来进⾏管理的。
· 定义需求
需求的详略程度常常取决于该项⽬的具体范围,最⽤之不竭的需求源泉总是来⾃⽤户本⾝。
· 内容需求
不要混淆某段内容的格式和⽬的。
提供每个特性规模的⼤致预估(只收集最紧要的关键资料)。
确定某个⼈负责某⼀内容元素和它的“更新频率”。
各种⽤户,需求不同。哪些⽤户想要什么内容——如何呈现它们
· 确定需求优先级
战略⽬标和需求间往往不是⼀对⼀的关系。
有时⼀个战略⽬标将产⽣多个需求。另⼀⽅⾯,⼀个需求也可以实现多个战略⽬标。
优先级别是决定是否采纳⼈们所建议的相关特性的⾸要因素。
第五章 结构层
第五章
交互设计和信息设计都强调⼀个重点:确定各个将要呈现给⽤户的元素的“模式”和“顺序”。
· 概念模型
1.⽤户对于“交互组件将怎样⼯作”的观点
2.把软件某个特性设计处理成⽤户所熟悉的某个概念
3.在交互设计的开发过程中保持使⽤⽅式的⼀致性,软件使⽤⽅式与现实经验⼀致,交互⽅式在整个系统中保持⼀致。
4.使⽤⼈们熟悉的概念模型会使⽤户更快速的适应⼀个不熟悉的⽹站
5.错误处理,预防:第⼀同时也是防⽌错误的⽅法,是将系统设计成不可能犯错那种。改正:错误发⽣时,系统应该帮助⽤户出错误并改正他们(有效的错误信息,⾃我解释的界⾯)。恢复:给⽤户提供可以从错误中恢复的⽅式(撤销)
· 信息架构
1.结构化内容:信息架构的主要⼯作就是设计组织分类和导航的结构,让⽤户可以更有效地到和浏览⽹站的内容。⾃上⽽下的分类体系:根据产品⽬标和⽤户需求直接进⾏结构设计。先从最⼴泛的、有可能满⾜决策⽬标的内容和功能开始分类,再依据逻辑细分出次级分类。⾃下⽽上的分类体系:从已有资料开始把这些资料放到最低级别的分类中,然后将它们分别归属到较⾼⼀级的分类。结构质量最重要的标准,不是整个过程⼀共需要多少个步骤,⽽是“⽤户是否认为每个步骤都是合理的”以及“当前步骤  是否⾃然地延续了上⼀个步骤中的任务”。
2.结构⽅法:信息架构的基本单位是节点。
层级结构:节点与其它节点之间存在这⽗级/⼦级的关系。
矩阵结构:矩阵结构能帮助“那些带着不同需求⽽来”的⽤户,在相同的内容中寻各⾃想要的东西。
⾃然结构:这种结构没有太强烈的“分类”的概念,对于探索⼀系列关系不明确或者⼀直在演变的主题很合适,但是对于⽤户下次还需要依靠同样
的路径、去同样的内容的就不合适。
线性结构:经常被⽤于⼩规模的结构。
⼀个延展性好的信息架构,能把新的内容作为现有结构的⼀部分容纳进来,也可以把新内容当做⼀个完整的新部分加⼊。
3.组织原则:⼀般来说,在⽹站最⾼层级使⽤的组织原则应该紧密地与“⽹站⽬标”和“⽤户需求”相关。⽽在结构中较低的层级,内容与功能需求的考虑将对你所采⽤的组织原则产⽣很⼤影响。
4.语⾔和元数据:遵循“使⽤⽤户语⾔”并且“保持⼀致性”的命名原则。同时避免“语义歧义或者不解”。
第六章 框架层
第六章
· 在框架层主要解决放置的问题
1.界⾯设计考虑可交互元素的布局。
2.导航设计考虑在产品中引导⽤户移动的元素的布局。
3.信息设计中考虑传达给⽤户的信息要素的排布。
· 习惯和⽐喻
界⾯要与⽤户早已养成的习惯保持⼀致,⽐之更重要的是界⾯要与⾃⾝保持⼀致。
⽹站特性的概念模型有助于保持⽹站内部的⼀致性。如果有两个特性使⽤同样的概念模型,可以保持⼀致的界⾯和操作,能使⽤户习惯了特性之后很快的适应另⼀个。即使概念模型不⼀致的地⽅,这些概念模型所共⽤的模块也应该以相似的⽅式对待(eg:开始、结束、返回或者保存这⼀类的概念)
有效地使⽤⽐喻,在于减少⽤户在理解和使⽤产品时的猜测。⽹站可以提供上下⽂帮助⽤户理解你采⽤的隐喻所代表的特性,但是提供的功能和内容越多,猜测就变得越不可靠,总有⼀部分⽤户会猜错的。
· 界⾯设计
界⾯设计要做的全部事情就是选择正确的界⾯元素,帮助⽤户完成他们的任务,还要通过适当的⽅式让它们容易被理解和使⽤。
成功的界⾯设计,是能让⽤户⼀眼就能发现“最重要的东西”的界⾯设计。
· 导航设计
1.导航设计必须完成的三个⽬标:提供给⽤户⼀种在⽹站间跳转的⽅法;传达出这些元素和他们所包含的内容之间的关系;传达出它传达出的内容和⽤户当前浏览的页⾯是什么关系。
2.导航系统:全局导航:提供了覆盖整个⽹站的通路。局部导航:提供给⽤户在这个架构中到”附近地点“的通路。辅助导航:针对内容、产品或者⽤户属性进⾏的分类导航。上下⽂导航(内联导航):嵌⼊页⾯⾃⾝内容的⼀种导航。
· 信息设计
1.⽤⼀种能”反应⽤户的思路“和”⽀持他们的任务和⽬标“的⽅式来分类和排列这些信息元素
2.指⽰标识,帮助⽤户理解“他们在哪⾥”以及“他们能去哪⾥”“哪条路离⽬标更近”,可借助图标、标签系统、排版、颜⾊等视觉指引。
第七章
第七章 表现层
· 合理设计感知
1.五⽅⾯组成:视觉、听觉、触觉、嗅觉、味觉。
2.声⾳可以应⽤到很多不同种类的产品中;可⽤来通知⽤户,还可以使产品变得更具个性。
3.评估⼀个视觉设计⽅案,应该把注意⼒集中在它们的”运作是否良好“上。
· 对⽐和⼀致性
1.通过对⽐把⽤户的注意⼒吸引到重要的部分。
2.过度设计也会导致视觉的混乱,差异要⾜够清晰,让⽤户能分辨出某个设计选择是特意要传达的⼀致性能避免⽤户的困惑和焦虑,可基于栅格线来保持平⾯布局的⼀致性。
· 配⾊⽅案和排版
1.⾊彩,核⼼的品牌⾊彩通常是⼀个更⼴泛的配⾊⽅案的⼀部分,这套配⾊⽅案是要在⼀个企业的所有材料中得到应⽤的。⼀个企业的标准配⾊⽅案中所使⽤的⾊彩,是为了它们在⼀起⼯作⽽专门挑选出来的,它们之间是互补⽽不冲突的。
2.排版,不要使⽤⾮常相似但⼜不完全⼀样的风格,只有在你需要传达不同的信息时才使⽤不同的风格。不要使⽤过于⼴泛和多样的风格。
第⼋章 要素的应⽤
第⼋章
1.创建良好的⽤户体验最重要的⼯作内容是⼤量收集亟待解决的⾮常细微的问题。
2.必须要同时考虑五个层⾯的全部因素
3.在上⼀层级的错误有可能会削弱更低层⾯的正确决策,如果在低⼀级层⾯做出了错误决策,再上⼀层级做的努⼒也会显得没有意义。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。