《用户体验的要素》摘记
作者:schiy 来源:FLY视觉 发布时间:2008-08-04 17:59:00
最近将Jesse James Garrett的《用户体验的要素》一书读了两遍,做一些简要的摘录并添加一些个人注释。
当然,一本好书绝对不是简单的摘要与评述就能够体现它所有的精辟的观念的,在这里只是选择性的做了记录,书中还有很多显而易见的要点并未记录在此。
以下内容中的红色文字为本人注释,其它均为原文;
提供优质的用户体验是一个重要的、可持续的竞争优势。
转化率是一种常用的方式,来衡量用户体验的效果。
【其实并不能单纯的以转化率来衡量用户体验效果。因为转化率还包括一些其它方面的因素,比如:所提供的信息对多少人有用?——该书地30页也提到了这一点。】
任何在用户体验上所做的努力,目的都是为了提高效率。
创建吸引人的、高效的用户体验的方法被称为以用户为中心的设计(user-centered design)。
用户体验的5个要素:
1.表现层【视觉呈现】
在这个五层模型的顶端,我们把注意力转移到网站用户会首先注意到的那方面:视觉设计。这里,内容、功能和美学汇集导一起来产生一个最终设计,这将满足其他四个层面的所有目标。
2.框架层【布局】
在充满概念的结构层中开始形成了大量的需求,这些需求都是来自我们的战略目标的需求。再框架层,我们要更进一步地提炼这些结构,确定很详细的界面外观、导航和信息设计,这能让晦涩的结构变得更实在。
3.结构层【交互。如何、可以、应该……】
在收集完用户需求并将其排列好优先级别之后,我们对于最终产品将会包括什么特性已经有了清楚的图像。然而,这些需求并没有说明如何将这些分散的片段组成一个整体。这就是范围层的上面一层:为网站创建一个概念结构。
4.范围层【对需求的整合】
带着“我们想要什么”、“我们的用户想要什么”的明确认识,我们就能弄清楚如何去满足所有这些战略的目标。当你把用户需求和网站目标转变成网站应该提供给用户什么样的内容和功能时,战略就变成了范围。
5.战略层【自身目标与用户需求】
成功的用户体验,起基础是一个被明确表达的“战略”。知道企业与用户双方对网站的期许和目标,有助于确立用户体验各方面战略的制定。
如果想在开始“较高层面”设计之前,要完全确定“较低层面”的话,几乎可以肯定的是,你已经把你的项目日程——也许是你最终产品的成功——扔进了一个危险的境地之中。
要求每个层面的工作再下一层面可以开始之前完成,会导致你和你的用户都不满意的结果。
一个更好的方法是让每一个层面的工作在下一个层面可以结束之前完成。
用户不仅仅为了体验导航的乐趣而访问网站。你可以得到的内容(或你有资源去得到和管理的内容)将在你的网站中扮演一个非常重要的角色。
当前难以满足的需求,可以成为启动下一个版本的基础,这样就能形成一个不断循环的开发过程。
【在项目进行到中后期就要针对时间与进度而慎重考虑哪些功能不需要马上实现,而是将它们作为下一个版本的基础功能】
让一个工程师、一个客服人员、一个营销人员坐到一间会议室中谈论同一个网站,这会对大家都有启发意义。听取各方从自己熟悉的角度出发来考虑的、对于网站的观点——并给于反馈——可以鼓励人们从不同的角度来思考开发中的网站遇到的问题以及解决办法。
【这与我之前的想法有出入。仔细想想这样做还是有必要的。虽然再这个过程中,一定会出现类似“我觉得这个换成红色好看点”、“这个太大了”、“那个太小了”这样主观性的评论,但是我们可以忽视,而重点考虑那些有实际意义的建议。】
信息架构着重于设计组织分类和导航的结构,从而让用户可以提高效率、有效地浏览网站的内容。
成功的用户体验就是能事先知道用户的期望。
【当我们了解用户所期望的是什么之后,再来定制信息的组织方式,将会让产品的体验迈上一个新台阶。】
既使结构完全准确地代表了用户对网站的理解,用户也仍然无法在结构中找到他们想走的路,这是因为他们无法了解你的命名原则(nomenclature):描述、标签和网站使用的其他术语。
【有时候,你不需要自己创造一些与众不同的新词汇,否则会让 用户感到迷惑。】
文档一定要描述清楚网站的结构——从命名原则和元数据的具体细节,到信息架构和交互设计的整体概况——根据项目复杂度的不同,可以有很大的不同。
视觉化地呈现结构,对我们而言,这是表述“分支、群组、组件之间的联系”的一种最高效的方式。
让你的界面和你的用户已经熟悉的那些习惯保持一致很重要,但是更重要的是,让你的界面与它自身保持一致。
避免比喻,就是要减少对用户在“理解和使用网站功能”时对心理的要求。
在视觉设计中,我们用于吸引用户注意的一个主要工具就是对比(contrast)。
把用户的注意力吸引到界面中的关键部分,对比是一个重要手段,能帮助用户理解页面导航元素之间的关系。同时,对比还是传达信息设计中的概念群组的主要手段。
在设计中保持一致性(uniformity)是另一个重要的组成部分,它能使你的设计有效地传达信息,而不会导致用户迷惑或焦虑。“一致性”在视觉设计的许多不同方面都会起到作用。
一个成功的设计不仅仅是收集小巧的、精心设计的东西;相反,这些东西应该能形成一个系统,作为一个有凝聚力、连贯的整体来使用。
大部分时候,关于用户体验的决策总会体现在以下这些场景之中:
1.由现状决定的设计(design by default)。
2.由模仿决定的设计(design by mimicty)。
3.由领导决定的设计(design by fiat)。
很多时候,你必须在不同的做法之间作出妥协并评估利弊以及进行取舍。
有意识、有目的地做出每一个决定,并在执行时将每一个决定都建立在对其背后的议题的理解之上。
很多人提倡将用户测试作为确保良好的用户体验的一个主要手段。但是测试永远无法取代一个考虑周密的、准备充分的用户体验设计过程。


