用户体验的要素——以用户为中心的web设计

日常学习《用户体验的要素》这本书,由于平时有做读书笔记的习惯,在这里做一下读书笔记。

作者:Jesse James Garrett

绪论:《用户体验的要素》用简洁的语言系统化地诠释了设计、技术和商业融合是最重要的发展趋势。它的潜力在于是能衡量“哪些是可能的”,更重要的在于我们“如何把技术的可能性转变成人类体验的提升”。

“在你解决问题的同时,还要尊重用户的体验”

前言:这不是一本有答案的书,或者是一本关于技术的书,或者更好的说,它是一本“如何提出正确问题的书”


目录:

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

第二章:认识这些要素

第三章:战略层:网站目标和用户需求

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

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

第六章:框架层:界面设计、导航设计和信息设计

第七章:表现层:视觉设计

第八章:要素的应用


第一章:用户体验与网站


网站是一个“自助式”产品,用户只能依靠自己的智慧和经验来独自面对,当用户被网站的某个地方困住了,大多数网站并不能意识到的用户的困境。仅仅是“去理解人们的所想和所需”这样一件简单的事情,都从来没有得到过重视

企业已经开始意识到,提供优质的用户体验是一个重要的、可持续的竞争优势。用户体验形成了客户对企业的整体印象,界定了企业和竞争对手的差异。

信息类的网站仅仅把信息放在网站上是不够的,它必须用一种能帮助人们理解和接受的方式呈现出来。否则,用户永远不会发现你所提供的服务或产品正是他们在寻找的。

即便有了强大的功能,高效的沟通仍然是决定产品是否成功的关键因素。

“特性”和“功能”是重要的,但是用户体验对客户的忠诚度有着更大的影响

除了投资回报率(ROI),我们需要的是一种衡量的方法,用于计算“花出去的钱”转化成了多少的“企业的价值”。

通过跟踪有百分之几的用户被转化到了下一个环节,就能衡量你的网站在达到"商业目的"方面的效率有多高。

任何在用户体验上所做的努力,目的都是为了提高效率。

在完成任务时所花费时间越少,那么在一天之内能完成的事情就越多。根据一直以来时间就是金钱的观点,节省员工的时间就直接等于节约企业的金钱。

当你累得精疲力尽的时候,至少不能是因为一直在和工具做斗争

记住你的用户


创建吸引人的、高效的用户体验的方法被称为以用户为中心的设计。以用户为中心的设计思想非常简单:在开发产品的每一个步骤中,都要把用户列入考虑范围。这个简单思想之下的含义,却出乎意料的复杂。

用户所体验的每一件事,对你来讲都应该是经过慎重考虑和论证以后的决定。实际上,设计出一个更好的解决方案需要更多的时间和费用,你可能不得不在各个方面做出妥协。但是,一个以用户为中心的设计流程保证了这些妥协不是随机决定的。考虑用户的体验,把它分解成各个组成要素、从不同的角度来了解它——通过这些才能确保你控制了决策所造成的全部结果。

第二章:认识这些要素


确保用户在你的网站上的所有体验不会发生在你“明确的、有意识的意图”之外,了解用户可能采取的每一个行动的可能性,并且去理解在这个过程中每个步骤用户的期望值。

完整的,清晰的,有条不紊的体验,事实上由一系列完整的决策,大大小小的决策组成的:网站看起来是什么样,它如何运转,它能让你做什么,这些决策彼此依赖,告知并影响用户体验方方面面。

五个层面


表现层(surface):是由一系列的网页,图文组成。

框架层(skeleton):按钮、表格、照片和文本区域的位置。框架层用于优化设计布局,以达到这些元素的最大效果和效率——使你在需要的时候,能记得标识并找到购物车的按钮

结构层(structure):与框架层相比更抽象的是结构层(structure),框架层用于确定交互元素的位置,而结构层用于设计用户如何到达某个页面,并且在他们做完事情之后能去什么地方。框架层定义了导航条上各项的排列方式,结构层则确定哪些类别应该出现在哪里

范围层(scope):结构层确定了网站各种特性和功能的最合适的组合方式,而这些特性和功能就构成了网站的范围层。范围层考虑的是,一个功能是否应该成为网站的主要功能之一

战略层(strategy):网站的范围基本上是由网站战略层所决定的,这些战略层不仅仅包括了经营者想从网站得到什么,还包括用户想从网站得到什么

自下而上的建设过程


