外国设计大师Ajax之父74张图详谈用户体验的要素

Ajax之父Jesse James Garrett在adaptive path工作坊上的演讲《用户体验的要素》:

外国设计大师Ajax之父74张图详谈用户体验的要素

原文下载地址:http://www.adaptivepath.com/events/workshops/businessofux/elements0803.pdf

外国设计大师Ajax之父74张图详谈用户体验的要素

1、认识用户体验的要素

外国设计大师Ajax之父74张图详谈用户体验的要素

2、 史上最差的一些电影

外国设计大师Ajax之父74张图详谈用户体验的要素

3、究竟谁应该受到指责呢?

用户可能会说:“我可能没有好好选择?”,“我一定是没有好好看说明书”,“或许我不够聪明”….

对于不优的产品,用户承担了不必要的责罚。

外国设计大师Ajax之父74张图详谈用户体验的要素

4、如果把产品也看做是人

外国设计大师Ajax之父74张图详谈用户体验的要素

5、以用户为中心的设计

-这是产品开发必须遵循的理念和态度

-产品自身不是结束

-产品是为了最终能提供满足用户优良的交互体验而生的一种手段

-它是强调理解用户而不是技术的理论体系

外国设计大师Ajax之父74张图详谈用户体验的要素

6、用户体验关注什么?

-一个产品的行为是怎样的,在实际生活中如何应用

-超越产品自身,关注它与人们生活的联结

-它包含各个范畴的因素

外国设计大师Ajax之父74张图详谈用户体验的要素

7、外观层

外国设计大师Ajax之父74张图详谈用户体验的要素

8、框架层

外国设计大师Ajax之父74张图详谈用户体验的要素

9、结构层

外国设计大师Ajax之父74张图详谈用户体验的要素

10、范围层

外国设计大师Ajax之父74张图详谈用户体验的要素

11、战略层

外国设计大师Ajax之父74张图详谈用户体验的要素

12、用户体验要素的五大层级

外国设计大师Ajax之父74张图详谈用户体验的要素

14、扫除一些名词障碍

信息设计、功能说明、交互设计、信息架构、界面设计、内容需求、导航设计

外国设计大师Ajax之父74张图详谈用户体验的要素

15、网站的二元性:作为信息源的网站

外国设计大师Ajax之父74张图详谈用户体验的要素

16、网站的二元性:作为软件应用的网站

外国设计大师Ajax之父74张图详谈用户体验的要素

外国设计大师Ajax之父74张图详谈用户体验的要素

17、网站基本的二元性

外国设计大师Ajax之父74张图详谈用户体验的要素

18、战略层

- 用户需求:网站必须为使用它的人提供些什么

- 网站目的:网站必须为建立它的人做些什么

外国设计大师Ajax之父74张图详谈用户体验的要素

19、用户需求

- 一些基本原则——用户使用产品必须能够:

- 工作

- 可操作使用

- 达到一些期望

-但是大部分时候需要根据实际使用对象和产品具体分析

外国设计大师Ajax之父74张图详谈用户体验的要素

20、用户调研

- 这是最好的方式来了解用户实际需求

-很多方式方法:从快速、廉价到长期、昂贵的都有

-推荐一本好书《Observing the User Experience》

外国设计大师Ajax之父74张图详谈用户体验的要素

21、用户细分

- 可以控制地识别用户需求

-通过用户共性特征分类

外国设计大师Ajax之父74张图详谈用户体验的要素

22、用户模型

-以用户调研为基础的特征描述

-从一系列常规特征推论到具体事件

外国设计大师Ajax之父74张图详谈用户体验的要素

23、网站目的

-经常与商业性有关

-商业目的

-商业驱动

-商业需求

-需要具体问题具体分析

-独立于组织结构的其他行为

外国设计大师Ajax之父74张图详谈用户体验的要素

24、成功的度量流量

-唯一的方法用来获知改变网站设计有何不同

-紧密地与站点目标连接

-未来将会更广泛应用

外国设计大师Ajax之父74张图详谈用户体验的要素

25、范围层

-功能说明:网站应有的应用特色

-内容需求:网站必须包含的基本内容

外国设计大师Ajax之父74张图详谈用户体验的要素

26、功能说明

-什么样的特色应用是用户需要用来完成目标的?

