Post on 24-May-2015
description
2010
中国交互设计体验日
设计因移动而不同
2010
中国交互设计体验日
—移动应用的发展
背景
—设计师角色的转变
2010
中国交互设计体验日
0
125
250
375
500
2006 2007 2008 2009 2010
移动互联网规模(亿) 中国移动互联网用户数量(百万) 全球手机用户数量(千万)
2010
中国交互设计体验日
设计师角色的转变
2010
中国交互设计体验日
准备好，迎接新的挑战
2010
中国交互设计体验日
The Difference
2010
中国交互设计体验日
The Difference
屏幕尺寸
使用情境
操作方式处理能力
有限带宽
操作系统其他
2010
中国交互设计体验日
Screen Size
2010
中国交互设计体验日
Screen Size
屏幕空间是一个不可忽视的限制因素，正如同我们的居住空间
2010
中国交互设计体验日
2010
中国交互设计体验日
精简内容
2010
中国交互设计体验日
精简内容
2010
中国交互设计体验日
精简内容
80％的用户使用20％的功能
2010
中国交互设计体验日
精简内容
80％的用户使用20％的功能（找出90％的用户关心的10％的功能）
2010
中国交互设计体验日
精简内容
80％的用户使用20％的功能
选择即成本
（找出90％的用户关心的10％的功能）
2010
中国交互设计体验日
精简内容选择即成本
（去除重复功能，保持单一路径）
80％的用户使用20％的功能（找出90％的用户关心的10％的功能）
2010
中国交互设计体验日
精简内容
少既是多
选择即成本（去除重复功能，保持单一路径）
80％的用户使用20％的功能（找出90％的用户关心的10％的功能）
2010
中国交互设计体验日
精简内容
少既是多
选择即成本（去除重复功能，保持单一路径）
80％的用户使用20％的功能（找出90％的用户关心的10％的功能）
（明确重点，突出内容）
2010
中国交互设计体验日
精简内容
少既是多
选择即成本（去除重复功能，保持单一路径）
80％的用户使用20％的功能（找出90％的用户关心的10％的功能）
（明确重点，突出内容）
2010
中国交互设计体验日
精简内容
少既是多
选择即成本（去除重复功能，保持单一路径）
80％的用户使用20％的功能（找出90％的用户关心的10％的功能）
（明确重点，突出内容）
2010
中国交互设计体验日
精简内容
少既是多
选择即成本（去除重复功能，保持单一路径）
80％的用户使用20％的功能（找出90％的用户关心的10％的功能）
（明确重点，突出内容）
默认去除的方法减掉非必要功能
2010
中国交互设计体验日
精简内容
少既是多
选择即成本（去除重复功能，保持单一路径）
80％的用户使用20％的功能（找出90％的用户关心的10％的功能）
（明确重点，突出内容）
默认去除的方法减掉非必要功能
隐藏复杂方法
2010
中国交互设计体验日
精简内容
少既是多
选择即成本（去除重复功能，保持单一路径）
80％的用户使用20％的功能（找出90％的用户关心的10％的功能）
（明确重点，突出内容）
默认去除的方法减掉非必要功能
隐藏复杂方法
充分利用系统控件
2010
中国交互设计体验日
2010
中国交互设计体验日
信息组织
2010
中国交互设计体验日
信息组织
2010
中国交互设计体验日
信息组织
2010
中国交互设计体验日
信息组织
扁平化信息组织
合理的导航 明确的方位感知
一个页面完成一个任务（inevitable）
屏幕空间扩展
2010
中国交互设计体验日
信息组织
扁平化信息组织
合理的导航 明确的方位感知
一个页面完成一个任务（inevitable）
屏幕空间扩展
方法？
2010
中国交互设计体验日
扁平化信息组织2010
中国交互设计体验日
扁平化信息组织
目录 摘要！ 全部？
2010
中国交互设计体验日
扁平化信息组织
目录 摘要！ 全部？
2010
中国交互设计体验日
扁平化信息组织
目录 摘要！ 全部？
2010
中国交互设计体验日
信息组织
扁平化信息组织
合理的导航 明确的方位感知
一个页面完成一个任务（inevitable）
屏幕空间扩展
2010
中国交互设计体验日
屏幕空间扩展
2010
中国交互设计体验日
平面扩展
边缘定位正反面
立体空间
针对小屏幕的信息组织方法(形式)
2010
中国交互设计体验日
平面扩展
手机屏幕像是一个窗口，透过它看到全局的部分。这样也最为符合常识和预期
2010
中国交互设计体验日
边缘定位
第一页
最后页
中间页
2010
中国交互设计体验日
第一页
最后页
中间页
边缘定位2010
中国交互设计体验日
第一页
最后页
中间页
边缘定位2010
中国交互设计体验日
第一页 最后页中间页
边缘定位2010
中国交互设计体验日
正反面2010
中国交互设计体验日
正反面2010
中国交互设计体验日
信息组织
扁平化信息组织
合理的导航 明确的方位感知
一个页面完成一个任务（inevitable）
屏幕空间扩展
2010
中国交互设计体验日
合理的导航 明确的方位感知2010
中国交互设计体验日
合理的导航 明确的方位感知
深南大道
沙河西路
龙珠大道
龙珠三路
?
空间分隔的作用
腾讯大厦
住处
2010
中国交互设计体验日
合理的导航 明确的方位感知
深南大道
沙河西路
龙珠大道
龙珠三路
?
飞亚达
BENS电器
邓小平画像
华润万家
空间分隔的作用2010
中国交互设计体验日
合理的导航 明确的方位感知
1.图比文字的识别成本低 2.应用标志建筑物的方法 3.应用空间分隔
DEMODEMO
2010
中国交互设计体验日
信息组织
扁平化信息组织
合理的导航 明确的方位感知
一个页面完成一个任务（inevitable）
屏幕空间扩展
2010
中国交互设计体验日
一个页面完成一个任务（inevitable）
注意力
2010
中国交互设计体验日
一个页面完成一个任务（inevitable）
DEMO
2010
中国交互设计体验日
设计观2010
中国交互设计体验日
屏幕尺寸
使用情境
操作方式处理能力
有限带宽
操作系统其他
屏幕尺寸
2010
中国交互设计体验日
屏幕尺寸
使用情境
操作方式处理能力
有限带宽
操作系统其他
使用情境
2010
中国交互设计体验日
only planet project
很多人活不到成年
遭遇袭击时寻找路线用的逃生设计
解决留守儿童沟通问题的设计
VS
2010
中国交互设计体验日
很多人活不到成年
VS
make a phone call
2010
中国交互设计体验日
任务 情境context
2010
中国交互设计体验日
任务
2010
中国交互设计体验日
任务
context
scenario
情境
场景剧情
2010
中国交互设计体验日
任务
scenario场景剧情
function功能需求
context情境
2010
中国交互设计体验日
PC与移动设备在情境上的不同---不知场景为何物---桌面端
2010
中国交互设计体验日
时间光线噪音方向地点距离温度震动网络连接情感寄托文化......
PC与移动设备在情境上的不同移动--可以想象,没有移动设备,也就没地理位置信息服务
工作是的整段时间vs碎片时间 --手机邮件客户端
2010
中国交互设计体验日
时间光线噪音方向地点距离温度震动网络连接情感寄托文化......
pc与手持设备在情境上的不同
自适应界面
2010
中国交互设计体验日
esig
n
时间光线噪音方向地点距离温度震动网络连接情感寄托文化......
基于手持设备情境的设计
D?
2010
中国交互设计体验日
context
光线时间方向地点距离温度震动网络连接历史偏好......
implement
微薄启动界面
地图,自适应旋转界面,铃声消除
天气,拍照
电话
自动网络切换
自适应通讯录
自适应菜单
1.已经应用的设计---了解本质,关注移动情境
2010
中国交互设计体验日
context
光线时间方向地点距离温度震动网络连接历史偏好......
implement
2.创新设计
耳听八方
活力值/这是懒人
2010
中国交互设计体验日
contextimplement
3.预测趋势
时间
网络人
温度
偏好
地点
2010
中国交互设计体验日
contextimplement
3.预测趋势
时间
网络人
温度
偏好
地点位置 朝向
LBS
2010
中国交互设计体验日
contextimplement
3.预测趋势
时间
网络
人
温度
偏好
地点位置 朝向
LBS
生命特征
2010
中国交互设计体验日
情境---对设计观的影响
2010
中国交互设计体验日
屏幕尺寸
使用情境
操作方式处理能力
有限带宽
操作系统其他
使用情境
2010
中国交互设计体验日
屏幕尺寸
使用情境
操作方式
处理能力
有限带宽
操作系统其他
操作方式操作系统
2010
中国交互设计体验日