IxDC2011...

46
此资料仅供学习使用,版权归属原作者或公司 任何人不得用于商业用途,由此引起的法律责任自负

Transcript of IxDC2011...

Page 1: IxDC2011 中国交互设计体验日_无意识交互设计-互联网产品的无意识操作_创新工场_刘雨萌

此资料仅供学习使用,版权归属原作者或公司任何人不得用于商业用途,由此引起的法律责任自负

Page 2: IxDC2011 中国交互设计体验日_无意识交互设计-互联网产品的无意识操作_创新工场_刘雨萌

www.chuangxin.com

www.gensee.com/iw

Page 3: IxDC2011 中国交互设计体验日_无意识交互设计-互联网产品的无意识操作_创新工场_刘雨萌

无意识交互设计

——互联网产品的无意识操作

Page 4: IxDC2011 中国交互设计体验日_无意识交互设计-互联网产品的无意识操作_创新工场_刘雨萌

什么是无意识操作?

什么是无意识交互设计?

Page 5: IxDC2011 中国交互设计体验日_无意识交互设计-互联网产品的无意识操作_创新工场_刘雨萌

无意识操作就是用户在操作时的不思考,更像是条件反射的反应或者是一种行为成为习惯后,再进行操作的时候不经过大脑思考和下指令的操作。

Page 6: IxDC2011 中国交互设计体验日_无意识交互设计-互联网产品的无意识操作_创新工场_刘雨萌

比如:阅读习惯

从左到右,从上到下

Page 7: IxDC2011 中国交互设计体验日_无意识交互设计-互联网产品的无意识操作_创新工场_刘雨萌

下意识行为

使用电器时,先找开关。

Page 8: IxDC2011 中国交互设计体验日_无意识交互设计-互联网产品的无意识操作_创新工场_刘雨萌

比如页面右上角的小x号代表关闭页面

Page 9: IxDC2011 中国交互设计体验日_无意识交互设计-互联网产品的无意识操作_创新工场_刘雨萌

衍生出的页面右上角经常会有登陆退出连接

Page 10: IxDC2011 中国交互设计体验日_无意识交互设计-互联网产品的无意识操作_创新工场_刘雨萌

比如图片浏览时向左向右的箭头代表去上一张下一张

Page 11: IxDC2011 中国交互设计体验日_无意识交互设计-互联网产品的无意识操作_创新工场_刘雨萌

好的交互界面:明确、简单、操作无障碍。 在工业设计上有人体功能学,在界面操作上也是一个类似的意思,更符合人本的。

Page 12: IxDC2011 中国交互设计体验日_无意识交互设计-互联网产品的无意识操作_创新工场_刘雨萌
Page 13: IxDC2011 中国交互设计体验日_无意识交互设计-互联网产品的无意识操作_创新工场_刘雨萌

如果比喻,交互界面的设计,能如同人眼

所见,能用诸如条件反射的反应来完成操作,这当然不可能,至少在今天不普及。

Page 14: IxDC2011 中国交互设计体验日_无意识交互设计-互联网产品的无意识操作_创新工场_刘雨萌

那么如何用鼠标,键盘,来让用户既能达

到我们的预期又能得到最符合这个定义的操作呢?

Page 15: IxDC2011 中国交互设计体验日_无意识交互设计-互联网产品的无意识操作_创新工场_刘雨萌

如何让用户“无痛”填写 用 户 资 料

ps:我们的目的不是收集用户资料,目的是更多的网罗有效用户

Page 16: IxDC2011 中国交互设计体验日_无意识交互设计-互联网产品的无意识操作_创新工场_刘雨萌

-------注册-------

-------登陆-------

------使用中------

接下来我们将从几个方面来探讨这个问题:

Page 17: IxDC2011 中国交互设计体验日_无意识交互设计-互联网产品的无意识操作_创新工场_刘雨萌

· 注册的初次原则 · 错误提示

-------注册-------

用户精力的宝贵,耐心的有限

Page 18: IxDC2011 中国交互设计体验日_无意识交互设计-互联网产品的无意识操作_创新工场_刘雨萌

注册时都需要填写哪些注册信息?

有些信息是不是真的必要在注册时填写?

从注册开始,就要让用户有良好的第一印象

Page 19: IxDC2011 中国交互设计体验日_无意识交互设计-互联网产品的无意识操作_创新工场_刘雨萌

注册时都需要填写哪些注册信息?

Page 20: IxDC2011 中国交互设计体验日_无意识交互设计-互联网产品的无意识操作_创新工场_刘雨萌

注册时都需要填写哪些注册信息?

Page 21: IxDC2011 中国交互设计体验日_无意识交互设计-互联网产品的无意识操作_创新工场_刘雨萌

