SlideShare a Scribd company logo
1 of 46
Download to read offline
此资料仅供学习使用,版权归属原作者或公司
任何人不得用于商业用途,由此引起的法律责任自负
www.chuangxin.com
www.gensee.com/iw
无意识交互设计
  ——互联网产品的无意识操作
什么是无意识操作?

什么是无意识交互设计?
无意识操作就是用户在操作时的不思
考,更像是条件反射的反应或者是一种行为
成为习惯后,再进行操作的时候不经过大脑
思考和下指令的操作。
比如:阅读习惯




     从左到右,从上到下
下意识行为




    使用电器时,先找开关。
比如页面右上角的小x号代表关闭页面
衍生出的页面右上角经常会有登陆退出连接
比如图片浏览时向左向右的箭头代表去上一
张下一张
好的交互界面:明确、简单、操作无
障碍。



   在工业设计上有人体功能学,在界面
操作上也是一个类似的意思,更符合人本
的。
如果比喻,交互界面的设计,能如同人眼
所见,能用诸如条件反射的反应来完成操作,
这当然不可能,至少在今天不普及。
那么如何用鼠标,键盘,来让用户既能达
到我们的预期又能得到最符合这个定义的操作
呢?
如何让用户“无痛”填写
       用 户 资 料



ps:我们的目的不是收集用户资料,目的是更多的网罗有效用户
接下来我们将从几个方面来探讨这个问题:


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

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

      ------使用中------
-------注册-------
         用户精力的宝贵,耐心的有限




· 注册的初次原则

· 错误提示
从注册开始,就要让用户有良好的第一印象


注册时都需要填写哪些注册信息?
有些信息是不是真的必要在注册时填写?
注册时都需要填写哪些注册信息?
注册时都需要填写哪些注册信息?
填写注册时,需要重复输入的某项?




提示方式、尺寸
注册时都需要填写哪些注册信息?
注册时都需要填写哪些注册信息?
注册时都需要填写哪些注册信息?
注册时都需要填写哪些注册信息?
有些信息的填写是不是真的必要?

注册时的各种附加信息。
没有必要的*号。
有些信息的填写是不是真的必要?
有些信息的填写是不是真的必要?
小互动环节


用户名
密码

输入框、帮助提示…
-------注册-------

小互动环节


用户名
密码

输入框、帮助提示…
操作提示




注册时的操作提示最好不要超过15个中文字。
操作提示
------登陆------
使用户更专注于填写,减少思维思考过程。
让界面设计和交互都友好。
------用户完善复杂的信息------
------用户完善复杂的信息------
------用户完善复杂的信息------




再进入用户信息页时,应有更多的注释来帮助用户完成填写。
用户不是设计师,他们就靠本能、经验、感
觉去理解界面操作界面。
互动:设计一个手机应用
主题:人口普查
目的:让用户通过应用完成个人信息录入

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




建议:10分钟出方向,10分钟出原型,15分钟至少出3个界面的线框图
刘雨萌 UI Designer
Liu yu meng @ gmail.com




                          www.chuangxin.com
                          www.gensee.com/iw

More Related Content

Viewers also liked

Curso de E-commerce
Curso de E-commerceCurso de E-commerce
Curso de E-commercePeopleiTrust
 
Winners_ National Geographic Traveler 2012 Photo Contest
Winners_ National Geographic Traveler 2012 Photo ContestWinners_ National Geographic Traveler 2012 Photo Contest
Winners_ National Geographic Traveler 2012 Photo Contestvinhbinh2010
 
Ayw mole mash
Ayw mole mashAyw mole mash
Ayw mole mashpbeerak
 
Internet development 04
Internet development 04Internet development 04
Internet development 04ihusain
 
Outillage pour raccords à sertir inox stainless steel press fittings tools ...
Outillage pour raccords à sertir inox   stainless steel press fittings tools ...Outillage pour raccords à sertir inox   stainless steel press fittings tools ...
Outillage pour raccords à sertir inox stainless steel press fittings tools ...jeremy marcelino
 
Xưởng may đồng phục nghi thức đội giá rẻ chất lượng cao
Xưởng may đồng phục nghi thức đội giá rẻ chất lượng caoXưởng may đồng phục nghi thức đội giá rẻ chất lượng cao
Xưởng may đồng phục nghi thức đội giá rẻ chất lượng caotruonghoc2
 

Viewers also liked (11)

Curso de E-commerce
Curso de E-commerceCurso de E-commerce
Curso de E-commerce
 
