AirJD 焦点
AirJD

没有录音文件
00:00/00:00
加收藏

移动产品之体验设计 by 唐杰

发布者 product
发布于 1442364897751  浏览 4713 关键词 移动开发, 产品设计, 用户体验 
分享到

第1页

http://tangjie.me

移动产品 之 体验设计

唐杰 2012.3



第2页

前言

分享一些我的工作心得 同时也欢迎大家分享



第3页

苹果公司

 硬件为软件服务  软件为用户体验服务  用户体验为情感服务  产品为真正的需求服务



第4页

今天的主题 体验设计

主要分享三点: 1、使用环境的体验 2、操作习惯的体验 3、视觉界面的体验



第5页

1、使用环境的体验

 使用移动产品的用户,时间是碎片化的

不要让用户等待(下载安装、产品流畅度、响应速度) 不要增加学习成本(操作学习、界面学习)

 移动终端会存在很多不确定因素

不要让用户莫名其妙(合理的信息反馈,但不要画蛇添足) 不同的环境因素,产生不同的体验

 移动产品有月末效应  移动产品有着更为丰富的传感器



第6页

2、操作习惯的体验 之 用户成本

 降低用户学习成本

精简操作步骤 运用图形语言,暗喻操作流程

 降低用户记忆负担

手势操作是一种隐性体验,需要用户记忆 炫丽的手势操作最好结合OS特性和实物隐喻

 降低用户操作成本

功能型应用讲究的是效率 流畅的操作体验



第7页

2、操作习惯的体验 之 触控习惯



 触点区域的大小



操作焦点不等于视觉焦点



第8页

2、操作习惯的体验 之 触控习惯



 触点区域的大小



操作焦点不等于视觉焦点



《Android 4.0 设计规范》第26-27页



在android系统中单位DP也就是DIP:device independent pixels (设备独立像素)



第9页

2、操作习惯的体验 之 触控习惯



 触点区域的大小



操作焦点不等于视觉焦点



第10页

2、操作习惯的体验 之 触控习惯



 触点偏差



操作焦点向下偏移



右手用户向右下角偏移、左手用户向左下角偏移



第11页

2、操作习惯的体验 之 触控习惯



 触点偏差



操作焦点向下偏移



右手用户向右下角偏移、左手用户向左下角偏移



第12页

2、操作习惯的体验 之 操作反馈

 Web按钮的四态 1、当鼠标还末移到时 2、当鼠标移到按钮时 3、当鼠标在按钮上按下时 4、当鼠标在按钮上操作后



第13页

2、操作习惯的体验 之 操作反馈

 App按钮的三态 1、未触摸时 2、当触摸到按钮时 3、当触摸到按钮后

3.1、恢复到未触摸时 3.2、操作后提示 3.3、锁定



第14页

2、操作习惯的体验 之 操作反馈

 操作反馈的目的 1、不让用户莫名其妙 2、让用户明白操作被接受,并获得响应 3、合理的信息反馈,是锦上添花



第15页

2、操作习惯的体验 之 操作反馈

 操作反馈的形态



第16页

2、操作习惯的体验 之 操作反馈

 操作反馈的形态

怎么表现锁定状态



第17页

2、操作习惯的体验 之 操作反馈

 操作反馈的形态

怎么表现锁定状态



第18页

2、操作习惯的体验 之 操作反馈

 操作反馈的形态

怎么表现锁定状态



第19页

2、操作习惯的体验 之 操作反馈

 无响应的操作反馈



第20页

2、操作习惯的体验 之 操作逻辑

 操作由0和1组成  0代表初始,1代表激活  一个界面有很多个0会让用户产生选择恐惧  当1被激活时,可以忽略0,因为用户关心操作反馈



第21页

2、操作习惯的体验 之 操作逻辑



第22页

3、视觉界面的体验 之 架构色调

 主色不适合大面积使用  重色不适合大面积使用  一个界面最好不要超过三种色调



第23页

3、视觉界面的体验 之 界面语言

 UI设计的最高境界是提升用户操作效率  色调可以影响用户的操作习惯

用了三种颜色:湖蓝、橙黄、灰色 分别代表:可操作区域、主流程、提示信息

让用户不用想就知道如何操作



第24页

今年的体验展望

 平面化的视觉风格  动效交互  语音交互  手势操作



第25页

http://tangjie.me

抛砖引玉

谢谢

唐杰 2012.3



支持文件格式:*.pdf
上传最后阶段需要进行在线转换,可能需要1~2分钟,请耐心等待。