一文看懂用户体验五要素

《用户体验要素》是美国AJAX之父Jesse James Garrett的经典之作,被称为互联网入门必读的书籍,系统介绍了产品用户体验设计的模型。原作第一版完成于2002年,距今已经16年了,本书的最初是针对网页设计写作而成,但在这16年间,从internet到APP再到移动互联网,这个理论都能适用,越来越被称为经典,可见其在当下以及可见的未来,都具有普适性。因此,学习下用户体验的五要素还是很有必要的。用户体验五要素是将产品设计的过程抽...

用户体验要素》是美国AJAX之父Jesse James Garrett的经典之作,被称为互联网入门必读的书籍,系统介绍了产品用户体验设计的模型。原作第一版完成于2002年,距今已经16年了,本书的最初是针对网页设计写作而成,但在这16年间,从internet到APP再到移动互联网,这个理论都能适用,越来越被称为经典,可见其在当下以及可见的未来,都具有普适性。因此,学习下用户体验的五要素还是很有必要的。

用户体验五要素是将产品设计的过程抽象为5个层次,与此方法论类似的还有计算机网络的5层协议,将复杂的事物抽象成分层的模型,能让人直观、清晰的获取其内在逻辑。

 

一文看懂用户体验五要素

图 1

图1所示,就是用户体验的五层模型,从下往上分别为战略层、范围层、结构层、框架层和表现层,从下到上,就是从抽象到具体,从内核到外壳,为了方便记忆,可以简称为“战、范、结、框、表”。


1.战略层(strategy)

战略层,就是用户和经营者分别想从这个产品中获得什么。

用户想要获得的,就是“用户需求”,是来自公司或者团队外部的需求,为了确定用户需求,首先要确定产品的target user。确定产品的目标用户,有以下几个步骤:

1)用户细分:将用户分成较小的有共同需求的组(人口统计学、消费心态档案等);

2)用户研究:知道用户是谁(问卷调查、访谈、实地考察、焦点小组、卡片分类等);

3)人物角色:从用户研究中提取出可以成为样例的虚拟人物。

通过使用以上几个手法,能确定出用户的需求,确定出产品在战略层的内容。

经营者想要获得的,就是“商业目标”,这是来自公司内部的需求,可以是用户数量目标、品牌宣传目的或者盈利目的。总之,老板或者团队想要获得的,也属于战略层的内容。

2. 范围层(Scope)

范围层,就是这个产品有哪些功能,这个产品都可以干些什么。

当你把用户需求和网站目标转变成网站应该提供给用户什么样的内容和功能时,战略就变成了范围。根据范围层的具体内容,可以将产品分为两大类:工具型和内容型,或者有的产品两者兼有。

工具型产品要考虑的是功能规格,对产品的功能组合进行详细描述。功能规格的描述语言应该:乐观、具体、客观。

乐观:防止做什么,而不是不能做什么。例如:论坛不允许未登录用户发言->如果用户发言时未登录,系统应该引导用户登录并返回;

具体:尽可能解释清楚。例如:论坛发言需要过滤敏感词语->发言中包含附件中词语的需要替换为*号,词库可更新;

客观:避免主观语气。例如:界面的风格应该是时尚的->产品外观应该符合企业品牌AI指南。

内容型产品要考虑的是内容需求,对各种内容元素的要求进行详细描述。

内容可以包括文本、图像、音频、视频等。在确定产品要提供的内容后,要根据用户需求、产品目标(战略层的内容)和可行性评定内容的优先级。在产品运转过程中,要安排日常的运维工作,而内容的更新频率要符合用户的期望。因此,内容的维护工作要根据战略目标来安排。如:你期望用户多久访问一次?从用户需求来看,他们希望多久更新一次。此外,还要根据不同用户准备不同特性的内容。

3.结构层(Structure)

在收集完用户需求并将其排列好优先级后,需要将这些分散的片段组成一个整体,这就是结构层:创建产品功能和内容之间的关系。

结构层分为交互设计和信息架构两个大的部分。

交互设计是:描述“可能的用户行为”,定义“系统如何配合与响应”这些用户行为。不要让用户去适应产品,而要让产品与用户互相适应,预测对方的下一步。

信息架构是:关注如何将信息表达给用户,着重于设计组织分类和导航结构,让用户容易找到。

交互设计应该至少包括概念模型和错误处理。

信息架构有两种分类体系:从上到下和从下到上。其结构可以有层级结构、矩阵结构、自然结构和线性结构。一般来说,网站都是以上多种结构的综合,一种结构为主,其他结构为辅。

1)层级结构

也称树状结构或中心辐射(hub-and spoke)结构,即节点与其他相关节点之间存在父级/子级的关系。这种结构最为常见。如图2