-聚焦在“它该做什么”

-而不是“它怎么工作”

-也不是“它什么不能做”

-具体一些,但不要指使系统设计

外国设计大师Ajax之父74张图详谈用户体验的要素

27、内容需求

-什么样的信息是用户需要的或想从网站获取的

-它采用何种形式

-它的来源是哪里

-谁来负责?

-根据目的定义要点

外国设计大师Ajax之父74张图详谈用户体验的要素

28、跟进文档

-文档是在浪费时间?

-没人看

-它们从来不是最新的

-维护起来很麻烦

-花在规划网站的时间是为制作网站的时候节约时间

-把文档融进进程,而不是作为一个独立的步骤

外国设计大师Ajax之父74张图详谈用户体验的要素

29、结构层

-交互设计:用户如何在过程中从一步移到另一步

-信息架构:用户如何从一个内容要素移到下一个

外国设计大师Ajax之父74张图详谈用户体验的要素

30、交互设计

-交互行为

-一方面用户能够使用系统

-另一方面系统能够反馈给用户信息

外国设计大师Ajax之父74张图详谈用户体验的要素

31、信息架构

-明确各内容要素间的概念关系

-影响用户思考主题

-常常是等级式的,但也不是一定的

外国设计大师Ajax之父74张图详谈用户体验的要素

32、自上而下 VS 自下而上

-自上而下以分类开始,再对内容进行归类

外国设计大师Ajax之父74张图详谈用户体验的要素

33、自上而下 VS 自下而上

-自下而上以内容开始,最后集结成几类

外国设计大师Ajax之父74张图详谈用户体验的要素

34、文档结构

-可视化的表达更有效

-根据需要,图表可繁可简

-更多说明欢迎访问以下网址

外国设计大师Ajax之父74张图详谈用户体验的要素

35、框架层

-信息设计:帮助用户理解信息

-界面设计:帮助用户输入,促进系统输出

-导航设计:为用户提供更轻松便捷的移动操作

外国设计大师Ajax之父74张图详谈用户体验的要素

36、信息设计

-我们如何表达信息使得人们理解并使用它

-从不同信息中传达出相对重要的信息

-引导用户从一条信息到另一条

-提醒重要细节

-传达各元素联系

外国设计大师Ajax之父74张图详谈用户体验的要素

37、信息设计

外国设计大师Ajax之父74张图详谈用户体验的要素

38、界面设计

-为用户提供与应用程序功能交互的一种可视化方式

外国设计大师Ajax之父74张图详谈用户体验的要素

39、导航设计

-表达出用户可以有哪些选择

-使用户移动操作更便利

-不同的设计有不同的效果

外国设计大师Ajax之父74张图详谈用户体验的要素

40、线框图

-将所有框架议题放到一个高度概括的“草图”里

-图示表达页面元素相对优先级

-建议页面布局的方式

外国设计大师Ajax之父74张图详谈用户体验的要素

41、外观层

-视觉设计:“外观和感觉”中的“外观”

-经常会有部分人认为你在说“网页设计”

-不仅是美学范畴

外国设计大师Ajax之父74张图详谈用户体验的要素

42、配色

外国设计大师Ajax之父74张图详谈用户体验的要素

43、字体

外国设计大师Ajax之父74张图详谈用户体验的要素

44、用户体验的要素

外国设计大师Ajax之父74张图详谈用户体验的要素

45、要素的应用举例

外国设计大师Ajax之父74张图详谈用户体验的要素

46、以搜索引擎为例

-几乎所有的网站都有

-每个网站的方式都有差别

外国设计大师Ajax之父74张图详谈用户体验的要素

47、战略层

-用户需求

-用户需要搜索引擎吗?

-是否限制了那些需要搜索功能的用户的需求?

-网站目的

-使用可操作搜索可以获取我们提供的信息么?

-是否可操作搜索限制了网站所需要达成的目标?

外国设计大师Ajax之父74张图详谈用户体验的要素

48、范围层

-产品功能说明书

 -关键词输入

 -其他领域的特殊标准

 -缩小搜索结果范围的能力

-内容需求

 -标记

 -结果数据

 -帮助文档

外国设计大师Ajax之父74张图详谈用户体验的要素

49、结构层

-交互设计

 -用户每一步可做的选择

 -多控制下的系统行为