提示方式、尺寸

填写注册时,需要重复输入的某项?

Page 22: IxDC2011 中国交互设计体验日_无意识交互设计-互联网产品的无意识操作_创新工场_刘雨萌

注册时都需要填写哪些注册信息?

Page 23: IxDC2011 中国交互设计体验日_无意识交互设计-互联网产品的无意识操作_创新工场_刘雨萌

注册时都需要填写哪些注册信息?

Page 24: IxDC2011 中国交互设计体验日_无意识交互设计-互联网产品的无意识操作_创新工场_刘雨萌

注册时都需要填写哪些注册信息?

Page 25: IxDC2011 中国交互设计体验日_无意识交互设计-互联网产品的无意识操作_创新工场_刘雨萌

注册时都需要填写哪些注册信息?

Page 26: IxDC2011 中国交互设计体验日_无意识交互设计-互联网产品的无意识操作_创新工场_刘雨萌

有些信息的填写是不是真的必要?

注册时的各种附加信息。 没有必要的*号。

Page 27: IxDC2011 中国交互设计体验日_无意识交互设计-互联网产品的无意识操作_创新工场_刘雨萌

有些信息的填写是不是真的必要?

Page 28: IxDC2011 中国交互设计体验日_无意识交互设计-互联网产品的无意识操作_创新工场_刘雨萌

有些信息的填写是不是真的必要?

Page 29: IxDC2011 中国交互设计体验日_无意识交互设计-互联网产品的无意识操作_创新工场_刘雨萌

小互动环节

用户名

密码

输入框、帮助提示…

Page 30: IxDC2011 中国交互设计体验日_无意识交互设计-互联网产品的无意识操作_创新工场_刘雨萌

-------注册-------

小互动环节

用户名

密码

输入框、帮助提示…

Page 31: IxDC2011 中国交互设计体验日_无意识交互设计-互联网产品的无意识操作_创新工场_刘雨萌
Page 32: IxDC2011 中国交互设计体验日_无意识交互设计-互联网产品的无意识操作_创新工场_刘雨萌
Page 33: IxDC2011 中国交互设计体验日_无意识交互设计-互联网产品的无意识操作_创新工场_刘雨萌

操作提示

注册时的操作提示最好不要超过15个中文字。

Page 34: IxDC2011 中国交互设计体验日_无意识交互设计-互联网产品的无意识操作_创新工场_刘雨萌

操作提示

Page 35: IxDC2011 中国交互设计体验日_无意识交互设计-互联网产品的无意识操作_创新工场_刘雨萌
Page 36: IxDC2011 中国交互设计体验日_无意识交互设计-互联网产品的无意识操作_创新工场_刘雨萌

------登陆------

Page 37: IxDC2011 中国交互设计体验日_无意识交互设计-互联网产品的无意识操作_创新工场_刘雨萌
Page 38: IxDC2011 中国交互设计体验日_无意识交互设计-互联网产品的无意识操作_创新工场_刘雨萌
Page 39: IxDC2011 中国交互设计体验日_无意识交互设计-互联网产品的无意识操作_创新工场_刘雨萌

使用户更专注于填写,减少思维思考过程。

Page 40: IxDC2011 中国交互设计体验日_无意识交互设计-互联网产品的无意识操作_创新工场_刘雨萌

让界面设计和交互都友好。

Page 41: IxDC2011 中国交互设计体验日_无意识交互设计-互联网产品的无意识操作_创新工场_刘雨萌

------用户完善复杂的信息------

Page 42: IxDC2011 中国交互设计体验日_无意识交互设计-互联网产品的无意识操作_创新工场_刘雨萌

------用户完善复杂的信息------

Page 43: IxDC2011 中国交互设计体验日_无意识交互设计-互联网产品的无意识操作_创新工场_刘雨萌

再进入用户信息页时,应有更多的注释来帮助用户完成填写。

------用户完善复杂的信息------

Page 44: IxDC2011 中国交互设计体验日_无意识交互设计-互联网产品的无意识操作_创新工场_刘雨萌

用户不是设计师,他们就靠本能、经验、感觉去理解界面操作界面。

Page 45: IxDC2011 中国交互设计体验日_无意识交互设计-互联网产品的无意识操作_创新工场_刘雨萌

互动:设计一个手机应用

主题:人口普查

目的:让用户通过应用完成个人信息录入

上手难度、有趣程度、创意

建议:10分钟出方向,10分钟出原型,15分钟至少出3个界面的线框图

Page 46: IxDC2011 中国交互设计体验日_无意识交互设计-互联网产品的无意识操作_创新工场_刘雨萌

www.chuangxin.com

www.gensee.com/iw

刘雨萌 UI Designer

Liu yu meng @ gmail.com