如何进行交互设计

1,435 views

Published on

to show the process of interaction design

Published in: Design, Business, Technology
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,435
On SlideShare
0
From Embeds
0
Number of Embeds
8
Actions
Shares
0
Downloads
43
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

如何进行交互设计

  1. 1. DESIGN<br />INTERACTION<br />如何进行交互设计<br />hereiswzm@hotmail.com<br />
  2. 2. DESIGN<br />INTERACTION<br />交互设计概述<br />
  3. 3. User-Centered Design,以用户为中心的设计<br />交互设计的中心思想<br />
  4. 4. User-Centered Design,以用户为中心的设计<br />在进行产品设计、开发、维护时从用户的需求和用户的感受出发,围绕用户为中心进行产品设计、开发及维护,而不是让用户去适应产品。<br />无论产品的使用流程、产品的信息架构、人机交互方式等,以UCD为核心的设计都时刻高度关注并考虑用户的使用习惯、预期的交互方式、视觉感受等方面。<br />
  5. 5. 交互设计的常用方法<br />卡片分类(Card Sorting)观察用户是如何理解内容和组织信息,用来帮助你的网站(产品)更合理的组织信息。-------------------------------------------------情境访谈(Contextual Interviews)走进用户的现实环境,让你了解你的用户的工作方式,生活环境等等情况。-------------------------------------------------焦点小组(Focus Groups)组织一组的用户进行讨论,让你更了解用户的理解、想法、态度和想要什么。-------------------------------------------------启发式评估(Heuristic Evaluation)可用性的检查方法,让一些行内专家对网站产品进行指导。<br />
  6. 6. 交互设计的常用方法<br />单独访谈(Individual Interviews)一对一的用户讨论,让你了解某个用户是如何工作,使你知道用户的感受,想要什么和他的经历. --------------------------------------------------平行设计(Parallel Design)对同一个网站(产品)进行分开的设计,从而比较选择一个最佳方案。--------------------------------------------------角色模型(Personas)构建一个虚构的人来代表大部分用户,设计团队围绕这个虚拟人物设计开发产品。--------------------------------------------------原型(Prototyping)利用简单网站(产品)原型进行相关的测试,从而节约后期大量的成本。<br />
  7. 7. 交互设计的常用方法<br />问卷调查(Surveys)利用网上或纸张的问题list对用户进行发放填写,从而收集用户对网站(产品)的反馈意见。--------------------------------------------------任务分析(Task Analysis)通过任务分析了解用户使用你网站(产品)时的目标和操作方式,习惯。--------------------------------------------------可用性测试(Usability Testing)请用户来试用你的网站(产品),有任务性的完成测试。从而得到你所想要的东西。--------------------------------------------------用例(Use Cases)描述某个用户使用你网站(产品)时的情况,包括目标和行动。--------------------------------------------------内容优化(Writing for the Web)对你的网站(产品)进行内容上的整理、优化。让用户更清晰容易的了解你所表达的内容。 <br />
  8. 8. 交互设计十大交付件<br />1.用户需求文档人物角色 可用性测试计划可用性测试结果2.策略文档概念模型内容详单竞品分析3.设计文档线框图流程图站点地图屏幕设计图<br />
  9. 9. 交互设计的工具<br />原则:指导设计的思想模式:<br />交互设计的习惯用法,常用解决具体用户需求和设计问题的方法<br />过程:<br />1.研究产品所处的领域<br />2.了解用户及其需求<br />3.定义设计方案和框架<br />4.填充设计细节<br />5.可用性验证<br />
  10. 10. 看到这里,很多同学就会对比起产品设计的流程来<br />改良产品设计流程(2)<br />1.提出设计问题<br />2.问题分析<br />3.定下设计主题<br />4.设计调查和资料收集<br />5.设计分析与综合化<br />6.设计展开(草图&gt;效果图&gt;模型)<br />概念产品设计流程(1)<br />1.进行市场调查,同类产品比较,寻找市场空白点<br />2.定位目标群体<br />3.为目标群体设计相应的功能<br />4.方案设计(概念生成,草图)<br />从流程来看,交互设计和产品设计都有调查,都有目标用户群体,都会有预先方案。这到底有什么不同呢?<br />
  11. 11. 侧重点不同<br />产品设计注重于:产品的功能和外形<br />交互设计注重于:人与机器交互的过程<br />面向对象不同<br />产品设计面向于:工业实体产品,对于技术,材料造价局限性比较大<br />交互设计主要面向于:计算机数字产品,局限性较小 <br />
  12. 12. 其实,交互设计也是一种针对于产品的设计,特别是计算机产品的设计。<br />但是因为计算机产品高度发达而是使其从产品设计中细分出来,形成自己一套独立的设计体系和思想。<br />
  13. 13. DESIGN<br />INTERACTION<br />交互设计流程<br />
  14. 14. 在《用户体验要素》中,有这样一个著名的模型它阐述了用户体验的五个层面的同时,也表明了一个数字产品的设计流程。<br />
  15. 15. 概念&gt;需求&gt;流程&gt;框架&gt;视觉<br />其中,在产品设计中所重视的外形设计占的分量明显减少。<br />
  16. 16. 例子:豆瓣网,它的网页设计说不上任何漂亮或者绚丽,因为它靠着独特的定位和交互形式吸引了很多用户。<br />
  17. 17. 吸引用户的不是豆瓣的简洁,而是一种类似于“迎合”的心理需求, 就像Lastfm,都是基于用户偏好的WEB 2.0形式。<br />
  18. 18. DESIGN<br />INTERACTION<br />目标导向设计<br />
  19. 19. 目标导向设计<br />目标导向的交互设计方法关注用户的目标,<br />在研究产品的实际用户和潜在用户的基础上,<br />定义出具体的原型用户(人物角色persona);<br />使用人物角色作为脚本提纲(scenarios)的主要人物,<br />把人物角色作为定义产品功能、行为和形式的主要工具,<br />在设计过程中遵循行为设计的原理。<br />1<br />2<br />3<br />4<br />
  20. 20. 什么是目标?<br />目标是终结条件,而任务是达到目标所需要的中间过程。区别任务和目标非常重要,人们很容易将它们相互混淆。<br />     目标和任务有时是截然相反的     美国总统希望海外和平时,他派出去的是飞机和枪支。<br />    <br />
  21. 21. 目标是稳定的,任务是易变的。显然,我们应该为目标设计,而不是为任务设计。<br />    <br />这就像我们在设计的时候,我们只有一个设计理念,但是有很多设计的方案一样。<br />
  22. 22. 当交互设计师通过分析目标去解决问题时,通常会找到非常不同,但是好得多的解决方案。<br />    <br />
  23. 23. 实际目标     实际目标是连接企业目标和个人目标的桥梁。<br />企业目标   增加利润    增加市场份额    击败竞争对手    聘用更多职员    提供更多的产品和服务    上市<br />个人目标   不觉得自己愚蠢   不出现差错   完成适量的工作   有趣(或至少不觉得乏味<br />用户需求=利益<br />
  24. 24. 个人目标&gt;实际目标<br />     例:一台新电视,要设置后才能观看结目。      个人目标:看电视     实际目标:设置     结果:不会设置,导致无法看电视,个人目标未实现,用户恼怒。     如果电脑允许先看(先满足个人目标),再来设置。虽然显示效果相对来说不好,但用户会很乐意花时间去琢磨怎么设置。<br />    由于程序员的特点所致,他们创建的软件虽然漂亮的满足了实际目标,但是却不能满足使用者的个人目标。<br />
  25. 25. 良好的交互设计的本质是,设计的交互能让使用者在不影响个人目标的情况下,达到他们的实际目标。<br />
  26. 26. cooper的目标导向设计过程<br />
  27. 27. 我以我的毕业设计来作为案例讲解一下<br />基于人物角色的交互设计流程<br />案例背景:<br />湖南科技馆网站设计,虚拟课题<br />由湖南科技馆展示设计而衍生出来的,因为是属于投标项目,所以我们也没有办法接触到真正的客户--湖南科技馆相关工作人员。这个项目也简略了很多步骤。<br />
  28. 28.
  29. 29. 这里每一个步骤展开来都有很多细节性的注意点<br />比如:<br />用户访谈的时候,不能对每个用户都问固定的问题,最好在交互发生的地方进行访谈,问题的方向有:<br />有面向目标的问题,如:什么事情会使你一天过得很愉快?<br />面向系统的问题,如:你使用产品做得最多的是什么事?<br />面向工作流的问题,如:你今天是怎么度过的<br />面向态度的问题,如:哪些事你在拖延?<br />
  30. 30. 场景构建的时候,需要<br />日常场景:使用者需要执行的主要任务,这些任务还经常执行。<br />                <br /> 必要场景:所有不常用但必须具备的场景。<br />        <br />边缘场景:为处理边缘状况而产生的不常用任务。<br />            <br />
  31. 31. 目标导向设计的起点是定义用户角色,只有定义了人物角色才能定义角色目标。<br />
  32. 32. 下一章—定义人物角色的案例分析<br />
  33. 33. THANKS,THE END….<br />Wendy<br />2009.9.18<br />

×