Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

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

586 views

Published on

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

Published in: Design
  • Be the first to comment

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

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

×