愿景的设计表达 以未来构想指引产品设计

IxDC

2018/12/08 发布于 设计 分类

文字内容
1. SUNNY WANG · AIRBNB ഡ࠹ࣜ৘ 愿景的设计表达 以未来构想指引产品设计
2. 1 45 MIN ༷ஷՕᕨ ‫ى‬ԭᦡᦇౄว 2 120 MIN ۖಋሾᜓ ‫ړ‬ᕟᄍᕞӞӻਫֺ 3 15 MIN ൉ᳯ௛ᕮ ဋ᭗ஞ஑Өࢯజ IXDC 2018 · SUNNY WANG
3. PART 1 Intro to Vision.
4. 概念介绍 01 设计愿景是 什什 么 02 为什什么做设 计 愿 景 03 ⽤用设计语⾔言 描 绘 愿 景 04 有效传达设计愿景 IXDC 2018 · SUNNY WANG
5. 01 设计愿景是什什么 What is Vision IXDC 2018 · SUNNY WANG
6. TIM COOK, CEO OF APPLE We believe that we are on the face of the earth to make great products and that’s not changing. We are constantly focusing on innovating. We believe in the simple not the complex. IXDC 2018 · SUNNY WANG
7. GOOGLE To organize the online information and make that information attainable for everybody IXDC 2018 · SUNNY WANG
8. NIKE To bring inspiration and innovation to every athlete in the world. IXDC 2018 · SUNNY WANG
9. NIKE To bring inspiration and innovation to every athlete in the world. “ IF YO U HAV E A BO DY, YO U ARE AN AT HLET E.” IXDC 2018 · SUNNY WANG
10. AIRBNB To create a world where everybody can belong anywhere IXDC 2018 · SUNNY WANG
11. 愿景陈述 ⾼高度概括地描述理理想的未来形态 IXDC 2018 · SUNNY WANG
12. 设计愿景 针对某项⽤用户需求描绘体验的理理想未来形态 IXDC 2018 · SUNNY WANG
13. 设计愿景三要素 ⽤用 户 视 ⻆角 ⼤大 胆 合 理理 宏观思维 IXDC 2018 · SUNNY WANG
14. ⽤用 户 视⻆角 从⽤用户的需求和痛点出发思考理理想的 体验,⽽而⾮非公司的商业⽬目标 IXDC 2018 · SUNNY WANG
15. 现状 ⽤用户的需求 与痛点 IXDC 2018 · SUNNY WANG
16. 现状 ⽤用户的需求 与痛点 愿景 问题全部 解决了了! IXDC 2018 · SUNNY WANG
17. “ 成为⼀一个最受欢迎的旅⾏行行平台 IXDC 2018 · SUNNY WANG
18. “ ⽤用户量量破5亿,纳斯达克敲钟 IXDC 2018 · SUNNY WANG
19. “ 让所有⼈人都能读到感兴趣的内容 IXDC 2018 · SUNNY WANG
20. “ 每位⽤用户都能使⽤用搜索⼯工具快速找到房 IXDC 2018 · SUNNY WANG
21. ⼤大 胆 合理理 在可⻅见的未来跳出技术和资源的限制, 进⾏行行合理理⽽而⼤大胆的构思 IXDC 2018 · SUNNY WANG
22. 可 ⻅见 的 未 来 1年年,3年年,5年年…
23. 充 ⾜足 的 资 源 有没有⼈人来实现?先不不管
24. 没那么简单 设⽴立理理想化⾼高于预期的⽬目标 先仰望星空再脚踏实地
25. 宏观思维 从完整全⾯面的⽤用户体验探索可能性,思 考的⻆角度⽆无需局限于产品本身 IXDC 2018 · SUNNY WANG
26. 从体验本身出发 ⽤用奶奶也能听懂的语⾔言梳理理流程
27. 先抽象后具体 定义全局体验,不不纠结视觉选择
28. 设计延展性 从线上产品到线下体验
29. 虚 拟 权 利利 假设你是CEO,你会怎么做?
30. 02 为什什么做设计愿景 Why to Set A Vision IXDC 2018 · SUNNY WANG
31. 团队获益 帮团队找到⼀一致的⻓长 远 ⽬目 标 - 北北 极 星 穷尽所有可能,才知 道 机 遇 有 多 ⼤大 合 理理 安 排 项 ⽬目 优 先 级 提升参与感,深刻理理 解 为 什什 么 做 每 个 项 ⽬目 IXDC 2018 · SUNNY WANG
32. 设 计 师⾃自身发展 更更全⾯面、⻓长远的思考 问 题 不不在限制下迷失解决 ⽤用 户 问 题 的 初 衷 充分的创意空间,发 挥 设 计 师 特 ⻓长 提升设计驱动⼒力力,建 ⽴立 设 计 师 公 信 ⼒力力 IXDC 2018 · SUNNY WANG
33. 03 ⽤用设计语⾔言描绘愿景 Visualize the Vision IXDC 2018 · SUNNY WANG
34. 设 计 师 的 产 出 是 什什 么 ? IXDC 2018 · SUNNY WANG
35. F L O W INFORMATION ARCHITECTURE REDLINES ICON UIPROTOTYPE MOTION WIREFRAME IXDC 2018 · SUNNY WANG
36. F L O W INFORMATION ARCHITECTURE REDLINES ICON U I PRʁOʁTʁOTYPE MOTION WIREFRAME IXDC 2018 · SUNNY WANG
37. 现状 愿景 IXDC 2018 · SUNNY WANG
38. 现状 发 ⽣生 了了 ⼀一 些 改 变 愿景 IXDC 2018 · SUNNY WANG
39. 现 状 是 什什 么 愿 景 是 什什 么 IXDC 2018 · SUNNY WANG
40. 现 状 是 什什 么 发 ⽣生 了了 什什 么 改 变 愿 景 是 什什 么 IXDC 2018 · SUNNY WANG
41. 这些都是设计师的产出 现 状 是 什什 么 发 ⽣生 了了 什什 么 改 变 愿 景 是 什什 么 IXDC 2018 · SUNNY WANG
42. 描述现状 定义问题与假设 现 状 是 什什 么 Target Users ⽬目标⽤用户 User Needs ⽤用户的精神或物质需要 User Behavior ⽤用户⾏行行为 User Problems ⽤用户遇到的问题 Hypotheses 假设问题发⽣生的原因 Research Insights ⽤用户调研获取 Data Analysis 数据分析获取 IXDC 2018 · SUNNY WANG
43. 描述愿景 定义⽬目标 愿 景 是 什什 么 Vision Statement 愿景陈述 User Goals ⽤用户⻆角度要实现什什么 Design Goals 要设计出什什么 Business Goals 商业指标的增⻓长⽬目标 Timeline ⼤大致的时间框架 Output Metrics 直观盈利利指标 Input Metrics 中间环转化率指标 IXDC 2018 · SUNNY WANG
44. 总结现状与愿景 设计说明⽂文档 ⽬目的 设 计 师 更更 全 ⾯面 、 深 刻 地 了了 解 现状与⽬目标 作为和团队达成早期共识的讨论基准 便便 于 整 合 资 源 和 跟 踪 设 计 进 度 IXDC 2018 · SUNNY WANG
45. 例例 1 详叙派 IXDC 2018 · SUNNY WANG
46. IXDC 2018 · SUNNY WANG
47. IXDC 2018 · SUNNY WANG
48. 例例 2 简约派 IXDC 2018 · SUNNY WANG
49. IXDC 2018 · SUNNY WANG
50. 例例 3 说书派 IXDC 2018 · SUNNY WANG
51. IXDC 2018 · SUNNY WANG
52. IXDC 2018 · SUNNY WANG
53. IXDC 2018 · SUNNY WANG
54. IXDC 2018 · SUNNY WANG
55. 表达形式 设计说明⽂文档 TIPS 为 设 计 师 开 启 思 路路 奠 基 内 容 因 项 ⽬目 ⽽而 异 , ⽆无 需 填 鸭 式地做题 不不 拘 泥泥 于 表 现 形 式 , 也 是 设 计创新的可发挥空间 IXDC 2018 · SUNNY WANG
56. 到现在还没开始画图,有些慌张 如何找到从现状到愿景的最佳路路径? IXDC 2018 · SUNNY WANG
57. 现状 发 ⽣生 了了 ⼀一 些 改 变 愿景 IXDC 2018 · SUNNY WANG
58. 现状 可以有多种途径实现改变 愿景 IXDC 2018 · SUNNY WANG
59. 01 初步探索 以抽象概念寻找⼤大⽅方向 ⽬目的 以 抽 象 的 逻 辑 概 念 为 切 ⼊入 点 ,系统化地引导设计思路路 探 索 产 品 定 位 , 找 到 ⼤大 体 的 设计路路径 利利 于 和 跨 功 能 团 队 讨 论 并 达 成共识,避免陷⼊入设计或技术细节 IXDC 2018 · SUNNY WANG
60. 例例 1 从关键词的定义出发 IXDC 2018 · SUNNY WANG
61. IXDC 2018 · SUNNY WANG
62. IXDC 2018 · SUNNY WANG
63. IXDC 2018 · SUNNY WANG
64. IXDC 2018 · SUNNY WANG
65. 例例 2 对内容和⽤用户进⾏行行抽象分类 IXDC 2018 · SUNNY WANG
66. IXDC 2018 · SUNNY WANG
67. IXDC 2018 · SUNNY WANG
68. IXDC 2018 · SUNNY WANG
69. IXDC 2018 · SUNNY WANG
70. 0 2 从 抽 象 概 念到具体⾏行行为 “导演”新的⽤用户体验 ⽬目的 典 型 ⽤用 户 第 ⼀一 视 ⻆角 描 绘 体 验 路路径 情 景 化 、 故 事 化 解 决 ⽅方 案 , 便便于沟通 低 成 本 快 速 代 ⼊入 ⽤用 户 测 试 IXDC 2018 · SUNNY WANG
71. 例例 1 精美系 IXDC 2018 · SUNNY WANG
72. IXDC 2018 · SUNNY WANG
73. 例例 2 潦草系 IXDC 2018 · SUNNY WANG
74. IXDC 2018 · SUNNY WANG
75. 03 定义产品框架 时间和空间上的信息架构 ⽬目的 明确时间上的流程关系 定义空间上的内容层级 ⽤用 产 品 的 “ ⻣骨 架 ” 与 团 队 达 成 共识 避 免 陷 ⼊入 过 细 的 视 觉 讨 论 IXDC 2018 · SUNNY WANG
76. 例例 1 任务流程 IXDC 2018 · SUNNY WANG
77. IXDC 2018 · SUNNY WANG
78. 例例 2 内容结构 IXDC 2018 · SUNNY WANG
79. I N T E N T TO BOOK EXIT P3 PDP CONTENT HIERARCHY BOOK price, date, availability, guest number, book/request to book CONTACT contact host SAVE & SHARE save to wishlist, share to social media WORD OF MOUTH star ratings, reviews, u&c BASIC INFO RECOMMENDED similar listings recommended search title location host home type bedroom number bed number bed arrangement bathroom number guest cap the space guest access interaction with guest amenities pricing details house rules cancellation policy neighborhood transporationg IXDC 2018 · SUNNY WANG
80. I N T E N T TO BOOK PDP STRUCTURE - WEB LEGEND BOOK CONTACT SAVE & SHARE WORD OF MOUTH BASIC RECOMMENDED LARGE WEB SAVE SHARE ON SCROLL - STICKY NAV DETAILS · REVIEWS · LOCATION · RULES · HOST GLANCE D E TA I L S DETAILS · REVIEWS · LOCATION · RULES · HOST TITLE TYPE · CITY ROOM · BED · BATH · MAX GUEST HOST BLURB CONTACT ABOUT LISTING BED ARRANGEMENTS HOME TYPE & EXPLANATION CHECKIN INFO AVA I L A B I L I T Y AMENITIES VIEW ALL PHOTOS PRICE SCORE STAR RATING DATES & GUESTS BOOK U&C PRICE SCORE STAR RATING DATES & GUESTS BOOK U&C REVIEWS REVIEWS & RATINGS LOCATION LOCATION GETTING AROUND MAP RULES HOST RECOM HOUSE RULES PRICING CANCELLATION RULES OFFLINE TRANSACTION CAVEAT HOST BLURB CONTACT HOST INTRO INTERACT WITH GUESTS LANGUAGE & RESPONSE STATS NEARBY IB LISTINGS MID WEB SAVE SHARE ON SCROLL - STICKY NAV DETAILS · REVIEWS · LOCATION · RULES · HOST GLANCE D E TA I L S VIEW ALL PHOTOS DETAILS · REVIEWS · LOCATION · RULES · HOST TITLE U&C TYPE · CITY ROOM · BED · BATH · MAX GUEST HOST BLURB ABOUT LISTING CONTACT PRICE RATING PERSISTENT - STICKY NAV BED ARRANGEMENTS HOME TYPE & EXPLANATION CHECKIN INFO AVA I L A B I L I T Y AMENITIES BOOK REVIEWS REVIEWS & RATINGS LOCATION LOCATION GETTING AROUND MAP RULES HOUSE RULES PRICING CANCELLATION RULES OFFLINE TRANSACTION CAVEAT HOST HOST BLURB CONTACT HOST INTRO INTERACT WITH GUESTS LANGUAGE & RESPONSE STATS RECOM SEARCHES NEARBY IB LISTINGS SMALL WEB ON SCROLL - STICKY NAV DETAILS · REVIEWS · LOCATION · RULES · HOST GLANCE DETAILS · REVIEWS · LOCATION · RULES · HOST TITLE U&C TYPE · CITY ROOM · BED · BATH · MAX GUEST D E TA I L S HOST BLURB CONTACT ABOUT LISTING BED ARRANGEMENTS HOME TYPE & EXPLANATION CHECKIN INFO AVA I L A B I L I T Y AMENITIES PRICE RATING BOOK PERSISTENT - STICKY NAV REVIEWS REVIEWS & RATINGS LOCATION LOCATION GETTING AROUND MAP RULES HOUSE RULES PRICING CANCELLATION RULES OFFLINE TRANSACTION CAVEAT HOST HOST BLURB CONTACT HOST INTRO INTERACT WITH GUESTS LANGUAGE & RESPONSE STATS RECOM SEARCHES NEARBY IB LISTINGS RECOM KEYWORD SEARCHES IXDC 2018 · SUNNY WANG
81. 04 打磨关键节点 关键界⾯面的⾼高保真呈现 ⽬目的 最真实地呈现新体验的关键帧 帮 助 团 队 统 ⼀一 对 新 体 验 的 认 知 避 免 陷 ⼊入 过 细 的 流 程 分 ⽀支 和 状态 IXDC 2018 · SUNNY WANG
82. 示 例例 从不不同⽤用户的核⼼心流程表现关键界⾯面 IXDC 2018 · SUNNY WANG
83. IXDC 2018 · SUNNY WANG
84. IXDC 2018 · SUNNY WANG
85. IXDC 2018 · SUNNY WANG
86. 05 动态表现 可交互原型的逼真还原 ⽬目的 直观感受交互与体验流程 可 ⽤用 于 ⽤用 户 研 究 的 概 念 测 试 便便 于 团 队 理理 解 产 品 终 态 IXDC 2018 · SUNNY WANG
87. 例例 1 界⾯面交互 IXDC 2018 · SUNNY WANG
88. IXDC 2018 · SUNNY WANG
89. 例例 2 动效细节 IXDC 2018 · SUNNY WANG
90. IXDC 2018 · SUNNY WANG
91. ⼩小 结 愿景的设计表达 ᦡᦇᔜଶ IXDC 2018 · SUNNY WANG
92. 04 有效传达设计愿景 Pitch the Vision IXDC 2018 · SUNNY WANG
93. ᥡռ‫ဳى‬ଶ ᱻऀ ᠏۠ ᥴ٬ IXDC 2018 · SUNNY WANG
94. IXDC 2018 · SUNNY WANG
95. IXDC 2018 · SUNNY WANG
96. IXDC 2018 · SUNNY WANG
97. ᥡռ‫ဳى‬ଶ IXDC 2018 · SUNNY WANG
98. 了了解沟通对象的关注点 直 接 项 ⽬目 团 队 更更 关 注 实 现 细 节 产品领导层 产 品 平 ⾏行行 团 队 公 司 层 ⾯面 更更 关 注 产 品 价 值 IXDC 2018 · SUNNY WANG
99. 直 接 项⽬目团队 寻求不不同职能的建议 , 获 得 早 期 认 同 了了解资源与技术上的 可 ⾏行行 性 定义成功的标准 定义MVP与分布实现 的 ⾥里里 程 碑碑 增 强 设 计 驱 动 ⼒力力 IXDC 2018 · SUNNY WANG
100. 产品领导层 ⽤用愿景展示项⽬目可能 带 来 的 ⻓长 远 价 值 让对⽅方了了解实现愿景 的 分 布 计 划 获 得 认 同 与 资 源 ⽀支 持 打通与其他部⻔门协作 的 渠 道 IXDC 2018 · SUNNY WANG
101. 产 品 平⾏行行团队 ⼴广泛吸取更更多⼈人的意 ⻅见 较⼤大的愿景可能需要 其 他 团 队 的 ⽀支 持 与 合 作 IXDC 2018 · SUNNY WANG
102. 公 司 层⾯面 让更更多⼈人了了解项⽬目的 价 值 扩⼤大影响⼒力力,提⾼高可 ⻅见 度 IXDC 2018 · SUNNY WANG
103. PART 2 Let’s do it.
104. 动 ⼿手 环 节 分组描绘⼀一个初步愿景 & 现场演说 背景介绍 5MIN 主题 虚构的问题背景 确定分组 ⼩小组合作 90MIN 定义愿景陈述 ⽤用 ⾃自 ⼰己 倾 向 的 ⽅方 式 描 绘 愿 景 展示交流 30MIN 各组5分钟DEMO IXDC 2018 · SUNNY WANG
105. PART 3 Suuum up.
106. 内容回顾 愿景的定义 愿景对团队和设计师的益处 愿景的设计表达 有效传达愿景的技巧 IXDC 2018 · SUNNY WANG
107. SUN N Y.WAN G @A I R BN B.CO M Thank you.