读书 | 用户体验要素

0801-0807阅读:

用户体验要素(文末附有全书思维导图)

本文字数约2700,建议阅读时间5~7分钟。

简介

《用户体验要素》,作者“Ajax之父”Jesse JamesGarrett,是一位信息架构和用户体验的积极倡导者,总结提炼出了用户体验的五个要素,被广泛地运用到产品设计中来。

用户体验,指的是产品如何与外界发生联系并发挥作用,换言之,就是人们如何“接触”和“使用”它。现在用户体验大多用在软件开发层面,但我认为,这种以用户为中心的产品设计也同样适用于传统的实物产品,而且产品越复杂,向用户提供良好的使用体验也就越困难。Jesse很系统清晰地向我们展示了用户体验的五个要素。

本书的内容条理非常清晰,使书本知识成为一个具象的逻辑体系。文章将对全书的知识进行一个全面的归纳和梳理,共包括七个部分:

用户体验的重要性

用户体验的五要素

战略层

范围层

结构层

框架层

表现层

接下来,我会重点介绍一下五个要素的具体内容,涉及用户体验重要性和用户体验五要素的内容可参见相应的思维导图。

首先,我们认为网页或者软件分为“功能型产品”和“信息型产品”。功能型产品主要关注的是“任务”,即所有的操作都被纳入一个过程,去思考人们如何完成这个过程。而信息型产品主要关注的是“信息”,即网站等产品应提供哪些信息,这些信息对用户的意义是什么。之所以分为这两类,是因为后面涉及到具体要素的时候,两类产品的侧重点是不同的。

战略层

成功的用户体验,其基础是一个被明确表达的“战略”。

战略则包括两方面的内容:产品目标和用户需求,分别对应着“我们要通过这个产品得到什么?”和“我们的用户要通过这个产品得到什么?”。

产品目标,包括商业目标和品牌识别。但是如何界定或知道我们已经实现了产品目标,这里就可以引入“成功标准”,即一些可追踪的指标,在产品上线之后用来显示它是否满足了我们自己的产品目标和用户需求,衡量的数据可以是印象数或者回访数等。

用户需求。确定用户需求是复杂的,因为用户群体之间存在着很大的差异性。要对用户需求寻根究底,必须要定义谁是我们的用户。此时,可通过“用户细分”、“可用性和用户研究”、“创建人物角色”的方法来对我们的目标用户进行逐层地分析,进而确定下来用户的真实需求。


范围层

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

范围层是一个有价值的过程,同时能产生有价值的产品。在这里,范围层被“功能型产品”和“信息型产品”分成两个部分。在功能型产品方面,我们考虑的是功能规格,即哪些应该被当成软件产品的功能以及相应的组合。在信息型产品方面,我们考虑的是内容,即属于编辑和营销推广的传统领域。

定义需求。需求要根据具体的产品而言,一般来说都包含品牌需求、技术需求和具体的特殊需求。但涉及的需求内容,除了非常清楚的想法,都需要深入研究,比如使用“战略层”用户需求中涉及到的可用性和用户研究方法。

功能规格。功能型产品在范围层方面要着重于功能规格。在多人协作的团队中,一份清晰且可追溯的功能说明是非常必须的。在编写具体的功能规格说明时,要多使用正面、具体且客观的语句,记录在设计和开发过程中出现有可能混淆的功能定义。

内容需求。信息型产品则着重于内容需求。内容不仅仅包含文字,还指网页产品上呈现给用户的其他内容信息,比如音频、视频、图像等,还应提供每个特性规模的大致预估,比如文本的字数、图片的像素大小、下载的文件字节大小等。

确定需求优先级。在需求众多的情况下,我们要如何确定需求的优先级呢? 由于项目范围是建立在战略层基础上的,因此我们在筛选需求的优先级时,要考虑到产品目标和用户需求,同时还要确定实现需求的可行性。


结构层

在定义好用户需求并排列好优先级之后,我们对于最终产品将会包括什么特性已有了清楚的图像。接下来就需要为网站创建一个概念结构。

结构层是五个层面中的第三个,它适当地将我们的关注点从抽象的决策与范围问题,转移到更能影响最后用户体验的具体因素上来。功能型产品着重于交互设计,即影响用户执行和完成任务的元素。信息型产品着重于信息架构,即如何将信息表达给用户的元素。

交互设计,描述了“可能的用户行为”,同时定义“系统如何配合与响应”这些用户行为。此时,我们要了解“交互组件将怎样工作”的观点,即“概念模型”。我们的产品应使用人们熟悉的概念模型,帮助用户尽快适应一个不熟悉的网站,并且要考虑到一定的容错功能,在用户错误操作之后,会进行错误提醒或者步骤撤销,增强用户体验。

信息架构,研究的是人们如何认知信息的过程,对产品而言,关注的是呈现给用户的信息是否合理并具有意义。我们在将冗杂的信息处理成结构化的数据,例如层级结构、矩阵结构、自然结构、线性结构等,方便用户浏览相应的内容。


框架层

结构层形成了大量的需求概念,在框架层上,我们要进一步提炼这些结构,确定用什么样的功能和样式来实现产品,比如界面外观、导航和信息设计。功能型产品着重与界面设计,信息型产品着重于导航设计,同时两类都要兼顾到信息设计方面。

界面设计,要选择正确的界面元素,让用户一眼就能看到“最重要”的东西。比如,在第一次呈现界面时,仔细考虑每个默认项,选择需求最大量的内容呈现出来。同时,我们还可以选择一些标准化的界面元素使用到产品中来,比如单选框、复选框、文本框等。

导航设计,在每个页面上放一些用户浏览整个网站的链接,使用户在网站间(内)进行跳转。可以采用适合自己网站或者产品的导航系统,比如全局导航、局部导航、辅助导航、上下文导航、友好导航等方式。

信息设计,要呈现出信息的有效沟通,这其中就包括视觉方面、信息分组和整理的设计。同时,可以将信息设计和导航设计结合到一起,支持指示标识,用来帮助用户理解“他们在哪”以及“他们能去哪”的系统。


表现层

框架层主要解决的是放置的问题,界面设计考虑可交互元素的布局,导航设计考虑在产品中引导用户移动的元素安排,信息设计考虑传达给用户的信息要素的排布。而表现层要解决并弥补的是“产品框架层的逻辑排布”的感知呈现问题。在这一层上,功能型产品和信息型产品都关注于感知设计。

感知设计。用户体验的最后一站也是离用户最近的,即会被用户的感觉器官感受到。这些感受由五个方面组成:视觉、听觉、触觉、嗅觉和味觉,其中视觉和听觉是一般产品所着重设计的方面。在设计产品时,要符合用户眼睛的移动轨迹模式,使设计呈一条流畅的路径,不出现突兀甚至吓到用户的设计成分。

此外,还要考虑到元素设计的对比和一致性。整个网页使用相似或和谐的设计元素,并在强调的地方使用较为强烈的对比,吸引用户进行操作。

不论是设计大产品还是小产品,用户体验都是一样的,因此Jesse的提出的五要素都将指导着我们设计并追求一个良好的用户体验。

照旧,奉上全书的思维导图:


用户体验的重要性


用户体验的五要素
战略层


范围层
结构层
表现层

PS:每周发布读书笔记,随时发布生活感悟和产品文章,欢迎小伙伴们关注简书账号!

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

推荐阅读更多精彩内容