Quiro+ser%2C...
Quiro+ser%2C...Quiro+ser%2C...
Quiro+ser%2C...
 
Winners_ National Geographic Traveler 2012 Photo Contest
Winners_ National Geographic Traveler 2012 Photo ContestWinners_ National Geographic Traveler 2012 Photo Contest
Winners_ National Geographic Traveler 2012 Photo Contest
 
Nutrició 3er
Nutrició 3erNutrició 3er
Nutrició 3er
 
jQuery超入門編
jQuery超入門編jQuery超入門編
jQuery超入門編
 
Xtranormal clase 1
Xtranormal clase 1Xtranormal clase 1
Xtranormal clase 1
 
Ayw mole mash
Ayw mole mashAyw mole mash
Ayw mole mash
 
Internet development 04
Internet development 04Internet development 04
Internet development 04
 
Outillage pour raccords à sertir inox stainless steel press fittings tools ...
Outillage pour raccords à sertir inox   stainless steel press fittings tools ...Outillage pour raccords à sertir inox   stainless steel press fittings tools ...
Outillage pour raccords à sertir inox stainless steel press fittings tools ...
 
Green i t
Green i tGreen i t
Green i t
 
Xưởng may đồng phục nghi thức đội giá rẻ chất lượng cao
Xưởng may đồng phục nghi thức đội giá rẻ chất lượng caoXưởng may đồng phục nghi thức đội giá rẻ chất lượng cao
Xưởng may đồng phục nghi thức đội giá rẻ chất lượng cao
 

More from IxDC

IxDC2011 中国交互设计体验日_产品价值定位与初次使用体验_三星_李艳
IxDC2011 中国交互设计体验日_产品价值定位与初次使用体验_三星_李艳IxDC2011 中国交互设计体验日_产品价值定位与初次使用体验_三星_李艳
IxDC2011 中国交互设计体验日_产品价值定位与初次使用体验_三星_李艳IxDC
 
IxDC2011 中国交互设计体验日_从用户研究到交互设计_腾讯_黄汉忠
IxDC2011 中国交互设计体验日_从用户研究到交互设计_腾讯_黄汉忠IxDC2011 中国交互设计体验日_从用户研究到交互设计_腾讯_黄汉忠
IxDC2011 中国交互设计体验日_从用户研究到交互设计_腾讯_黄汉忠IxDC
 
IxDC2011 中国交互设计体验日_移动平台应用差异化设计与统一体验建设_网易_曾智焱_李斌
IxDC2011 中国交互设计体验日_移动平台应用差异化设计与统一体验建设_网易_曾智焱_李斌IxDC2011 中国交互设计体验日_移动平台应用差异化设计与统一体验建设_网易_曾智焱_李斌
IxDC2011 中国交互设计体验日_移动平台应用差异化设计与统一体验建设_网易_曾智焱_李斌IxDC
 
IxDC2011 中国交互设计体验日_从支付宝客户端谈手机上的用户体验设计_支付宝_李鹤
IxDC2011 中国交互设计体验日_从支付宝客户端谈手机上的用户体验设计_支付宝_李鹤IxDC2011 中国交互设计体验日_从支付宝客户端谈手机上的用户体验设计_支付宝_李鹤
IxDC2011 中国交互设计体验日_从支付宝客户端谈手机上的用户体验设计_支付宝_李鹤IxDC
 
IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄
IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄
IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄IxDC
 
IxDC2011 中国交互设计体验日_消费电子产品交互体验畅想_三星_谢林_杜乐
IxDC2011 中国交互设计体验日_消费电子产品交互体验畅想_三星_谢林_杜乐IxDC2011 中国交互设计体验日_消费电子产品交互体验畅想_三星_谢林_杜乐
IxDC2011 中国交互设计体验日_消费电子产品交互体验畅想_三星_谢林_杜乐IxDC
 
IxDC2011 中国交互设计体验日_数据分析在网页评估中的作用_淘宝_王雯
IxDC2011 中国交互设计体验日_数据分析在网页评估中的作用_淘宝_王雯IxDC2011 中国交互设计体验日_数据分析在网页评估中的作用_淘宝_王雯
IxDC2011 中国交互设计体验日_数据分析在网页评估中的作用_淘宝_王雯IxDC
 
