从钢铁侠与美国队长看用户体验

128
PPT包含低度色情内容 PPT所述观点未经学术认证 警告 过程中如有不适请喝口水

Upload: ue

Post on 09-Jul-2015

150 views

Category:

Design


1 download

DESCRIPTION

有趣的对比,了解用户体验的发展。

TRANSCRIPT

Page 1: 从钢铁侠与美国队长看用户体验

本PPT包含低度色情内容

本PPT所述观点未经学术认证

警告

过程中如有不适请喝口水

Page 2: 从钢铁侠与美国队长看用户体验

Captain America Iron Man

VS

Page 3: 从钢铁侠与美国队长看用户体验
Page 4: 从钢铁侠与美国队长看用户体验
Page 5: 从钢铁侠与美国队长看用户体验
Page 6: 从钢铁侠与美国队长看用户体验
Page 7: 从钢铁侠与美国队长看用户体验
Page 8: 从钢铁侠与美国队长看用户体验
Page 9: 从钢铁侠与美国队长看用户体验
Page 10: 从钢铁侠与美国队长看用户体验
Page 11: 从钢铁侠与美国队长看用户体验
Page 12: 从钢铁侠与美国队长看用户体验

他们都是超級英雄一个来自20世纪一个科技十足

Page 13: 从钢铁侠与美国队长看用户体验

但是他们审视世界

方式

截然不同

Page 14: 从钢铁侠与美国队长看用户体验
Page 15: 从钢铁侠与美国队长看用户体验

眼睛 意识

Page 16: 从钢铁侠与美国队长看用户体验

抽象信息聚合&获取

理解&判断 出击

Page 17: 从钢铁侠与美国队长看用户体验
Page 18: 从钢铁侠与美国队长看用户体验

眼睛 意识

Page 19: 从钢铁侠与美国队长看用户体验

实景信息获取

理解&判断 出击实景信息抽象&聚合

Page 20: 从钢铁侠与美国队长看用户体验

实景信息获取

理解&判断 出击实景信息处理&聚合

理解&判断 出击抽象信息聚合&获取

Page 21: 从钢铁侠与美国队长看用户体验

预先建立相应的心智模型

抽象信息可以加快理解&反应速度

对于理解复杂的运行系统

&

Page 22: 从钢铁侠与美国队长看用户体验

对世界的抽象认知ING

Page 23: 从钢铁侠与美国队长看用户体验

阿尔塔米拉洞窟位于西班牙坎塔布利亚自治区的桑蒂利亚纳·德耳马尔附近。距今11000~17000年前

Page 24: 从钢铁侠与美国队长看用户体验
Page 25: 从钢铁侠与美国队长看用户体验

随着对世界的认知深入抽象信息已经成为我们理解世界的一种快捷方式

时间

希望 友谊

知识

能量网络 真实

谎言

正义

Page 26: 从钢铁侠与美国队长看用户体验

抽象信息加快我们对世界的理解

石器时代

红铜时代

青铜时代

铁器时代

启蒙时代

蒸汽时代

电气时代

原子时代

信息时代

Page 27: 从钢铁侠与美国队长看用户体验

信息时代

原始时代

理解世界的方式在变化

Page 28: 从钢铁侠与美国队长看用户体验

10后80后

成长环境在改变

Page 29: 从钢铁侠与美国队长看用户体验

10后

抽象信息的渗透更加广泛

Page 30: 从钢铁侠与美国队长看用户体验

抽象信息缺少与感官的直接联系

థ౪థ

到底什么是抽象信息(。•ˇ‸ˇ•。)

抽象信息与随意信息正好相反,非常难以理解,但是逻辑性很强,而随意信息非常浅显,但是逻辑性差,抽象信息的学习好比潜入深海的探索。

内在化和比喻法对于将复杂知识简化至关重要,模型纠错也很重要

Page 31: 从钢铁侠与美国队长看用户体验

థ౪థ

抽象信息有什么好处(。•ˇ‸ˇ•。)

理解速度快

信息聚合

辅助认知 传达速度快

信息沉淀

知识传播

Page 32: 从钢铁侠与美国队长看用户体验

థ౪థ

抽象:简化表现&增加内涵(。•ˇ‸ˇ•。)

社会发展

观念更新

传播需求

知识积累

Page 33: 从钢铁侠与美国队长看用户体验

థ౪థ

抽象贯穿整个世界的进展(。•ˇ‸ˇ•。)

Page 34: 从钢铁侠与美国队长看用户体验

థ౪థ

多级抽象(。•ˇ‸ˇ•。)

自然之源

一级抽象处理

二级抽象处理

老抽

Page 35: 从钢铁侠与美国队长看用户体验

