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

Ajax之父Jesse James Garrett在adaptive path工作坊上的演讲_用户体验的要素
2010-6-27-8-06-231-300x225.png

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

2010-6-27-8-07-15-300x223.png

  1、认识用户体验的要素

2010-6-27-8-09-041-300x225.png

  2、 史上最差的一些电影

2010-6-27-8-09-211-300x225.png

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

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

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

2010-6-27-8-10-06-300x224.png

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

2010-6-27-8-10-22-300x224.png

  5、以用户为中心的设计

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

  -产品自身不是结束

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

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

2010-6-27-8-10-39-300x224.png

  6、用户体验关注什么?

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

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

  -它包含各个范畴的因素

2010-6-27-8-10-53-300x224.png

  7、外观层

2010-6-27-8-11-23-300x225.png

  8、框架层

2010-6-27-8-11-38-300x224.png

  9、结构层

2010-6-27-8-11-54-300x224.png

  10、范围层

2010-6-27-8-12-09-300x225.png

  11、战略层

2010-6-27-8-12-22-300x224.png

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

2010-6-27-8-12-51-300x225.png

  14、扫除一些名词障碍

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

2010-6-27-8-13-10-300x223.png

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

2010-6-27-8-13-27-300x224.png

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

2010-6-27-8-13-43-300x224.png

4c844a11288027e2f6039e211-269x300.png

  17、网站基本的二元性

2010-6-27-8-13-58-300x224.png

  18、战略层

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

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

2010-6-27-8-16-00-300x224.png

  19、用户需求

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

  - 工作

  - 可操作使用

  - 达到一些期望

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

2010-6-27-8-16-18-300x225.png

  20、用户调研

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

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

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

2010-6-27-8-17-07-300x224.png

  21、用户细分

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

  -通过用户共性特征分类

2010-6-27-8-17-21-300x225.png

  22、用户模型

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

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

2010-6-27-8-17-34-300x225.png

  23、网站目的

  -经常与商业性有关

  -商业目的

  -商业驱动

  -商业需求

  -需要具体问题具体分析

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

2010-6-27-8-18-01-300x224.png

  24、成功的度量流量

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

  -紧密地与站点目标连接

  -未来将会更广泛应用

2010-6-27-8-18-15-300x225.png

  25、范围层

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

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

2010-6-27-8-18-27-300x224.png

  26、功能说明

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

  -聚焦在“它该做什么”

  -而不是“它怎么工作”

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

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

2010-6-27-8-18-42-300x224.png

  27、内容需求

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

  -它采用何种形式

  -它的来源是哪里

  -谁来负责?

  -根据目的定义要点

2010-6-27-8-18-56-300x224.png

  28、跟进文档

  -文档是在浪费时间?

  -没人看

  -它们从来不是最新的

  -维护起来很麻烦

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

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

2010-6-27-8-19-14-300x224.png

  29、结构层

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

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

2010-6-27-8-19-29-300x224.png

  30、交互设计

  -交互行为

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

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

2010-6-27-8-19-44-300x225.png

  31、信息架构

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

  -影响用户思考主题

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

2010-6-27-8-19-57-300x225.png

  32、自上而下 VS 自下而上

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

2010-6-27-8-20-15-300x224.png

  33、自上而下 VS 自下而上

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

2010-6-27-8-20-31-300x225.png

  34、文档结构

  -可视化的表达更有效

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

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

2010-6-27-8-20-441-300x224.png

  35、框架层

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

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

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

2010-6-27-8-20-58-300x224.png

  36、信息设计

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

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

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

  -提醒重要细节

  -传达各元素联系

2010-6-27-8-21-161-300x225.png

  37、

2010-6-27-8-21-31-300x225.png

  38、界面设计

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

2010-6-27-8-21-43-300x224.png

  39、导航设计

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

  -使用户移动操作更便利

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

2010-6-27-8-21-58-300x223.png

  40、线框图

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

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

  -建议页面布局的方式

2010-6-27-8-22-23-300x224.png

  41、外观层

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

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

  -不仅是美学范畴

2010-6-27-8-22-36-300x224.png

  42、配色

2010-6-27-8-23-08-300x225.png

  43、字体

2010-6-27-8-23-41-300x224.png

  44、用户体验的要素

2010-6-27-8-25-14-300x224.png

  45、要素的应用举例