IxDC2011 中国交互设计体验日_如何挖掘体验设计的商业价值_支付宝_郭亮_王强
IxDC2011 中国交互设计体验日_如何挖掘体验设计的商业价值_支付宝_郭亮_王强IxDC2011 中国交互设计体验日_如何挖掘体验设计的商业价值_支付宝_郭亮_王强
IxDC2011 中国交互设计体验日_如何挖掘体验设计的商业价值_支付宝_郭亮_王强IxDC
 
IxDC2011 中国交互设计体验日_如何通过设计web ui,让用户“无痛”完成复杂的个人信息录入_创新工场_刘进伯
IxDC2011 中国交互设计体验日_如何通过设计web ui,让用户“无痛”完成复杂的个人信息录入_创新工场_刘进伯IxDC2011 中国交互设计体验日_如何通过设计web ui,让用户“无痛”完成复杂的个人信息录入_创新工场_刘进伯
IxDC2011 中国交互设计体验日_如何通过设计web ui,让用户“无痛”完成复杂的个人信息录入_创新工场_刘进伯IxDC
 
IxDC2011 中国交互设计体验日_更效率的信息设计_新浪_李池明
IxDC2011 中国交互设计体验日_更效率的信息设计_新浪_李池明IxDC2011 中国交互设计体验日_更效率的信息设计_新浪_李池明
IxDC2011 中国交互设计体验日_更效率的信息设计_新浪_李池明IxDC
 
IxDC2011 中国交互设计体验日_读图看世界,信息可视化_惠普_向怡宁
IxDC2011 中国交互设计体验日_读图看世界,信息可视化_惠普_向怡宁IxDC2011 中国交互设计体验日_读图看世界,信息可视化_惠普_向怡宁
IxDC2011 中国交互设计体验日_读图看世界,信息可视化_惠普_向怡宁IxDC
 
IxDC2011 中国交互设计体验日a5_用讲故事的方法来做手机产品交互设计_百度_陈莹_史玉洁
IxDC2011 中国交互设计体验日a5_用讲故事的方法来做手机产品交互设计_百度_陈莹_史玉洁IxDC2011 中国交互设计体验日a5_用讲故事的方法来做手机产品交互设计_百度_陈莹_史玉洁
IxDC2011 中国交互设计体验日a5_用讲故事的方法来做手机产品交互设计_百度_陈莹_史玉洁IxDC
 
IxDC2011 中国交互设计体验日_如何提高产品体验竞争力_阿里巴巴_陶嵘
IxDC2011 中国交互设计体验日_如何提高产品体验竞争力_阿里巴巴_陶嵘IxDC2011 中国交互设计体验日_如何提高产品体验竞争力_阿里巴巴_陶嵘
IxDC2011 中国交互设计体验日_如何提高产品体验竞争力_阿里巴巴_陶嵘IxDC
 
IxDC2011 中国交互设计体验日_探索移动sns的创新交互形式_创新工场_刘静_邹越昆
IxDC2011 中国交互设计体验日_探索移动sns的创新交互形式_创新工场_刘静_邹越昆IxDC2011 中国交互设计体验日_探索移动sns的创新交互形式_创新工场_刘静_邹越昆
IxDC2011 中国交互设计体验日_探索移动sns的创新交互形式_创新工场_刘静_邹越昆IxDC
 
IxDC 中国交互设计体验日-大会_唐沐_特殊人群的设计关怀
IxDC 中国交互设计体验日-大会_唐沐_特殊人群的设计关怀IxDC 中国交互设计体验日-大会_唐沐_特殊人群的设计关怀
IxDC 中国交互设计体验日-大会_唐沐_特殊人群的设计关怀IxDC
 
IxDC 中国交互设计体验日-大会_黄峰_体验设计,我们要走的更远
IxDC 中国交互设计体验日-大会_黄峰_体验设计,我们要走的更远IxDC 中国交互设计体验日-大会_黄峰_体验设计,我们要走的更远
IxDC 中国交互设计体验日-大会_黄峰_体验设计,我们要走的更远IxDC
 
IxDC 中国交互设计体验日-大会_deniel_thevalueofaskingwhy
IxDC 中国交互设计体验日-大会_deniel_thevalueofaskingwhyIxDC 中国交互设计体验日-大会_deniel_thevalueofaskingwhy
IxDC 中国交互设计体验日-大会_deniel_thevalueofaskingwhyIxDC
 
IxDC 中国交互设计体验日-C5_许让-ixdc
IxDC 中国交互设计体验日-C5_许让-ixdcIxDC 中国交互设计体验日-C5_许让-ixdc
IxDC 中国交互设计体验日-C5_许让-ixdcIxDC
 
