ixdc 中国交互设计体验日-b4a_王军、董重里_有源设计
DESCRIPTION
交互设计师常常会面对来自产品经理和开发人员的挑战,每个人都想参与设计,提出自己的想法。但作为交互设计师,这时又很难拿出有力的证据来论述自己的设计方案。这次,我们将和参与者一起探讨如何通过有“源”的交互设计,来避免这些不必要的纷争,赢得用户的认同。如果您遇到过以下情况,那么这个工作坊将非常适合您: 1、接到产品需求后,不知道如何开始设计 2、发现目前的设计规范和成功设计模式很难应用 3、经常需要与产品和开发人员PK设计方案 4、有时会担心自己的创新方案不容易被用户接受 课程目标 提高大家对有源设计的认识,在设计时能够主动寻找设计的源头,避免设计师只为自己设计。 课程参与者将学到 1、什么是有“源”的设计 2、有“源”设计的好处有哪些 3、什么时候我们需要有“源”的设计 4、通过实例了解如何找到设计之“源” 工作坊环节安排(1个半小时) 1、什么是有“源”的设计 2、我们为什么要做有"源"的设计 3、如何寻找设计之"源" 4、集体讨论 2010年首届中国交互设计体验日,是以“赢在互动”为主题的大型交互设计会议盛宴。大会包括交互设计演讲、论坛、展览及工作坊。通过互动、交流体验的方式,将“交互设计”的理念在中国设计产业中进行高层次、深度、广泛的推广与传播。 我们希望通过这次大会,聚集国内外交互设计先驱者;展示中国交互设计优秀成果;为交互设计教育与企业搭建一个交流的平台; 促进中国交互设计产业与国际设计前沿的同步发展。TRANSCRIPT
![Page 1: IxDC 中国交互设计体验日-B4a_王军、董重里_有源设计](https://reader034.vdocuments.site/reader034/viewer/2022052121/5561640fd8b42a35458b4f7d/html5/thumbnails/1.jpg)
© 2010 TENCENT CDC
创造无懈可击的解决方案
有源的设计
2010年12月11日星期六
2010
中国交互设计体验日
![Page 2: IxDC 中国交互设计体验日-B4a_王军、董重里_有源设计](https://reader034.vdocuments.site/reader034/viewer/2022052121/5561640fd8b42a35458b4f7d/html5/thumbnails/2.jpg)
关于我们
董重里 CDC 交互设计中心 高级交互设计师
曾负责QQ音乐、QQLive等产品的交互设计,在PC、Web和移动等终端拥有丰富的实践经验
王军 CDC 交互设计中心 CID Leader
曾负责空间、校友、QQ秀等产品的设计,熟悉SNS、多媒体等增值类产品
2010年12月11日星期六
2010
中国交互设计体验日
![Page 3: IxDC 中国交互设计体验日-B4a_王军、董重里_有源设计](https://reader034.vdocuments.site/reader034/viewer/2022052121/5561640fd8b42a35458b4f7d/html5/thumbnails/3.jpg)
什么是设计的源
“源”=“依据”
2010年12月11日星期六
2010
中国交互设计体验日
![Page 4: IxDC 中国交互设计体验日-B4a_王军、董重里_有源设计](https://reader034.vdocuments.site/reader034/viewer/2022052121/5561640fd8b42a35458b4f7d/html5/thumbnails/4.jpg)
和大家探讨 3 个问题
WHAT:设计为何要有源?
WHY:源自何处?
HOW:如何获得源?
2010年12月11日星期六
2010
中国交互设计体验日
![Page 5: IxDC 中国交互设计体验日-B4a_王军、董重里_有源设计](https://reader034.vdocuments.site/reader034/viewer/2022052121/5561640fd8b42a35458b4f7d/html5/thumbnails/5.jpg)
Part 1 设计为何要有源?
4.85英尺宽的火箭推进器
2010年12月11日星期六
2010
中国交互设计体验日
![Page 6: IxDC 中国交互设计体验日-B4a_王军、董重里_有源设计](https://reader034.vdocuments.site/reader034/viewer/2022052121/5561640fd8b42a35458b4f7d/html5/thumbnails/6.jpg)
讨论
2010年12月11日星期六
2010
中国交互设计体验日
![Page 7: IxDC 中国交互设计体验日-B4a_王军、董重里_有源设计](https://reader034.vdocuments.site/reader034/viewer/2022052121/5561640fd8b42a35458b4f7d/html5/thumbnails/7.jpg)
讨论
推进器
电车
隧道 铁轨
马车马屁股
2010年12月11日星期六
2010
中国交互设计体验日
![Page 8: IxDC 中国交互设计体验日-B4a_王军、董重里_有源设计](https://reader034.vdocuments.site/reader034/viewer/2022052121/5561640fd8b42a35458b4f7d/html5/thumbnails/8.jpg)
启示
我们可以得到哪些启示?
2010年12月11日星期六
2010
中国交互设计体验日
![Page 9: IxDC 中国交互设计体验日-B4a_王军、董重里_有源设计](https://reader034.vdocuments.site/reader034/viewer/2022052121/5561640fd8b42a35458b4f7d/html5/thumbnails/9.jpg)
启示
2010年12月11日星期六
2010
中国交互设计体验日
![Page 10: IxDC 中国交互设计体验日-B4a_王军、董重里_有源设计](https://reader034.vdocuments.site/reader034/viewer/2022052121/5561640fd8b42a35458b4f7d/html5/thumbnails/10.jpg)
设计须有“源”,并不能凭空想象。
创新须考虑设计的“源”,了解限制因素。
启示
2010年12月11日星期六
2010
中国交互设计体验日
![Page 11: IxDC 中国交互设计体验日-B4a_王军、董重里_有源设计](https://reader034.vdocuments.site/reader034/viewer/2022052121/5561640fd8b42a35458b4f7d/html5/thumbnails/11.jpg)
讨论
助推器
电车
隧道 铁轨
马车马屁股
2010年12月11日星期六
2010
中国交互设计体验日
![Page 12: IxDC 中国交互设计体验日-B4a_王军、董重里_有源设计](https://reader034.vdocuments.site/reader034/viewer/2022052121/5561640fd8b42a35458b4f7d/html5/thumbnails/12.jpg)
有源设计的好处
容易理解
方便使用
可持续性
...
最终获得认同感
2010年12月11日星期六
2010
中国交互设计体验日
![Page 13: IxDC 中国交互设计体验日-B4a_王军、董重里_有源设计](https://reader034.vdocuments.site/reader034/viewer/2022052121/5561640fd8b42a35458b4f7d/html5/thumbnails/13.jpg)
容易理解
2010年12月11日星期六
2010
中国交互设计体验日
![Page 14: IxDC 中国交互设计体验日-B4a_王军、董重里_有源设计](https://reader034.vdocuments.site/reader034/viewer/2022052121/5561640fd8b42a35458b4f7d/html5/thumbnails/14.jpg)
容易理解
2010年12月11日星期六
2010
中国交互设计体验日
![Page 15: IxDC 中国交互设计体验日-B4a_王军、董重里_有源设计](https://reader034.vdocuments.site/reader034/viewer/2022052121/5561640fd8b42a35458b4f7d/html5/thumbnails/15.jpg)
方便使用
2010年12月11日星期六
2010
中国交互设计体验日
![Page 16: IxDC 中国交互设计体验日-B4a_王军、董重里_有源设计](https://reader034.vdocuments.site/reader034/viewer/2022052121/5561640fd8b42a35458b4f7d/html5/thumbnails/16.jpg)
方便使用
2010年12月11日星期六
2010
中国交互设计体验日
![Page 17: IxDC 中国交互设计体验日-B4a_王军、董重里_有源设计](https://reader034.vdocuments.site/reader034/viewer/2022052121/5561640fd8b42a35458b4f7d/html5/thumbnails/17.jpg)
方便使用
2010年12月11日星期六
2010
中国交互设计体验日
![Page 18: IxDC 中国交互设计体验日-B4a_王军、董重里_有源设计](https://reader034.vdocuments.site/reader034/viewer/2022052121/5561640fd8b42a35458b4f7d/html5/thumbnails/18.jpg)
方便使用
2010年12月11日星期六
2010
中国交互设计体验日
![Page 19: IxDC 中国交互设计体验日-B4a_王军、董重里_有源设计](https://reader034.vdocuments.site/reader034/viewer/2022052121/5561640fd8b42a35458b4f7d/html5/thumbnails/19.jpg)
持续性
2010年12月11日星期六
2010
中国交互设计体验日
![Page 20: IxDC 中国交互设计体验日-B4a_王军、董重里_有源设计](https://reader034.vdocuments.site/reader034/viewer/2022052121/5561640fd8b42a35458b4f7d/html5/thumbnails/20.jpg)
持续性
月 龜 魚 馬 門
2010年12月11日星期六
2010
中国交互设计体验日
![Page 21: IxDC 中国交互设计体验日-B4a_王军、董重里_有源设计](https://reader034.vdocuments.site/reader034/viewer/2022052121/5561640fd8b42a35458b4f7d/html5/thumbnails/21.jpg)
认同感
2010年12月11日星期六
2010
中国交互设计体验日
![Page 22: IxDC 中国交互设计体验日-B4a_王军、董重里_有源设计](https://reader034.vdocuments.site/reader034/viewer/2022052121/5561640fd8b42a35458b4f7d/html5/thumbnails/22.jpg)
认同感
2010年12月11日星期六
2010
中国交互设计体验日
![Page 23: IxDC 中国交互设计体验日-B4a_王军、董重里_有源设计](https://reader034.vdocuments.site/reader034/viewer/2022052121/5561640fd8b42a35458b4f7d/html5/thumbnails/23.jpg)
认同感
2010年12月11日星期六
2010
中国交互设计体验日
![Page 24: IxDC 中国交互设计体验日-B4a_王军、董重里_有源设计](https://reader034.vdocuments.site/reader034/viewer/2022052121/5561640fd8b42a35458b4f7d/html5/thumbnails/24.jpg)
认同感
2010年12月11日星期六
2010
中国交互设计体验日
![Page 25: IxDC 中国交互设计体验日-B4a_王军、董重里_有源设计](https://reader034.vdocuments.site/reader034/viewer/2022052121/5561640fd8b42a35458b4f7d/html5/thumbnails/25.jpg)
找错了源的问题
忽略应用场景
单纯模仿竞品
2010年12月11日星期六
2010
中国交互设计体验日
![Page 26: IxDC 中国交互设计体验日-B4a_王军、董重里_有源设计](https://reader034.vdocuments.site/reader034/viewer/2022052121/5561640fd8b42a35458b4f7d/html5/thumbnails/26.jpg)
忽略应用场景
2010年12月11日星期六
2010
中国交互设计体验日
![Page 27: IxDC 中国交互设计体验日-B4a_王军、董重里_有源设计](https://reader034.vdocuments.site/reader034/viewer/2022052121/5561640fd8b42a35458b4f7d/html5/thumbnails/27.jpg)
忽略应用场景
2010年12月11日星期六
2010
中国交互设计体验日
![Page 28: IxDC 中国交互设计体验日-B4a_王军、董重里_有源设计](https://reader034.vdocuments.site/reader034/viewer/2022052121/5561640fd8b42a35458b4f7d/html5/thumbnails/28.jpg)
单纯模仿竞品
2010年12月11日星期六
2010
中国交互设计体验日
![Page 29: IxDC 中国交互设计体验日-B4a_王军、董重里_有源设计](https://reader034.vdocuments.site/reader034/viewer/2022052121/5561640fd8b42a35458b4f7d/html5/thumbnails/29.jpg)
单纯模仿竞品
2010年12月11日星期六
2010
中国交互设计体验日
![Page 30: IxDC 中国交互设计体验日-B4a_王军、董重里_有源设计](https://reader034.vdocuments.site/reader034/viewer/2022052121/5561640fd8b42a35458b4f7d/html5/thumbnails/30.jpg)
单纯模仿竞品
竞品分析的主要目的:
2010年12月11日星期六
2010
中国交互设计体验日
![Page 31: IxDC 中国交互设计体验日-B4a_王军、董重里_有源设计](https://reader034.vdocuments.site/reader034/viewer/2022052121/5561640fd8b42a35458b4f7d/html5/thumbnails/31.jpg)
单纯模仿竞品
竞品分析的主要目的:
不是为了参考竞品的设计,而是为了更好的了解目标用户。
2010年12月11日星期六
2010
中国交互设计体验日
![Page 32: IxDC 中国交互设计体验日-B4a_王军、董重里_有源设计](https://reader034.vdocuments.site/reader034/viewer/2022052121/5561640fd8b42a35458b4f7d/html5/thumbnails/32.jpg)
小结
设计须要有源
有源设计的好处
- 容易理解
- 方便使用
- 更好的可持续性
- 最终得到认同
没有源的问题
- 忽略应用场景
- 单纯模仿竞品
2010年12月11日星期六
2010
中国交互设计体验日
![Page 33: IxDC 中国交互设计体验日-B4a_王军、董重里_有源设计](https://reader034.vdocuments.site/reader034/viewer/2022052121/5561640fd8b42a35458b4f7d/html5/thumbnails/33.jpg)
和大家探讨 3 个问题
WHAT:设计为何要有源?
WHY:源自何处?
HOW:如何获得源?
2010年12月11日星期六
2010
中国交互设计体验日
![Page 34: IxDC 中国交互设计体验日-B4a_王军、董重里_有源设计](https://reader034.vdocuments.site/reader034/viewer/2022052121/5561640fd8b42a35458b4f7d/html5/thumbnails/34.jpg)
Part 2 源自何处?
随心所欲的建筑
2010年12月11日星期六
2010
中国交互设计体验日
![Page 35: IxDC 中国交互设计体验日-B4a_王军、董重里_有源设计](https://reader034.vdocuments.site/reader034/viewer/2022052121/5561640fd8b42a35458b4f7d/html5/thumbnails/35.jpg)
源的 3 要素
商业 用户
技术
源
2010年12月11日星期六
2010
中国交互设计体验日
![Page 36: IxDC 中国交互设计体验日-B4a_王军、董重里_有源设计](https://reader034.vdocuments.site/reader034/viewer/2022052121/5561640fd8b42a35458b4f7d/html5/thumbnails/36.jpg)
商业模式对设计的影响
@ PonyMa CEO Tencent
腾讯将在未来半年内向开放转型。除
了腾讯的社区外,QQ 本身也会考虑开放,更加积极推动平台开放,关注
产业链的和谐。
2010年12月11日星期六
2010
中国交互设计体验日
![Page 37: IxDC 中国交互设计体验日-B4a_王军、董重里_有源设计](https://reader034.vdocuments.site/reader034/viewer/2022052121/5561640fd8b42a35458b4f7d/html5/thumbnails/37.jpg)
商业模式对设计的影响
我们做的尝试...
(不要拍照和录像呦~)
2010年12月11日星期六
2010
中国交互设计体验日
![Page 38: IxDC 中国交互设计体验日-B4a_王军、董重里_有源设计](https://reader034.vdocuments.site/reader034/viewer/2022052121/5561640fd8b42a35458b4f7d/html5/thumbnails/38.jpg)
技术对设计的影响
技术:
在Win7系统中,可以给用户更丰富的体验。
2010年12月11日星期六
2010
中国交互设计体验日
![Page 39: IxDC 中国交互设计体验日-B4a_王军、董重里_有源设计](https://reader034.vdocuments.site/reader034/viewer/2022052121/5561640fd8b42a35458b4f7d/html5/thumbnails/39.jpg)
用户对设计的影响
用户的使用场景
用户的心智模型
2010年12月11日星期六
2010
中国交互设计体验日
![Page 40: IxDC 中国交互设计体验日-B4a_王军、董重里_有源设计](https://reader034.vdocuments.site/reader034/viewer/2022052121/5561640fd8b42a35458b4f7d/html5/thumbnails/40.jpg)
心智模型 Mental Model
The user already has a mental model that describes the task your software is enabling. This model arises from a combination of real-world experiences, experience with other software, and with computers in general.
——Apple人机界面设计指南
2010年12月11日星期六
2010
中国交互设计体验日
![Page 41: IxDC 中国交互设计体验日-B4a_王军、董重里_有源设计](https://reader034.vdocuments.site/reader034/viewer/2022052121/5561640fd8b42a35458b4f7d/html5/thumbnails/41.jpg)
心智模型
现实生活中如何写信和寄信?
2010年12月11日星期六
2010
中国交互设计体验日
![Page 42: IxDC 中国交互设计体验日-B4a_王军、董重里_有源设计](https://reader034.vdocuments.site/reader034/viewer/2022052121/5561640fd8b42a35458b4f7d/html5/thumbnails/42.jpg)
来源于现实生活
2010年12月11日星期六
2010
中国交互设计体验日
![Page 43: IxDC 中国交互设计体验日-B4a_王军、董重里_有源设计](https://reader034.vdocuments.site/reader034/viewer/2022052121/5561640fd8b42a35458b4f7d/html5/thumbnails/43.jpg)
讨论
还有哪些来源于现实生活的例子?
2010年12月11日星期六
2010
中国交互设计体验日
![Page 44: IxDC 中国交互设计体验日-B4a_王军、董重里_有源设计](https://reader034.vdocuments.site/reader034/viewer/2022052121/5561640fd8b42a35458b4f7d/html5/thumbnails/44.jpg)
来源于现实生活
2010年12月11日星期六
2010
中国交互设计体验日
![Page 45: IxDC 中国交互设计体验日-B4a_王军、董重里_有源设计](https://reader034.vdocuments.site/reader034/viewer/2022052121/5561640fd8b42a35458b4f7d/html5/thumbnails/45.jpg)
来源于现实生活
2010年12月11日星期六
2010
中国交互设计体验日
![Page 46: IxDC 中国交互设计体验日-B4a_王军、董重里_有源设计](https://reader034.vdocuments.site/reader034/viewer/2022052121/5561640fd8b42a35458b4f7d/html5/thumbnails/46.jpg)
来源于现实生活
2010年12月11日星期六
2010
中国交互设计体验日
![Page 47: IxDC 中国交互设计体验日-B4a_王军、董重里_有源设计](https://reader034.vdocuments.site/reader034/viewer/2022052121/5561640fd8b42a35458b4f7d/html5/thumbnails/47.jpg)
来源于现实生活
2010年12月11日星期六
2010
中国交互设计体验日
![Page 48: IxDC 中国交互设计体验日-B4a_王军、董重里_有源设计](https://reader034.vdocuments.site/reader034/viewer/2022052121/5561640fd8b42a35458b4f7d/html5/thumbnails/48.jpg)
来源于现实生活
2010年12月11日星期六
2010
中国交互设计体验日
![Page 49: IxDC 中国交互设计体验日-B4a_王军、董重里_有源设计](https://reader034.vdocuments.site/reader034/viewer/2022052121/5561640fd8b42a35458b4f7d/html5/thumbnails/49.jpg)
来源于现实生活
2010年12月11日星期六
2010
中国交互设计体验日
![Page 50: IxDC 中国交互设计体验日-B4a_王军、董重里_有源设计](https://reader034.vdocuments.site/reader034/viewer/2022052121/5561640fd8b42a35458b4f7d/html5/thumbnails/50.jpg)
来源于其他软件
2010年12月11日星期六
2010
中国交互设计体验日
![Page 51: IxDC 中国交互设计体验日-B4a_王军、董重里_有源设计](https://reader034.vdocuments.site/reader034/viewer/2022052121/5561640fd8b42a35458b4f7d/html5/thumbnails/51.jpg)
来源于其他软件
现有平台上规范的不统一造成了源的混乱
- 手势:长按、滑动
- 操作的可见性
- 导航结构
- 硬件的影响
- 设计理念
2010年12月11日星期六
2010
中国交互设计体验日
![Page 52: IxDC 中国交互设计体验日-B4a_王军、董重里_有源设计](https://reader034.vdocuments.site/reader034/viewer/2022052121/5561640fd8b42a35458b4f7d/html5/thumbnails/52.jpg)
小结
源的 3 要素
心智模型的 2 个层面
2010年12月11日星期六
2010
中国交互设计体验日
![Page 53: IxDC 中国交互设计体验日-B4a_王军、董重里_有源设计](https://reader034.vdocuments.site/reader034/viewer/2022052121/5561640fd8b42a35458b4f7d/html5/thumbnails/53.jpg)
和大家探讨 3 个问题
WHAT:设计为何要有源?
WHY:源自何处?
HOW:如何获得源?
2010年12月11日星期六
2010
中国交互设计体验日
![Page 54: IxDC 中国交互设计体验日-B4a_王军、董重里_有源设计](https://reader034.vdocuments.site/reader034/viewer/2022052121/5561640fd8b42a35458b4f7d/html5/thumbnails/54.jpg)
Part 3 如何获得源?
调查问卷
2010年12月11日星期六
2010
中国交互设计体验日
![Page 55: IxDC 中国交互设计体验日-B4a_王军、董重里_有源设计](https://reader034.vdocuments.site/reader034/viewer/2022052121/5561640fd8b42a35458b4f7d/html5/thumbnails/55.jpg)
获取源的常用手段
访谈
焦点小组
调查问卷
数据分析
用户画像
场景分析
用户测试
2010年12月11日星期六
2010
中国交互设计体验日
![Page 56: IxDC 中国交互设计体验日-B4a_王军、董重里_有源设计](https://reader034.vdocuments.site/reader034/viewer/2022052121/5561640fd8b42a35458b4f7d/html5/thumbnails/56.jpg)
获取源的常用手段
访谈
焦点小组
调查问卷
数据分析
用户画像
场景分析
用户测试
2010年12月11日星期六
2010
中国交互设计体验日
![Page 57: IxDC 中国交互设计体验日-B4a_王军、董重里_有源设计](https://reader034.vdocuments.site/reader034/viewer/2022052121/5561640fd8b42a35458b4f7d/html5/thumbnails/57.jpg)
场景分析
你会将广告放在哪里?
2010年12月11日星期六
2010
中国交互设计体验日
![Page 58: IxDC 中国交互设计体验日-B4a_王军、董重里_有源设计](https://reader034.vdocuments.site/reader034/viewer/2022052121/5561640fd8b42a35458b4f7d/html5/thumbnails/58.jpg)
场景分析
2010年12月11日星期六
2010
中国交互设计体验日
![Page 59: IxDC 中国交互设计体验日-B4a_王军、董重里_有源设计](https://reader034.vdocuments.site/reader034/viewer/2022052121/5561640fd8b42a35458b4f7d/html5/thumbnails/59.jpg)
数据分析
校友流失率分析
背景:
2009年12月校友用户流失率...%
目的:
判断用户是否即将流失,分析流失原因,提供挽留手段
2010年12月11日星期六
2010
中国交互设计体验日
![Page 60: IxDC 中国交互设计体验日-B4a_王军、董重里_有源设计](https://reader034.vdocuments.site/reader034/viewer/2022052121/5561640fd8b42a35458b4f7d/html5/thumbnails/60.jpg)
数据分析
做法:
- 列举反应用户行为的42个变量
• 登录次数、日志操作、心情操作、好友数、农场操作...
- 聚类分析
• 将用户分为6类,分别推测出流失概率
- 相关性分析
• 每类用户高度相关的变量,提供对应的解决方案
2010年12月11日星期六
2010
中国交互设计体验日
![Page 61: IxDC 中国交互设计体验日-B4a_王军、董重里_有源设计](https://reader034.vdocuments.site/reader034/viewer/2022052121/5561640fd8b42a35458b4f7d/html5/thumbnails/61.jpg)
总结
设计为何要有源
- 有源的好处、找错源的问题
源自何处
- 源的 3 要素、心智模型
如何获取源
- 场景分析、数据分析
2010年12月11日星期六
2010
中国交互设计体验日
![Page 62: IxDC 中国交互设计体验日-B4a_王军、董重里_有源设计](https://reader034.vdocuments.site/reader034/viewer/2022052121/5561640fd8b42a35458b4f7d/html5/thumbnails/62.jpg)
结束,Thank U~!
© 2010 TENCENT CDC
TENCENT CDC腾讯:t.qq.com/CDC
2010年12月11日星期六
2010
中国交互设计体验日