猜你喜欢
- 1)用这个方法,把虚拟主机的默认页只设置成一个比如index.asp 在index.asp的最上面加入以下代码:<%if R
- 此文从以下几个方面来整理关于分区表的概念及操作:1.表空间及分区表的概念2.表分区的具体作用3.表分区的优缺点4.表分区的几种类型及操作方法
- 前言上一篇博文我们讲到了节流函数的应用场景,我们知道了节流函数可以用在模糊查询、scroller、onresize等场景;今天这篇我们来讲防
- 一,Socket编程(1)Socket方法介绍Socket是网络编程的一个抽象概念。通常我们用一个Socket表示“打开了一个网络链接“,而
- 因为要批量用某软件处理一批eps文件,所以要模拟鼠标及键盘动作,使其能够自动化操作。#-*-coding:utf-8-*-import os
- 一.官方文档https://pypi.org/project/muggle-ocr/二模块安装pip install muggle-ocr#
- vm.$watch用法: vm.$watch( expOrFn, callback, [options] ) ,返回值为 unwatch 是
- 一、准备工作:1.建立一个 WINDOWS 用户,设置为管理员权限,并设置密码,作为发布快照文件的有效访问用户。2.在SQL SERVER下
- 有的时候需要将两组数据,比如特征和标签放在一起随机打乱, 但是又想记录这种打乱的顺序,那么该怎么做呢?下面是一个很好的方法:b = [1,
- 数据库状态 (database states)查询数据库的当前状态 :1、查询所有数据库的状态 ,通过sys.databases目录视图的s
- FLV在线转换,是目前主流播客网上通用的一种视频解决方案需要用到的组件 ASPExecmencoderffmpeg.exe第一步骤: 在线转
- 解决问题: 不使用for计算两组、多个矩形两两间的iou使用numpy广播的方法,在python程序中并不建议使用for语句,python中
- 市场上很多火车票抢票软件大家应该非常熟悉,但很少有人研究具体是怎么实现的,所以觉得很神秘,其实很简单。下面使用Python模拟抢票程序,给大
- 本文实例讲述了Python使用urllib2模块实现断点续传下载的方法。分享给大家供大家参考。具体分析如下:在使用HTTP协议进行下载的时候
- 我们最终的视图技巧利用了一个高级python技术。 假设你发现自己在各个不同视图里重复了大量代码,就像 这个例子:def my_view1(
- 实现功能QuestType 1->查询语句, 2->更新语句, 3->删除语句, 4->插入语句<
- 为什么需要优雅关闭什么叫优雅关闭?先说不优雅关闭,就是什么都不管,强制关闭进程,这会导致有些正在处理中的请求被强行中断这样做有什么问题?用户
- 表头固定应该是一个用得比较多的功能,参考了网上几个例子,在几个常用浏览器下显示不是很完美。而且很多都是基于固定的表格,在编码时多写一个固定的
- requests是使用Apache2 licensed 许可证的HTTP库。用python编写。比urllib2模块更简洁。Request支
- 本文实例讲述了Python实现破解12306图片验证码的方法。分享给大家供大家参考,具体如下:不知从何时起,12306的登录验证码竟然变成了