IxDC 中国交互设计体验日-C3b_吴蔚_移动终端的中文显示难题
IxDC 中国交互设计体验日-C3b_吴蔚_移动终端的中文显示难题IxDC 中国交互设计体验日-C3b_吴蔚_移动终端的中文显示难题
IxDC 中国交互设计体验日-C3b_吴蔚_移动终端的中文显示难题IxDC
 
IxDC 中国交互设计体验日-C3a_钟磊_手持终端交互设计方法2_钟磊
IxDC 中国交互设计体验日-C3a_钟磊_手持终端交互设计方法2_钟磊IxDC 中国交互设计体验日-C3a_钟磊_手持终端交互设计方法2_钟磊
IxDC 中国交互设计体验日-C3a_钟磊_手持终端交互设计方法2_钟磊IxDC
 

More from IxDC (20)

IxDC2011 中国交互设计体验日_产品价值定位与初次使用体验_三星_李艳
IxDC2011 中国交互设计体验日_产品价值定位与初次使用体验_三星_李艳IxDC2011 中国交互设计体验日_产品价值定位与初次使用体验_三星_李艳
IxDC2011 中国交互设计体验日_产品价值定位与初次使用体验_三星_李艳
 
IxDC2011 中国交互设计体验日_从用户研究到交互设计_腾讯_黄汉忠
IxDC2011 中国交互设计体验日_从用户研究到交互设计_腾讯_黄汉忠IxDC2011 中国交互设计体验日_从用户研究到交互设计_腾讯_黄汉忠
IxDC2011 中国交互设计体验日_从用户研究到交互设计_腾讯_黄汉忠
 
IxDC2011 中国交互设计体验日_移动平台应用差异化设计与统一体验建设_网易_曾智焱_李斌
IxDC2011 中国交互设计体验日_移动平台应用差异化设计与统一体验建设_网易_曾智焱_李斌IxDC2011 中国交互设计体验日_移动平台应用差异化设计与统一体验建设_网易_曾智焱_李斌
IxDC2011 中国交互设计体验日_移动平台应用差异化设计与统一体验建设_网易_曾智焱_李斌
 
IxDC2011 中国交互设计体验日_从支付宝客户端谈手机上的用户体验设计_支付宝_李鹤
IxDC2011 中国交互设计体验日_从支付宝客户端谈手机上的用户体验设计_支付宝_李鹤IxDC2011 中国交互设计体验日_从支付宝客户端谈手机上的用户体验设计_支付宝_李鹤
IxDC2011 中国交互设计体验日_从支付宝客户端谈手机上的用户体验设计_支付宝_李鹤
 
IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄
IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄
IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄
 
IxDC2011 中国交互设计体验日_消费电子产品交互体验畅想_三星_谢林_杜乐
IxDC2011 中国交互设计体验日_消费电子产品交互体验畅想_三星_谢林_杜乐IxDC2011 中国交互设计体验日_消费电子产品交互体验畅想_三星_谢林_杜乐
IxDC2011 中国交互设计体验日_消费电子产品交互体验畅想_三星_谢林_杜乐
 
IxDC2011 中国交互设计体验日_数据分析在网页评估中的作用_淘宝_王雯
IxDC2011 中国交互设计体验日_数据分析在网页评估中的作用_淘宝_王雯IxDC2011 中国交互设计体验日_数据分析在网页评估中的作用_淘宝_王雯
IxDC2011 中国交互设计体验日_数据分析在网页评估中的作用_淘宝_王雯
 
IxDC2011 中国交互设计体验日_如何挖掘体验设计的商业价值_支付宝_郭亮_王强
IxDC2011 中国交互设计体验日_如何挖掘体验设计的商业价值_支付宝_郭亮_王强IxDC2011 中国交互设计体验日_如何挖掘体验设计的商业价值_支付宝_郭亮_王强
IxDC2011 中国交互设计体验日_如何挖掘体验设计的商业价值_支付宝_郭亮_王强
 
IxDC2011 中国交互设计体验日_如何通过设计web ui,让用户“无痛”完成复杂的个人信息录入_创新工场_刘进伯
IxDC2011 中国交互设计体验日_如何通过设计web ui,让用户“无痛”完成复杂的个人信息录入_创新工场_刘进伯IxDC2011 中国交互设计体验日_如何通过设计web ui,让用户“无痛”完成复杂的个人信息录入_创新工场_刘进伯
IxDC2011 中国交互设计体验日_如何通过设计web ui,让用户“无痛”完成复杂的个人信息录入_创新工场_刘进伯
 