2010-6-27-8-25-26-300x224.png

  46、以搜索引擎为例

  -几乎所有的网站都有

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

2010-6-27-8-25-38-300x224.png

  47、战略层

  -用户需求

  -用户需要搜索引擎吗?

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

  -网站目的

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

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

2010-6-27-8-26-01-300x224.png

  48、范围层

  -产品功能说明书

   -关键词输入

   -其他领域的特殊标准

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

  -内容需求

   -标记

   -结果数据

   -帮助文档

2010-6-27-8-26-35-300x225.png

  49、结构层

  -交互设计

   -用户每一步可做的选择

   -多控制下的系统行为

  -信息架构

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

   -元数据结构

2010-6-27-8-26-49-300x224.png

  50、框架层

   -信息设计

    -搜索结果的布局

    -错误状态的表达

   -界面设计

    -用户输入的途径

   -导航设计

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

    -通过搜索结果移动浏览

2010-6-27-8-27-03-300x224.png

  51、外观层

  -视觉设计

   -颜色

   -字体样式

   -布局

2010-6-27-8-27-31-300x224.png

  52、提出正确的问题

  -我们尝试解决哪些问题

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

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

2010-6-27-8-27-50-300x225.png

  53、马拉松和短距离冲刺

  -冲刺是短期竞速

   -快速开始

   -尽快燃烧能量

  -马拉松是长期赛跑

   -自己控制速度

   -选择何时燃烧能量

  -你打算尝试那种运动?

  -哪种运动你正在做?

2010-6-27-8-28-09-300x225.png

  54、回答出反对的理由

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

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

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

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

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

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

2010-6-27-8-28-27-300x224.png

  55、回答出反对的理由

  -“我们雇不起专家”

   -任何事你都不需要专家

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

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

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

   -那时候就晚了

  -“时间表上没时间了”

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

2010-6-27-8-28-40-300x224.png

56、该避免犯的错误

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

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

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

2010-6-27-8-28-55-300x224.png

57、瀑布式是危险的

2010-6-27-8-29-10-300x225.png

58、迭代式发展

-网站更新不会停止

-做你现在要做的

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

2010-6-27-8-29-25-300x224.png

59、职责

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

2010-6-27-8-29-47-300x224.png

60、九大支柱

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

-影响团队的:

-职责

-进程

2010-6-27-8-30-02-300x225.png

61、用户调研

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

-告知所有的战略决定

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

-头衔:

-用户调研员

-可用性分析师

2010-6-27-8-30-18-300x224.png

62、站点战略

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

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

-头衔:

-商业分析师

-产品经理

-执行监制

2010-6-27-8-30-34-300x225.png

63、技术战略

-主要负责功能说明书

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

-头衔:

-高级工程师

-开发主管

-技术领头人

2010-6-27-8-30-47-300x225.png

64、内容战略

-主要负责内容需求

-决定合适的版式和主题

-头衔:

-内容策划人

-内容编辑

-主编

2010-6-27-8-31-03-300x224.png

65、抽象设计

-把战略转向设计概念

-主要负责结构层

-有时负责范围和框架层

-头衔:

-信息架构师

-交互设计师

-界面专家

2010-6-27-8-31-19-300x224.png

66、技术执行

-有策略地执行技术战略

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

-头衔:

-软件工程师

-HTML开发者

-QA测试员

2010-6-27-8-31-191-300x224.png

67、内容制作

-有策略地执行内容战略

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

-头衔:

-内容制作人

-作者

-编辑

2010-6-27-8-31-47-300x224.png

68、视觉设计

-有策略地实现抽象设计

-主要负责外观层

-有时负责框架和结构层

-头衔:

-界面设计师

-视觉设计师

2010-6-27-8-32-00-300x225.png

69、项目管理

-将所有策略能力绑定

-在小型组织里常常忽略

-头衔:

-制作人

-项目管理

2010-6-27-8-32-14-300x225.png

  70、九大支柱

  -不是一个九人小组

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

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

2010-6-27-8-32-26-300x225.png

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

  - 开发前要做计划

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

  -清楚明确地表达

  -做人们喜爱的东西

2010-6-28-8-18-52-300x225.png

  72、结束

转载于:https://www.cnblogs.com/chinaqiao/archive/2011/03/14/1983239.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值