如何进行交互设计
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

如何进行交互设计

on

  • 1,651 views

to show the process of interaction design

to show the process of interaction design

Statistics

Views

Total Views
1,651
Views on SlideShare
1,647
Embed Views
4

Actions

Likes
2
Downloads
42
Comments
0

1 Embed 4

http://www.slideshare.net 4

Accessibility

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

如何进行交互设计 Presentation Transcript

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