一文看懂用户体验五要素

图2 层级结构


2)自然结构

不会遵循任何一致的模式,适合于探索一系列关系不明确或者一直在演变的主题,如鼓励用户自由探险的某些娱乐网站。但如果用户下次还需要依靠同样的路径去找到同样的内容,则不太适合。

 

一文看懂用户体验五要素

图3 自然结构

3)矩阵结构

通常帮助那些带着不同需求而来的用户,使他们能在相同内容中,寻找各自想要的东西,如:用户可以选择通过颜色或尺寸来浏览产品。

 

一文看懂用户体验五要素

图4 矩阵结构


4)线性结构

常常用于小规模的结构,如单篇文章或专题;大规模的结构则被用于限制那些需要呈现的内容顺序对于符合用户需求非常关键的应用程序。

 

一文看懂用户体验五要素

图5 线性结构

4. 框架层(Skeleton)

框架层决定某个板块或按钮等交互元素应该放在页面的什么地方。结构层中形成了大量的需求,框架层中,我们要更进一步地提炼这些需求,确定详细的界面外观、导航和信息设计,使晦涩的结构变得实在。

在设计框架层的内容时,要遵循两条原则:遵循用户日常使用习惯和恰当使用生活中的比喻。

框架层包含界面设计、导航设计和信息设计三个方面。

界面设计为用户提供做某些事的能力。做界面设计时,要选择合适的元素,让用户一眼就能看到最重要的东西。

导航设计给用户提供去某个地方的能力。做导航设计时,要提供网页之间的跳转方法,传达元素与内容之间的关系,传达内容与页面之间的关系。

信息设计是将想法传达给用户。信息设计是将各种设计元素聚合到一起,反映用户的思路,支持他们的任务和目标。包括视觉、分组等各个方面。

5.表现层(Surface)

表现层是用户所能看见的一切,字体的大小,导航的颜色,整体给人的感觉。在这一层,内容、功能和美学汇集到一起来产生一个最终设计,从而满足其他层面的所有目标。

成功的界面设计有两个特点:

1)他们遵循的是一条流畅的路径。用户在浏览过程中有流畅感,不会被阻碍。

2)在不需要用太多细节来吓倒用户的前提下,为用户提供有效选择的、某种可能的“引导”。

始发于简书:水水菁

一文看懂用户体验五要素

PS:欢迎各位运营喵投稿,投稿请发送邮件到admin@iyunying.org,优质稿件将发布在微信公众号。

您的关注阅读就是对爱运营最大的支持!敬请关注爱运营,加入QQ群交流运营经验。查看原文链接获得更多运营知识。爱运营广州交流群:288243204,资源互换QQ群:244761257,运营者微信:rubin_han


原创文章,作者:交互精选,如若转载,请注明出处:https://www.iamue.com/35931/

(0)
交互精选交互精选
上一篇 2018-03-17
下一篇 2018-03-17