这五个层面:战略、范围、结构、框架和表现——提供了一个基本的架构,只有在这个基本架构上,我们才能讨论用户体验的问题、以及用什么工具来解决用户的体验。

在最低层面上,我们完全不用考虑网站最终的外观,而在最高层面,我们只关心网站所呈现的最具体的细节,随着层面的上升,我们要做的决策一点点的变得具体,并关系到越来越精细的细节。

由于是自下而上的建设过程,意味着战略层的决定将具有某种向上的“连锁效应”,这种连锁效应意味着在“较高层面”中选择一个界限之外的选项将需要重新考虑”较低层面“中所作出的决策。但这并不意味着较高层面上的东西完全受缚与较低层面上的决策,较高层面上的决策可能会促成较低层面上的决策的重新评估(甚至是第一次评估)。在每个层面,我们都根据竞争对手所做的事情,业界最佳的时间成果来决定、这是最简单不过的常识,这些决策产生的连锁效应应该是双方向的。

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

基本的双重性


当一个网站的用户体验开始形成时,它的设计者采用的是两种不同的语言。一群人把每一个问题看成是“应用软件”的设计问题,然后从传统的桌面和客户端软件的角度来考虑解决方案。另一群人则以信息发布和检索的角度来看待网站,然后从传统出版、媒体和信息技术的角度来考虑问题的解决方案。

这样就会造成很大的沟通障碍,当大家不能再基本专用名词上达成一致的时候,事情很少能顺利进展。

为了解决网站这种基本的双重性质,我们从中间把这五个层面分开,在左边这些要素仅用于描述软件界面类型的网页。在右边,我们将把这些要素用于超文本信息空间。

在软件的一边,我们主要关注的是任务——所有的操作都被纳入一个过程,去思考人们如何完成这个过程,在这里,我们把网站看成用户用于完成一个或多个任务的一个或一组工具。

在超文本一边,我们的关注点是信息——网站应该提供哪些信息,这些信息对于用户的意义是什么。超文本就是创建一个“用户可以穿越的信息空间”。

用户体验的要素

//根据双重性,我们把五个层面从中间划分成两个部分,再对着划分出来的模块进行细分。

战略层:战略层关注的内容是来自企业外部的用户需求(user need),与用户需求相对应的,是我们自己对网站的期望目标(site objective)。这些网站目标可以是商业目的或者是其他类型的目标。

范围层:当从战略层进入范围层以后,在软件方面它就转变成创建功能规格(functional specification):对产品的”功能组合“的详细描述。而在信息空间方面,范围则是以内容需求(content requirement)的形式出现:对各种内容元素的要求的详细描述。

结构层:在软件方面,结构层将从范围转变成交互设计(interaction design),在这里我们可以定义系统如何响应用户的请求。在信息空间方面,结构层则是信息架构(information architecture):在信息空间中内容元素的分布。

框架层:框架层被分成了三个部分。不管是软件界面还是信息空间,我们必须要完成信息设计(information design):一种促进理解的信息表达方式。在软件产品一边,框架层还包括了界面设计(interface design),或者也可以说安排好能让用户与系统的功能产生互动的界面元素。对于信息空间方面来讲,这种界面就是导航设计(navigation design):在屏幕上的一些元素的组合,允许用户在信息架构中穿行。

表现层:在表现层上,软件产品或者是信息空间的关注点都是一样的:视觉设计(visualdesign),或者是说产品的外观,它做起来笔说起来棘手得多。

应用这些要素

很少有网站只属于这两个部分中的一个,在每个层面中,这些要素必须相互作用才能完成该层面的目标。你在某个要素上所做的决定对同一个层面的其他要素是不可能没有影响的。

这种把用户体验划分成各个方块和层面的模式,非常有利于我们去考虑用户在体验中有可能遇到的麻烦,但现实世界中这些区域的界限并没有那么明确。最常见的情形是,你很难鉴定某个用户体验的问题是否可以通过重视这个要素或者那个要素去解决。

还有两个额外的因素,首先是内容,其次是技术。

第三章:战略层——网站目标和用户需求

战略层的定义

网站最常见的失败就是一开始没有人试图回答下面两个非常基本的问题

1.我们要从这个网站得到什么——网站目标——企业内部

2.我们的用户要从这个网站得到什么——用户需求——企业外部

结合内外两者,就组成了战略层,也就成为我们设计用户体验过程中做出每一个决定的基础。

To be continue...

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

推荐阅读更多精彩内容