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

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

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

战略层

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

范围层

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

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

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

结构层

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

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

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

框架层

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

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

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

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

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

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

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

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

表现层

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

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

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

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

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

总结

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

用户体验要素的五个层次

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

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

推荐阅读更多精彩内容