相关推荐

  • 【优秀作业展示】交互设计基础(一)

    《交互设计基础》是学习交互设计的重要课程,在大三上学期开课。任课教师是工业设计系的华梅立老师,通过老师的认真指导和对该课程的学习,大家对交互设计有了进一步的了解,在老师的引导下,同学们对高铁取订票界面设计进行了深入的分析和再设计,并选取了感兴趣的小方向进一步拓展。接下来就看看学完本课程后同学们的优业。优秀学生作业第一期周亦辂产品设计1511高铁取订票界面设计色彩选取字体:冬青黑体字号:18、21、24、28、30、32、36风格:利用从...

    2018-04-04
  • Adobe放大招!Sketch有的功能都上了!

    (本文内容来源知友:不知语冰,感谢~)关于 Photoshop的UI-DNA工具很久就有传闻了!昨天据MICU了解,这个强大的工具终于开放测试啦~~虽然说很多设计师比较推荐sketch,可是这回了不得!sketch有的功能,PS都能实现了!也许有很多同学还不太了解 UI-DNA 是个什么样的工具,说白了,就是 Photoshop 上拥有更强大的属性编辑功能。现在来说说UI-DNA都有神马强大的功能。打开Photoshop 中的UI-DN...

    2018-03-02
  • Axure RP 8软件和安装教程

    Axure RP 8(64位)下载链接:百度网盘:https://pan.baidu.com/s/1hsfD3Kg提取密码:ivma软件简介:Axure RP是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具,它能快速、高效的创建原型,同时支持多人协作设计和版本控制管理。(仅供学习交流使用)安装前须知:1.解压和安装前请关闭...

    2018-04-17
  • 看过英国院校的交互设计之后,你还想报国内的同专业吗?

    今天我们来聊一聊交英国的互设计专业。随着网络和新技术的发展,人们越来越重视交互的体验,许多公司、网站、APP都开始注意到交互设计在品牌的创建、客户回头率、客户满意度等方面的影响,交互设计师也越来越受到重视。因此,许多同学在高考填报志愿时,会选择交互设计专业。国内开设交互设计专业的院校较少,即便有,也是和工业设计剪不断理还乱,分为实体产品和互联网产品两种方向。国内交互专业普遍存在的问题是,学校教的知识过于浅显泛泛,教学内容与行业需求脱节。...

    2018-02-26
  • 被忽视的重彩-交互设计验证

    每次评审,都是一场高效的讨(si)论(bi)大会...届时,需求、设计、开发也会上演争霸对决。作为身经百战的设计师该如何从评审会中顺利脱身,逃离这场没有硝烟的战役呢?小子很高兴地告诉你:你是绝对跑不掉的!定性、定量挖掘数据我们知道产品都有一定的周期性,开发期-成长期-成熟期-衰退期。在不同的产品周期中用户也会随着时间的推移,对产品的使用深度和理解广度有了深浅的层次变化,而不同的时期设计师采用的定性定量研究方法也是不一样的,如:访谈、问卷...

    2018-04-18
  • 回音专栏丨交互设计中的规律

    回音专栏丨来自行业最前线的设计大咖们的独家MAX干货聚合!库伯学习圈,从行动中归纳出经验,把经验升华为规律,再用规律指导行动。……交互设计中的规律昨天讲了库伯学习圈和正确的学习步骤,应该从行动中归纳出经验,把经验升华为规律,再用规律指导行动。今天就来讲讲我在学习交互设计时,是怎样总结出一些有用的规律的,你同样也能用这种方法学习别的知识。行动中归纳经验我们平时都会使用一些电脑软件和手机APP,你有留意到它们的界面和操作吗?比如iPhone...

    2018-01-30
  • 【文创•职通车】2018校园招聘信息

    序号001未而思伯文化传媒(杭州)有限公司2007 年成立至今,经历了十年的发展,从最初的单一媒介投放板块到如今的以视频内容创作,品牌营销传播为两大核心板块。十年媒体资源、渠道积累,坚持立足浙江为中心,面向江浙沪,以传统媒体+新媒体的渠道传播组合方式。(向上滑动启阅)一、 总监助理( 1 名)职位描述:1、本科以上学历,具有良好的协调沟通能力,良好的文字功底;2、完成总监交代的任务,负责项目的对接协调统筹工作;3、负责总监的工作日程安排...

    2018-03-20
  • 感恩之家与河马教育签订人才需求战略合作协议

    2018年2月24日,河南感恩之家实业有限公司(以下简称感恩之家)与河南河马教育科技有限公司(以下简称河马教育)签订人才需求战略合作协议。感恩之家人力资源经理朱昌林与河马教育创始人陈滨感恩之家惠民工程是实体企业+互联网+实体店铺+分享经济的大惠民工程。在即将上线的电商平台部分,我们精心筛选了上百款来自全国各地的特色产品。在展示产品安全、原产、优质的同时,我们充分挖掘地域风土人情、历史人文,围绕产品特色讲述一个个中国物产的故事。这些都需要...

    2018-03-03
  • 【用户体验】从了解用户的注意力开始,创造更优秀的用户体验

    【点击上方蓝字↑↑↑关注「艺恋优梦」获得每晚推送】刚下班回家,今天又没时间写教程了。。。委屈这是一篇源自心理学家和 UX设计师的关于人类注意力研究的文章。在产品团队中,用户体验设计师的工作是输出高可用性、易用性的可交互数字产品。当我们在设计这些产品的时候,我们花费了大量的时间来探索不同的研究方法,了解不同用户的行为、习惯和需求。对于绝大多数的用户而言,在行为模式和心理结构上有着相似的地方,只要有意识地探索,我们能够更好地了解人类的认知过...

    2018-04-04
  • 实例解析「交互设计七大定律」在设计中的应用(下篇)

    交互设计之父阿兰·库珀说过这样一句话:“除非有更好的选择,否则就遵从标准”;在交互设计领域中,有很多被时间和前人验证过的设计法则,这些法则是从用户的行为逻辑中总结出来的,掌握这些法则能让我们迅速有效的完成自己的设计。上篇内容已经介绍了「交互设计七大定律」的前五个,接下来将把剩下两个定律为大家做个实例分析。六、复杂性守恒定律/泰思勒定律(Tesler’s Law )1、复杂度守恒定律/泰思勒定律(Tesler’s Law )简介:复杂度守...

    2018-03-19