自然之源

一级抽象处理

二级抽象处理

老抽

Page 36: 从钢铁侠与美国队长看用户体验

థ౪థ

抽象大法好

精简表现

保留核心

环境塑造

广泛传播

Page 37: 从钢铁侠与美国队长看用户体验

థ౪థ

抽象的关键

减少到达目标的路径长度(。•ˇ‸ˇ•。)

Page 38: 从钢铁侠与美国队长看用户体验
Page 39: 从钢铁侠与美国队长看用户体验

分散部分聚合

精简聚合

去噪

Page 40: 从钢铁侠与美国队长看用户体验

精简去噪

Page 41: 从钢铁侠与美国队长看用户体验

多级抽象

Page 42: 从钢铁侠与美国队长看用户体验

数据功能映射

精简聚合

去噪

Page 43: 从钢铁侠与美国队长看用户体验

థ౪థ

Win8的抽象之道(。•ˇ‸ˇ•。)

导航控件

编辑控件

系统控件 图文信息

通知系统

视觉高度

Page 44: 从钢铁侠与美国队长看用户体验

థ౪థ

Win8的抽象之道(。•ˇ‸ˇ•。)

导航控件 编辑控件

系统控件

图文信息通知系统

Page 45: 从钢铁侠与美国队长看用户体验

థ౪థ

why(。•ˇ‸ˇ•。)

环境养成

缩短路径

环境去噪

不能一样

你打我呀

Page 46: 从钢铁侠与美国队长看用户体验
Page 47: 从钢铁侠与美国队长看用户体验

产品超出预期

实现目标擅长

目标用户

UX体验 功能

触控优先

动画

Toast通知

辅助磁铁

应用磁铁

Page 48: 从钢铁侠与美国队长看用户体验

应用品牌化

Page 49: 从钢铁侠与美国队长看用户体验

类型选择

空格

层次结构

行高

文本大小

Page 50: 从钢铁侠与美国队长看用户体验
Page 51: 从钢铁侠与美国队长看用户体验

单一纯色

透明度

分层

混合

创造深度

Page 52: 从钢铁侠与美国队长看用户体验

导航模式

产品

Page 53: 从钢铁侠与美国队长看用户体验

导航模式

分层模式

平面模式

画布上导航

顶部应用栏

语义式缩放

Page 54: 从钢铁侠与美国队长看用户体验

分层模式

Page 55: 从钢铁侠与美国队长看用户体验

平面模式

Page 56: 从钢铁侠与美国队长看用户体验

画布上导航

Page 57: 从钢铁侠与美国队长看用户体验

画布上导航

Page 58: 从钢铁侠与美国队长看用户体验

顶部应用栏

Page 59: 从钢铁侠与美国队长看用户体验

顶部应用栏

Page 60: 从钢铁侠与美国队长看用户体验

语义式缩放

Page 61: 从钢铁侠与美国队长看用户体验

命令模式

命令类型

命令放置

Page 62: 从钢铁侠与美国队长看用户体验

命令类型

筛选

Page 63: 从钢铁侠与美国队长看用户体验

命令类型

透视

透视命令重新组织数据集中的内容

Page 64: 从钢铁侠与美国队长看用户体验

命令类型

排序

Page 65: 从钢铁侠与美国队长看用户体验

命令类型

查看

Page 66: 从钢铁侠与美国队长看用户体验

命令类型

提示

Page 67: 从钢铁侠与美国队长看用户体验

命令类型

提示

Page 68: 从钢铁侠与美国队长看用户体验

命令类型

其他

Page 69: 从钢铁侠与美国队长看用户体验

命令放置

在画布上

Page 70: 从钢铁侠与美国队长看用户体验

命令放置

底部应用栏

Page 71: 从钢铁侠与美国队长看用户体验

命令放置

指南

可预测性

人体工程学

美学

Page 72: 从钢铁侠与美国队长看用户体验

持久性、默认命令放置在右栏

如果有大量命令,则左右分开更易访问

显示/隐藏已禁用的命令

插入选择命令,命令更显眼更易于访问

常用命令放置

Page 73: 从钢铁侠与美国队长看用户体验

选择命令放在最左侧,如“全选”后命令出现在左侧

新建项目放在最右侧,如“新评论”,其他相关命令在左侧

删除、清楚放在新建命令左侧

常用命令放置

Page 74: 从钢铁侠与美国队长看用户体验

将多个命令归组到菜单

常用命令放置

Page 75: 从钢铁侠与美国队长看用户体验

上下文菜单

常用命令放置

Page 76: 从钢铁侠与美国队长看用户体验

利用超级按钮

常用命令放置

Page 77: 从钢铁侠与美国队长看用户体验

