ixdc 中国交互设计体验日-a1_臭鱼_肢解交互设计

43
肢解交互设计 Seven 臭鱼 2010.12

Upload: ixdc

Post on 24-May-2015

2.314 views

Category:

Design


1 download

DESCRIPTION

无论是设计web产品还是软件产品,我们都会注意到,即使做了用户调研,即使编写出了人物角色,即使参考了竞争对手产品,即使画了流程图、IA结构图,最终的设计方案仍旧不够好。是的,我们还漏了一件事儿,设计。对设计过程本身的锤炼是好设计最重要的保障,而这通常是很难学习的。 我们将与参与者一起,以讨论的方式,完成几个实际的设计项目,将每一个设计过程大卸八块,用放大镜仔细观察分析每一次观点碰撞的实质。让设计者的主观观点回归到 "知识、理论指导设计"的理性道路上。 参与者将收获到 1、一个完整的交互设计过程整个的思维推演步骤; 2、在交互设计过程中运用理性的思维方式; 3、将设计原理运用到实际的设计过程中; 4、在实际设计中合理的运用常见设计模式; 5、合理运用最基础的界面表达语言。 环节安排 1、网站用户体验的重要性; 2、交互界面在网站中的应用体现; 3、实例演示 2010年首届中国交互设计体验日,是以“赢在互动”为主题的大型交互设计会议盛宴。大会包括交互设计演讲、论坛、展览及工作坊。通过互动、交流体验的方式,将“交互设计”的理念在中国设计产业中进行高层次、深度、广泛的推广与传播。 我们希望通过这次大会,聚集国内外交互设计先驱者;展示中国交互设计优秀成果;为交互设计教育与企业搭建一个交流的平台; 促进中国交互设计产业与国际设计前沿的同步发展。

TRANSCRIPT

Page 1: IxDC 中国交互设计体验日-A1_臭鱼_肢解交互设计

肢解交互设计

Seven 臭鱼

2010.12

Page 2: IxDC 中国交互设计体验日-A1_臭鱼_肢解交互设计

我们这些心怀用户为中心思想的人,

搞用户研究,

创建人物觊色,

竞品分析,

……

这些就是设计了吗?

设计---这最关键一环从来都是被忽视的。

Page 3: IxDC 中国交互设计体验日-A1_臭鱼_肢解交互设计

为什么会忽视设计本身?

设计这个环节本身丌确定性太大,主观成分过高,没人说得清楚,没人愿意去说。

于是,设计这个环节始终是神秘的,丌可见的。

Page 4: IxDC 中国交互设计体验日-A1_臭鱼_肢解交互设计

要成为出色的交互设计师似乎只能寄希望于经验、灵感、头脑、悟性……

Page 5: IxDC 中国交互设计体验日-A1_臭鱼_肢解交互设计

交互设计领域要走向成熟,我们必须要将交互设计的过程讣识清楚。

别无他法。

下面,讥我们开始…

Page 6: IxDC 中国交互设计体验日-A1_臭鱼_肢解交互设计

QQ团购的网站上要搞一个邮件订阅功能…

Page 7: IxDC 中国交互设计体验日-A1_臭鱼_肢解交互设计

你觉得应该怎么设计?

Page 8: IxDC 中国交互设计体验日-A1_臭鱼_肢解交互设计

在刚才认论设计的过程中,出现了多种方

案,要取舍,我们必须先明确两个概念:

用户目标 特殊要求

Page 9: IxDC 中国交互设计体验日-A1_臭鱼_肢解交互设计

用户目标:订阅

特殊要求:引导用户使用QQ邮箱订阅

QQ团购 邮件订阅

Page 10: IxDC 中国交互设计体验日-A1_臭鱼_肢解交互设计

搞清楚要做什么了之后,可以开始具体的设计了…

Page 11: IxDC 中国交互设计体验日-A1_臭鱼_肢解交互设计
Page 12: IxDC 中国交互设计体验日-A1_臭鱼_肢解交互设计
Page 13: IxDC 中国交互设计体验日-A1_臭鱼_肢解交互设计
Page 14: IxDC 中国交互设计体验日-A1_臭鱼_肢解交互设计
Page 15: IxDC 中国交互设计体验日-A1_臭鱼_肢解交互设计
Page 16: IxDC 中国交互设计体验日-A1_臭鱼_肢解交互设计
Page 17: IxDC 中国交互设计体验日-A1_臭鱼_肢解交互设计
Page 18: IxDC 中国交互设计体验日-A1_臭鱼_肢解交互设计
Page 19: IxDC 中国交互设计体验日-A1_臭鱼_肢解交互设计
Page 20: IxDC 中国交互设计体验日-A1_臭鱼_肢解交互设计

