从钢铁侠与美国队长看用户体验
DESCRIPTION
有趣的对比,了解用户体验的发展。TRANSCRIPT
本PPT包含低度色情内容
本PPT所述观点未经学术认证
警告
过程中如有不适请喝口水
Captain America Iron Man
VS
他们都是超級英雄一个来自20世纪一个科技十足
但是他们审视世界
の
方式
截然不同
眼睛 意识
抽象信息聚合&获取
理解&判断 出击
眼睛 意识
实景信息获取
理解&判断 出击实景信息抽象&聚合
实景信息获取
理解&判断 出击实景信息处理&聚合
理解&判断 出击抽象信息聚合&获取
预先建立相应的心智模型
抽象信息可以加快理解&反应速度
对于理解复杂的运行系统
&
对世界的抽象认知ING
阿尔塔米拉洞窟位于西班牙坎塔布利亚自治区的桑蒂利亚纳·德耳马尔附近。距今11000~17000年前
随着对世界的认知深入抽象信息已经成为我们理解世界的一种快捷方式
时间
希望 友谊
知识
能量网络 真实
谎言
正义
抽象信息加快我们对世界的理解
石器时代
红铜时代
青铜时代
铁器时代
启蒙时代
蒸汽时代
电气时代
原子时代
信息时代
信息时代
原始时代
理解世界的方式在变化
10后80后
成长环境在改变
10后
抽象信息的渗透更加广泛
抽象信息缺少与感官的直接联系
థ౪థ
到底什么是抽象信息(。•ˇ‸ˇ•。)
抽象信息与随意信息正好相反,非常难以理解,但是逻辑性很强,而随意信息非常浅显,但是逻辑性差,抽象信息的学习好比潜入深海的探索。
内在化和比喻法对于将复杂知识简化至关重要,模型纠错也很重要
థ౪థ
抽象信息有什么好处(。•ˇ‸ˇ•。)
理解速度快
信息聚合
辅助认知 传达速度快
信息沉淀
知识传播
థ౪థ
抽象:简化表现&增加内涵(。•ˇ‸ˇ•。)
社会发展
观念更新
传播需求
知识积累
థ౪థ
抽象贯穿整个世界的进展(。•ˇ‸ˇ•。)
థ౪థ
多级抽象(。•ˇ‸ˇ•。)
自然之源
一级抽象处理
二级抽象处理
…
老抽
自然之源
一级抽象处理
二级抽象处理
…
老抽
థ౪థ
抽象大法好
精简表现
保留核心
环境塑造
广泛传播
థ౪థ
抽象的关键
减少到达目标的路径长度(。•ˇ‸ˇ•。)
分散部分聚合
精简聚合
去噪
精简去噪
多级抽象
数据功能映射
精简聚合
去噪
థ౪థ
Win8的抽象之道(。•ˇ‸ˇ•。)
导航控件
编辑控件
系统控件 图文信息
通知系统
视觉高度
థ౪థ
Win8的抽象之道(。•ˇ‸ˇ•。)
导航控件 编辑控件
系统控件
图文信息通知系统
థ౪థ
why(。•ˇ‸ˇ•。)
环境养成
缩短路径
环境去噪
不能一样
你打我呀
产品超出预期
实现目标擅长
目标用户
UX体验 功能
触控优先
动画
Toast通知
辅助磁铁
应用磁铁
应用品牌化
类型选择
空格
层次结构
行高
文本大小
单一纯色
透明度
分层
混合
创造深度
导航模式
产品
导航模式
分层模式
平面模式
画布上导航
顶部应用栏
语义式缩放
分层模式
平面模式
画布上导航
画布上导航
顶部应用栏
顶部应用栏
语义式缩放
命令模式
命令类型
命令放置
命令类型
筛选
命令类型
透视
透视命令重新组织数据集中的内容
命令类型
排序
命令类型
查看
命令类型
提示
命令类型
提示
命令类型
其他
命令放置
在画布上
命令放置
底部应用栏
命令放置
指南
可预测性
人体工程学
美学
持久性、默认命令放置在右栏
如果有大量命令,则左右分开更易访问
显示/隐藏已禁用的命令
插入选择命令,命令更显眼更易于访问
常用命令放置
选择命令放在最左侧,如“全选”后命令出现在左侧
新建项目放在最右侧,如“新评论”,其他相关命令在左侧
删除、清楚放在新建命令左侧
常用命令放置
将多个命令归组到菜单
常用命令放置
上下文菜单
常用命令放置
利用超级按钮
常用命令放置
小结
图文信息
导航/图文信息
命令控件隐藏
生活
专注
开心
不开心
手机如伴侣
=
Its all about
【LOVE】
【HEART BEAT】
=
I
伴侣 好友 家人 工具
?
助手
手机
忠告 建议
指导
关爱保护
欣赏
医生 老师 战友 护卫
时刻去爱,停不下来
宝贝,怎么这么热?
生病了么
你真好 我需要更加了解你
不开心么?
摔疼了么
爱の路上
时间
不变的恒久变量
Its all about
【TIME】
手机
时间
某张照片 追究也太傻某个情节 又何需惊讶某些白发 真实的表达某个以后 都是无限大某个路人 又哭着回家某个电台 用情歌惩罚某次晚餐 只听见刀叉某个转角 真的无限大
时间
时间 抽象
【ROCK TIME】
纵向视平线
【擦】这和WIN8毛关系?
逗我呢
【Win8风格】
扁平图文
隐藏控件
看上去是酱紫
【Win8之道】
顺势而为
抽象迭代
我YY出来的是酱紫
精简去噪
【助手之道】
未来助手
集合入口
扁平去噪
沉浸浏览
有爱走心
市场 手机管理
纵向视平线
市场 手机管理
【整体结构扁平】
页面主要信息 导航/辅助信息
页面主要信息 导航/辅助信息
弱化导航加强浏览沉浸
【弱化TAB/强调内容沉浸】
手机管理
手机管理
【弱化TAB/信息扁平】
【直达心扉】
【信息扁平】
【强调内容】
【对, 要有爱】
【THANKS】