-信息架构

 -作为搜索标准的构架范围

 -元数据结构

外国设计大师Ajax之父74张图详谈用户体验的要素

50、框架层

 -信息设计

-搜索结果的布局

-错误状态的表达

 -界面设计

-用户输入的途径

 -导航设计

-进入界面流和离开界面流

-通过搜索结果移动浏览

外国设计大师Ajax之父74张图详谈用户体验的要素

51、外观层

-视觉设计

 -颜色

 -字体样式

 -布局

外国设计大师Ajax之父74张图详谈用户体验的要素

52、提出正确的问题

-我们尝试解决哪些问题

-我们针对问题提出哪些解决方法会导致什么样的结果?

-解决办法是否促使我们重新思考其他问题?

外国设计大师Ajax之父74张图详谈用户体验的要素

53、马拉松和短距离冲刺

-冲刺是短期竞速

 -快速开始

 -尽快燃烧能量

-马拉松是长期赛跑

 -自己控制速度

 -选择何时燃烧能量

-你打算尝试那种运动?

-哪种运动你正在做?

外国设计大师Ajax之父74张图详谈用户体验的要素

54、回答出反对的理由

-“市场调研可以告诉我们所有关于用户的事”

 -人口数据可不是用户深入研究

-“我们就遵照网上找来的指导挨个来做”

 -网上找的资料必定很普遍

-“界面是简单的——技术是复杂的”

 -什么更复杂:机器还是人

外国设计大师Ajax之父74张图详谈用户体验的要素

55、回答出反对的理由

-“我们雇不起专家”

 -任何事你都不需要专家

-“我们做的时候再弄明白”

 -爵士乐可以即兴创作,设计可不行

-“我们做质量评估的时候再处理”

 -那时候就晚了

-“时间表上没时间了”

 -下次发布的时候节约时间吧

外国设计大师Ajax之父74张图详谈用户体验的要素

56、该避免犯的错误

-弃权式设计:“我们应该做哪些容易完成的事”

-模仿式设计:“如果这对亚马逊网是足够好的,对我们也是”

-命令式设计:“因为我说过”

外国设计大师Ajax之父74张图详谈用户体验的要素

57、瀑布式是危险的

外国设计大师Ajax之父74张图详谈用户体验的要素

58、迭代式发展

-网站更新不会停止

-做你现在要做的

-总是前瞻性地计划下次发布

外国设计大师Ajax之父74张图详谈用户体验的要素

59、职责

-具体你选的哪项职责无关紧要——只要你把所有板块都覆盖住

外国设计大师Ajax之父74张图详谈用户体验的要素

60、九大支柱

-常见成功团队的核心能力

-影响团队的:

-职责

-进程

外国设计大师Ajax之父74张图详谈用户体验的要素

61、用户调研

-以用户为中心设计的基础

-告知所有的战略决定

-基本职责是认识用户需求

-头衔:

-用户调研员

-可用性分析师

外国设计大师Ajax之父74张图详谈用户体验的要素

62、站点战略

-基本职责是定义站点目的

-决定优先级和成功的度量法

-头衔:

-商业分析师

-产品经理

-执行监制

外国设计大师Ajax之父74张图详谈用户体验的要素

63、技术战略

-主要负责功能说明书

-决定技术平台和采用标准

-头衔:

-高级工程师

-开发主管

-技术领头人

外国设计大师Ajax之父74张图详谈用户体验的要素

64、内容战略

-主要负责内容需求

-决定合适的版式和主题

-头衔:

-内容策划人

-内容编辑

-主编

外国设计大师Ajax之父74张图详谈用户体验的要素

65、抽象设计

-把战略转向设计概念

-主要负责结构层

-有时负责范围和框架层

-头衔:

-信息架构师

-交互设计师

-界面专家

外国设计大师Ajax之父74张图详谈用户体验的要素

66、技术执行

-有策略地执行技术战略

-可能要组合很多职能:从编码到整合到测试

-头衔:

-软件工程师

-HTML开发者

-QA测试员

外国设计大师Ajax之父74张图详谈用户体验的要素

67、内容制作

-有策略地执行内容战略

-搜集,编辑,生产和部署内容(不仅是文本)

-头衔:

-内容制作人

-作者

-编辑

用户体验设计 ajax

相关推荐