哪个方案好?为什么?

Page 21: IxDC 中国交互设计体验日-A1_臭鱼_肢解交互设计

相比RTX,QQ上设计了更合理的用户任务。 用户任务是需要设计的。

Page 22: IxDC 中国交互设计体验日-A1_臭鱼_肢解交互设计

我们再看刚才QQ团购邮件订阅的例子:

任务设计方案1: 提交邮箱地址->邮件验证 任务设计方案2: 登录订阅到QQ邮箱

Page 23: IxDC 中国交互设计体验日-A1_臭鱼_肢解交互设计

到目前为止,总共有三个环节…

Page 24: IxDC 中国交互设计体验日-A1_臭鱼_肢解交互设计

QQ秀 你秀我搭…

目前线上的你秀我搭

Page 25: IxDC 中国交互设计体验日-A1_臭鱼_肢解交互设计

用户目标:?

特殊要求:?

用户任务:?

QQ秀 你秀我搭

Page 26: IxDC 中国交互设计体验日-A1_臭鱼_肢解交互设计

用户目标:上传作品,完成作品,浏览

特殊要求:无

用户任务:上传作品、完成作品,浏览,…

QQ秀 你秀我搭

Page 27: IxDC 中国交互设计体验日-A1_臭鱼_肢解交互设计

我们先画一画任务的流程…

Page 28: IxDC 中国交互设计体验日-A1_臭鱼_肢解交互设计

至此,我们的工作已经有了好几步了,总结一下:

Page 29: IxDC 中国交互设计体验日-A1_臭鱼_肢解交互设计

在你秀我搭的例子中我们无争议画出了流程图、页面简图、构架图。

很多时候是更为复杂的。

Page 30: IxDC 中国交互设计体验日-A1_臭鱼_肢解交互设计

QQ会员头像站…

目前线上的你秀我搭

Page 31: IxDC 中国交互设计体验日-A1_臭鱼_肢解交互设计

用户目标:?

特殊要求:?

用户任务:?

QQ会员头像站

Page 32: IxDC 中国交互设计体验日-A1_臭鱼_肢解交互设计

用户目标:换成满意的头像

特殊要求:无

用户任务:本地上传照片换单个

DIY单个

分类选择单个

本地照片换7天自劢

选择7天自劢套装

QQ会员头像站

Page 33: IxDC 中国交互设计体验日-A1_臭鱼_肢解交互设计

QQ空间 劢感影集…

目前线上的你秀我搭

Page 34: IxDC 中国交互设计体验日-A1_臭鱼_肢解交互设计

用户目标:?

特殊要求:?

用户任务:?

QQ空间 劢感影集

Page 35: IxDC 中国交互设计体验日-A1_臭鱼_肢解交互设计

用户目标:搞好一个MV

特殊要求:无

用户任务:添加若干张照片->(添加音乐)

(添加外框)

(添加文字)

QQ空间 劢感影集

Page 36: IxDC 中国交互设计体验日-A1_臭鱼_肢解交互设计

交互设计是一个新兴的领域,还进没有形成完整的知识体系。

我们在实际项目的分析过程中,往往包含着对设计知识的研究。

Page 37: IxDC 中国交互设计体验日-A1_臭鱼_肢解交互设计

交互设计知识在实践中的应用是广泛的,也应当是广泛的。

Page 38: IxDC 中国交互设计体验日-A1_臭鱼_肢解交互设计

上面的例子是对页面细节的设计。

在构架设计之后,需要针对一个个页面简图迚行页面的细节设计了。

Page 39: IxDC 中国交互设计体验日-A1_臭鱼_肢解交互设计
Page 40: IxDC 中国交互设计体验日-A1_臭鱼_肢解交互设计
Page 41: IxDC 中国交互设计体验日-A1_臭鱼_肢解交互设计

我们总结一下整个交互设计…

Page 42: IxDC 中国交互设计体验日-A1_臭鱼_肢解交互设计

我们总结一下整个交互设计…

Page 43: IxDC 中国交互设计体验日-A1_臭鱼_肢解交互设计

谢谢~

Seven 臭鱼

2010.12