小结

图文信息

导航/图文信息

命令控件隐藏

Page 78: 从钢铁侠与美国队长看用户体验
Page 79: 从钢铁侠与美国队长看用户体验

生活

Page 80: 从钢铁侠与美国队长看用户体验

专注

Page 81: 从钢铁侠与美国队长看用户体验

开心

Page 82: 从钢铁侠与美国队长看用户体验

不开心

Page 83: 从钢铁侠与美国队长看用户体验

手机如伴侣

Page 84: 从钢铁侠与美国队长看用户体验

=

Its all about

【LOVE】

Page 85: 从钢铁侠与美国队长看用户体验

【HEART BEAT】

=

Page 86: 从钢铁侠与美国队长看用户体验

I

Page 87: 从钢铁侠与美国队长看用户体验

伴侣 好友 家人 工具

Page 88: 从钢铁侠与美国队长看用户体验

?

Page 89: 从钢铁侠与美国队长看用户体验

助手

手机

Page 90: 从钢铁侠与美国队长看用户体验

忠告 建议

指导

关爱保护

欣赏

Page 91: 从钢铁侠与美国队长看用户体验

医生 老师 战友 护卫

Page 92: 从钢铁侠与美国队长看用户体验

时刻去爱,停不下来

宝贝,怎么这么热?

生病了么

你真好 我需要更加了解你

不开心么?

摔疼了么

Page 93: 从钢铁侠与美国队长看用户体验

爱の路上

Page 94: 从钢铁侠与美国队长看用户体验

时间

Page 95: 从钢铁侠与美国队长看用户体验

不变的恒久变量

Page 96: 从钢铁侠与美国队长看用户体验

Its all about

【TIME】

Page 97: 从钢铁侠与美国队长看用户体验

手机

时间

某张照片 追究也太傻某个情节 又何需惊讶某些白发 真实的表达某个以后 都是无限大某个路人 又哭着回家某个电台 用情歌惩罚某次晚餐 只听见刀叉某个转角 真的无限大

Page 98: 从钢铁侠与美国队长看用户体验

时间

Page 99: 从钢铁侠与美国队长看用户体验

时间 抽象

【ROCK TIME】

Page 100: 从钢铁侠与美国队长看用户体验
Page 101: 从钢铁侠与美国队长看用户体验
Page 102: 从钢铁侠与美国队长看用户体验

纵向视平线

Page 103: 从钢铁侠与美国队长看用户体验
Page 104: 从钢铁侠与美国队长看用户体验
Page 105: 从钢铁侠与美国队长看用户体验
Page 106: 从钢铁侠与美国队长看用户体验
Page 107: 从钢铁侠与美国队长看用户体验
Page 108: 从钢铁侠与美国队长看用户体验
Page 109: 从钢铁侠与美国队长看用户体验
Page 110: 从钢铁侠与美国队长看用户体验
Page 111: 从钢铁侠与美国队长看用户体验
Page 112: 从钢铁侠与美国队长看用户体验
Page 113: 从钢铁侠与美国队长看用户体验

【擦】这和WIN8毛关系?

逗我呢

Page 114: 从钢铁侠与美国队长看用户体验

【Win8风格】

扁平图文

隐藏控件

看上去是酱紫

Page 115: 从钢铁侠与美国队长看用户体验

【Win8之道】

顺势而为

抽象迭代

我YY出来的是酱紫

精简去噪

Page 116: 从钢铁侠与美国队长看用户体验

【助手之道】

未来助手

集合入口

扁平去噪

沉浸浏览

有爱走心

Page 117: 从钢铁侠与美国队长看用户体验

市场 手机管理

Page 118: 从钢铁侠与美国队长看用户体验

纵向视平线

市场 手机管理

【整体结构扁平】

Page 119: 从钢铁侠与美国队长看用户体验

页面主要信息 导航/辅助信息

Page 120: 从钢铁侠与美国队长看用户体验

页面主要信息 导航/辅助信息

弱化导航加强浏览沉浸

【弱化TAB/强调内容沉浸】

Page 121: 从钢铁侠与美国队长看用户体验

手机管理

Page 122: 从钢铁侠与美国队长看用户体验

手机管理

【弱化TAB/信息扁平】

Page 123: 从钢铁侠与美国队长看用户体验
Page 124: 从钢铁侠与美国队长看用户体验

【直达心扉】

Page 125: 从钢铁侠与美国队长看用户体验

【信息扁平】

Page 126: 从钢铁侠与美国队长看用户体验

【强调内容】

Page 127: 从钢铁侠与美国队长看用户体验

【对, 要有爱】

Page 128: 从钢铁侠与美国队长看用户体验

【THANKS】