IxDC2011 中国交互设计体验日_更效率的信息设计_新浪_李池明
IxDC2011 中国交互设计体验日_更效率的信息设计_新浪_李池明IxDC2011 中国交互设计体验日_更效率的信息设计_新浪_李池明
IxDC2011 中国交互设计体验日_更效率的信息设计_新浪_李池明
 
IxDC2011 中国交互设计体验日_读图看世界,信息可视化_惠普_向怡宁
IxDC2011 中国交互设计体验日_读图看世界,信息可视化_惠普_向怡宁IxDC2011 中国交互设计体验日_读图看世界,信息可视化_惠普_向怡宁
IxDC2011 中国交互设计体验日_读图看世界,信息可视化_惠普_向怡宁
 
IxDC2011 中国交互设计体验日a5_用讲故事的方法来做手机产品交互设计_百度_陈莹_史玉洁
IxDC2011 中国交互设计体验日a5_用讲故事的方法来做手机产品交互设计_百度_陈莹_史玉洁IxDC2011 中国交互设计体验日a5_用讲故事的方法来做手机产品交互设计_百度_陈莹_史玉洁
IxDC2011 中国交互设计体验日a5_用讲故事的方法来做手机产品交互设计_百度_陈莹_史玉洁
 
IxDC2011 中国交互设计体验日_如何提高产品体验竞争力_阿里巴巴_陶嵘
IxDC2011 中国交互设计体验日_如何提高产品体验竞争力_阿里巴巴_陶嵘IxDC2011 中国交互设计体验日_如何提高产品体验竞争力_阿里巴巴_陶嵘
IxDC2011 中国交互设计体验日_如何提高产品体验竞争力_阿里巴巴_陶嵘
 
IxDC2011 中国交互设计体验日_探索移动sns的创新交互形式_创新工场_刘静_邹越昆
IxDC2011 中国交互设计体验日_探索移动sns的创新交互形式_创新工场_刘静_邹越昆IxDC2011 中国交互设计体验日_探索移动sns的创新交互形式_创新工场_刘静_邹越昆
IxDC2011 中国交互设计体验日_探索移动sns的创新交互形式_创新工场_刘静_邹越昆
 
IxDC 中国交互设计体验日-大会_唐沐_特殊人群的设计关怀
IxDC 中国交互设计体验日-大会_唐沐_特殊人群的设计关怀IxDC 中国交互设计体验日-大会_唐沐_特殊人群的设计关怀
IxDC 中国交互设计体验日-大会_唐沐_特殊人群的设计关怀
 
IxDC 中国交互设计体验日-大会_黄峰_体验设计,我们要走的更远
IxDC 中国交互设计体验日-大会_黄峰_体验设计,我们要走的更远IxDC 中国交互设计体验日-大会_黄峰_体验设计,我们要走的更远
IxDC 中国交互设计体验日-大会_黄峰_体验设计,我们要走的更远
 
IxDC 中国交互设计体验日-大会_deniel_thevalueofaskingwhy
IxDC 中国交互设计体验日-大会_deniel_thevalueofaskingwhyIxDC 中国交互设计体验日-大会_deniel_thevalueofaskingwhy
IxDC 中国交互设计体验日-大会_deniel_thevalueofaskingwhy
 
IxDC 中国交互设计体验日-C5_许让-ixdc
IxDC 中国交互设计体验日-C5_许让-ixdcIxDC 中国交互设计体验日-C5_许让-ixdc
IxDC 中国交互设计体验日-C5_许让-ixdc
 
IxDC 中国交互设计体验日-C3b_吴蔚_移动终端的中文显示难题
IxDC 中国交互设计体验日-C3b_吴蔚_移动终端的中文显示难题IxDC 中国交互设计体验日-C3b_吴蔚_移动终端的中文显示难题
IxDC 中国交互设计体验日-C3b_吴蔚_移动终端的中文显示难题
 
IxDC 中国交互设计体验日-C3a_钟磊_手持终端交互设计方法2_钟磊
IxDC 中国交互设计体验日-C3a_钟磊_手持终端交互设计方法2_钟磊IxDC 中国交互设计体验日-C3a_钟磊_手持终端交互设计方法2_钟磊
IxDC 中国交互设计体验日-C3a_钟磊_手持终端交互设计方法2_钟磊
 

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