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

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

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

1、认识用户体验的要素

2、 史上最差的一些电影

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

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

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

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

5、以用户为中心的设计

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

-产品自身不是结束

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

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

6、用户体验关注什么？

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

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

-它包含各个范畴的因素

7、外观层

8、框架层

9、结构层

10、范围层

11、战略层

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

14、扫除一些名词障碍

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

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

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

17、网站基本的二元性

18、战略层

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

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

19、用户需求

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

- 工作

- 可操作使用

- 达到一些期望

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

20、用户调研

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

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

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

21、用户细分

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

-通过用户共性特征分类

22、用户模型

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

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

23、网站目的

-经常与商业性有关

-商业目的

-商业驱动

-商业需求

-需要具体问题具体分析

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

24、成功的度量流量

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

-紧密地与站点目标连接

-未来将会更广泛应用#p#

25、范围层

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

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

26、功能说明

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

-聚焦在“它该做什么”

-而不是“它怎么工作”

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

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

27、内容需求

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

-它采用何种形式

-它的来源是哪里

-谁来负责？

-根据目的定义要点

28、跟进文档

-文档是在浪费时间？

-没人看

-它们从来不是***的

-维护起来很麻烦

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

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

29、结构层

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

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

30、交互设计

-交互行为

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

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

31、信息架构

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

-影响用户思考主题

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

32、自上而下 VS 自下而上

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

33、自上而下 VS 自下而上

-自下而上以内容开始，***集结成几类

34、文档结构

-可视化的表达更有效

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

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

35、框架层

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

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

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

36、信息设计

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

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

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

-提醒重要细节

-传达各元素联系

37、信息设计

38、界面设计

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

39、导航设计

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

-使用户移动操作更便利

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

40、线框图

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

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

-建议页面布局的方式#p#

41、外观层

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

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

-不仅是美学范畴

42、配色

43、字体#p#

44、用户体验的要素

45、要素的应用举例

46、以搜索引擎为例

-几乎所有的网站都有

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

47、战略层

-用户需求

-用户需要搜索引擎吗？

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

-网站目的

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

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

48、范围层

-产品功能说明书

　-关键词输入

　-其他领域的特殊标准

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

-内容需求

　-标记

　-结果数据

　-帮助文档

49、结构层

-交互设计

　-用户每一步可做的选择

　-多控制下的系统行为

-信息架构

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

　-元数据结构

50、框架层

　-信息设计

-搜索结果的布局

-错误状态的表达

　-界面设计

-用户输入的途径

　-导航设计

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

-通过搜索结果移动浏览

51、外观层

-视觉设计

　-颜色

　-字体样式

　-布局#p#

52、提出正确的问题

-我们尝试解决哪些问题

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

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

53、马拉松和短距离冲刺

-冲刺是短期竞速

　-快速开始

　-尽快燃烧能量

-马拉松是长期赛跑

　-自己控制速度

　-选择何时燃烧能量

-你打算尝试那种运动？

-哪种运动你正在做？

54、回答出反对的理由

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

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

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

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

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

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

55、回答出反对的理由

-“我们雇不起专家”

　-任何事你都不需要专家

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

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

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

　-那时候就晚了

-“时间表上没时间了”

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

56、该避免犯的错误

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

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

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

57、瀑布式是危险的

58、迭代式发展

-网站更新不会停止

-做你现在要做的

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

59、职责

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

60、九大支柱

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

-影响团队的：

-职责

-进程

61、用户调研

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

-告知所有的战略决定

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

-头衔：

-用户调研员

-可用性分析师

62、站点战略

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

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

-头衔：

-商业分析师

-产品经理

-执行监制

63、技术战略

-主要负责功能说明书

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

-头衔：

-高级工程师

-开发主管

-技术领头人

64、内容战略

-主要负责内容需求

-决定合适的版式和主题

-头衔：

-内容策划人

-内容编辑

-主编

65、抽象设计

-把战略转向设计概念

-主要负责结构层

-有时负责范围和框架层

-头衔：

-信息架构师

-交互设计师

-界面专家

66、技术执行

-有策略地执行技术战略

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

-头衔：

-软件工程师

-HTML开发者

-QA测试员

67、内容制作

-有策略地执行内容战略

-搜集，编辑，生产和部署内容（不仅是文本）

-头衔：

-内容制作人

-作者

-编辑

68、视觉设计

-有策略地实现抽象设计

-主要负责外观层

-有时负责框架和结构层

-头衔：

-界面设计师

-视觉设计师

69、项目管理

-将所有策略能力绑定

-在小型组织里常常忽略

-头衔：

-制作人

-项目管理

70、九大支柱

-不是一个九人小组

-也不是一个九项步骤的过程

-应该正确结合两者并深入进去研究

71、以上这些都是关于什么呢？

- 开发前要做计划

-对于你所有选择要有清晰的理由

-清楚明确地表达

-做人们喜爱的东西

[[19281]]

72、结束

【编辑推荐】