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.

提高轉換率 – 令人心動的行為召喚設計 Hpx life 45

26,528 views

Published on

提高轉換率 – 令人心動的行為召喚設計

Published in: Design

提高轉換率 – 令人心動的行為召喚設計 Hpx life 45

  1. 1. – Hans - 20141002 @ HPX Life Photo Credit simpleinsomnia/ http://goo.gl/JMeb38
  2. 2. www.hansshih.com
  3. 3. ERP 時覺結 結 完 多 兩 ⼦子 時 覺 ⼦子 時 覺 主 ⼦子 成 時 覺 體 才 次 真 時 覺 座 表 好 別 領 座 表 ⼦子 時 覺 ⼦子 ⼦子 時 覺 法 成 ⽅方 ⼦子 時 覺 ⽇日 IP ⼦子 時 覺 你 中 ⼦子 時 覺 ⽽而 定 做 物 物 期 完 時 覺 元 完 時 覺 ⽇日 中 ⼦子 時 覺 過 但 但 ⽽而發 會 會
  4. 4. 多 兩 ⽽而 發 會 享 所 受 誰 應 分 會 享所 最多 兩 全
  5. 5. Player Experience! 結 知
  6. 6. 中 兩 但
  7. 7. 中 兩 但 1. ! Satisfaction
  8. 8. 中 兩 但 2. ! Conversion
  9. 9. Player Experience! 地⾏行⽽而 主
  10. 10. Players 經 發 Time 前 都 遊 CB OB/ 發 很 點 前 都 很 點 Google Analytics 兩 但 能 結Kano Model結 結 友 結 但 中 ARPU結 是相結 圖結 中 etc. 學 其 地⾏行⽽而 主
  11. 11. Online Call To Action 會! Offline Call To Action
  12. 12. Developer 會好 Copywriter UXer ⾵風 起 作
  13. 13. Photo Credit simpleinsomnia/ http://goo.gl/JMeb38 什相新說
  14. 14. 息 ! Online Call To Action! Offline Call To Action
  15. 15. 國 少 4 快 道 新說 什相結 量結 會
  16. 16. 1. 次
  17. 17. Business 次 ! $_$ 路結 什相
  18. 18. /買⽂文 成住家 ! Conversion
  19. 19. /買⽂文 成住家 ! Conversion
  20. 20. /買⽂文 成住家 NPO ! Conversion
  21. 21. /買⽂文 成住家 ! Conversion
  22. 22. /買⽂文 成住家 SaaS ! Conversion
  23. 23. /買⽂文 成住家 ! Conversion
  24. 24. Business 什 知 ! 知 個
  25. 25. Business 次 • 於⽼老 • • 新體 • 新體 也 • 和 樂 • 多 感⼿手 ⼼心 • 多 點 • 多 ⼈人 • 多 吧 活
  26. 26. 2. 多 / 知 為剛
  27. 27. User 5W1H 外加 多 ! Who Why What When Where How
  28. 28. User 多 • 新 ⾼高 • • • • • 分 上果給分 • 多 點 • 多 • 多 活
  29. 29. User 什 多 ! 果給個 結很 無 結 什
  30. 30. 樂 / 果 讓 不 ⽇日
  31. 31.
  32. 32. 可⾼高 讓 讓 只 讓愛 讓 ⽇日 讓 ⾏行候 讓 看
  33. 33. 3. 活 ⽇日
  34. 34. UserBusiness Business結User
  35. 35. Don Norman Mental Model 試
  36. 36. Don Norman 總·問 可 同 ⽽而 會 ⼥女 記次 ⼯工 然 就您 會好 - Wiki 會& 不 會
  37. 37. Don Norman Mental Model 會好 次 結 活 ⽇日結能動 ⽇日個 UserBusiness
  38. 38. 會好 多 會好 活 ⽇日結 活 ⽇日
  39. 39. 3. ⽩白 同 實 2. 打 1. ⼆二 活 和 活
  40. 40. “ E ” 天
  41. 41. 請 Branding
  42. 42. 會好 和 ⼩小 活 ⽇日 ! 活 被 還 什 多
  43. 43. 4. 分 多 無
  44. 44. 和 三 會到吧 多 ! 不 那度
  45. 45. 給 會 到吧 聽
  46. 46. 會好 會好 原
  47. 47. 通·專 因 結⻑⾧長 Love is blind and lovers cannot see the pretty follies that themselves commit. ! ⽉月 更 將 - 專 因
  48. 48.
  49. 49. 經 實
  50. 50. 放 Logo
  51. 51. 實 Design by committee never fails to fail. 會 剛 後 是網
  52. 52. 會 ⼩小 會好給 中 作 正件 - Don Norman
  53. 53. 分 多 回 進在 會 會好 多
  54. 54. If I think it’s broken, it is broken.! 天 天 ! - Seth Godin Seth Godin 好 多 無 的 Ted Talk “This is Broken” http://www.ted.com/talks/seth_godin_this_is_broken_1
  55. 55.
  56. 56. 3. 2. 1. User • • • • • • • • • Business • • • • • • • • •
  57. 57. 量 會 Call To Action Design
  58. 58. Call To Action 了 間 To make users/customers to do what you want them to do. 了
  59. 59. Call To Action
  60. 60. ⾊色 這 結⼰己 本⾨門
  61. 61.
  62. 62.
  63. 63. 成 還 ⽂文 / ⽽而
  64. 64. Call To Action 會 會 ⽽而
  65. 65. ⽽而 5 A
  66. 66. Call To Action 5 合
  67. 67. Attention > Attraction > Action > Assistance 多
  68. 68. Attention > Attraction > Action > Assistance 嗎 結 多
  69. 69. Attention > Attraction > Action > Assistance
  70. 70. Attention > Attraction > Action > Assistance 情每多
  71. 71. Attention > Attraction > Action > Assistance Again Call To Action
  72. 72. 1. Attention! !
  73. 73. Attention
  74. 74. Attention : 界
  75. 75. 你樣 你
  76. 76. Evernote “太 ” 樣
  77. 77. Attention : 從
  78. 78. E
  79. 79. MEGA “Create Account” 被
  80. 80. Attention : ⽼老 Aa
  81. 81. ⽼老 吧 就您 就您 什
  82. 82. Attention :
  83. 83. 就您多 如 http://photoseed.com/
  84. 84. 是 在
  85. 85. Attention : ⾃自
  86. 86. http://www.bostonglobe.com/ 關流 RWD 會
  87. 87. Attention : Affordance
  88. 88. 之 寶⼤大
  89. 89. 之 寶⼤大 -
  90. 90. 之 寶⼤大 - 當 當
  91. 91. ⽂文 點 ⽂文 點 ⽇日可 當
  92. 92. Attention : 他
  93. 93. 被 嗎
  94. 94. 年名 等 - 與 然 們 就您 與 ⼊入
  95. 95. 在 時 品就 1998
  96. 96. 安安 http://www8.www.gov.tw/policy/2009career/index.html
  97. 97. Attention : 沒發 我結 ⽚片結 電結載
  98. 98. 沒發 我
  99. 99. 沒發 ⽚片
  100. 100. 沒發 電 電 在 [ ] { } [ ]
  101. 101. 沒發 載
  102. 102. 沒發 了 少 享所 Google
  103. 103. Attention : ⼿手
  104. 104. ⼿手 等 題
  105. 105. http://hanauta-kappan.com/ 內 望 理
  106. 106. Attention : 重 當 URL
  107. 107. Dropbox vs box 點
  108. 108. Dropbox
  109. 109. Box
  110. 110. Box 第 給 被
  111. 111. Box Footer 給 被
  112. 112. Attention : 在 清 不 少 ⽼老 第 F
  113. 113. Z 在 清
  114. 114. 1 2 3 4 3 在 清 下 Gutenberg Diagram
  115. 115. 1 2 3 4 CTA 當 ⼈人 下 Gutenberg Diagram Buy Now
  116. 116. ASOS 熱 1 2 3 4
  117. 117. Z 在 清
  118. 118. ⾃自
  119. 119. ⾃自
  120. 120. ⾃自 ⽇日 第 增
  121. 121. Z ⽼老⾃自 被 所
  122. 122. 所了開
  123. 123. 2. Attraction! !
  124. 124. Attraction : 也 Value Proposition 就您 什相
  125. 125. Airbnb 也 明
  126. 126. Kickstarter Bring creative projects to life
  127. 127. 500 Startups WE ARE #500STRONG
  128. 128. 果 讓 500 Startups
  129. 129. TizU Tease like there’s no tomorrow TizU 活 這
  130. 130. 果 讓 也 也 可⾼高 世 變 少
  131. 131. Attraction :
  132. 132. Airbnb 190 玩
  133. 133. Google Drive ⾒見⼒力 ...
  134. 134. 500 Startups Meet our badass, global family of startup founders, mentors, and investors
  135. 135. 到 會
  136. 136. Attraction : 來
  137. 137. TERSI Matali Crasset 會好
  138. 138. 裡 結 眼
  139. 139. Attraction : 就
  140. 140. 國 會 讓 點就
  141. 141. Digital Telepathy http://www.dtelepathy.com/
  142. 142. Kalexiko http://www.kalexiko.com/
  143. 143. Fresh Design http://fresh-design.com.ua/en
  144. 144. ⾯面 微就 美 也 結 結就 結來
  145. 145.
  146. 146. airbnb www.airbnb.com.tw
  147. 147. Project Skin http://projectskinmd.com/
  148. 148. Apple http://www.apple.com/tw/your-verse/organizing-a-movement/
  149. 149. Attraction : 意還話
  150. 150. 意還話
  151. 151. 意還話 些 嗎 多 可⾼高 只 就您
  152. 152. Attraction : 些 死
  153. 153. ASOS 新體次 就 第 些 今 死 www.goo.gl/NMFtGS
  154. 154. Attraction : 有像
  155. 155. SkillShare 有像 為這 為
  156. 156. Attraction :
  157. 157. 會 過 就您 就您 什相
  158. 158. Attraction : 難死結⽣生 結 結 結 種結⽤用
  159. 159. Photograph by Wout (eworm on Flickr) 名 種
  160. 160. Photograph by Barbara Dunkelman | @Blawndee on Twitter 種 http://goo.gl/K8Eiqh
  161. 161. 種嗎 位位
  162. 162. Attraction : 也沒增 也結性也結 也沒
  163. 163. Case Study. 買 Dan Ariely 兩
  164. 164. 買 著 買 59 朋 買 125 著 朋 125 信
  165. 165. 買 著 買 59 朋 買 125 著 朋 125 16% 0% 84%
  166. 166. 主 0%
  167. 167. 買 著 買 59 著 朋 125 信
  168. 168. 買 相 84% 些 32% 主 就您 ⽇日後 買 著 買 59 朋 買 125 著 朋 125 68% 0% 32%
  169. 169. 3. Action! !
  170. 170. Action : 量 Commitment Call To Action
  171. 171. User 多 • 新 ⾼高 • • • • • 分 上果給分 • 多 點 • 多 • 多 活
  172. 172. Most Aware : ! User 去不 只 個 還 Product-Aware : User 只 道 Solution-Aware : User 後 只 新體 後 Problem-Aware : ! User 後 Completely Unaware : ! User
  173. 173. Most Aware : Product-Aware : Solution-Aware : Problem-Aware : Completely Unaware : User 再歡 於⽼老 User 個 到吧
  174. 174. 當 ” 上多 Airbnb”
  175. 175. Action : Simple
  176. 176. 你 你樣 麼樣 E Dropbox
  177. 177. Action : 多
  178. 178. Login Buy Find Get Order Purchase Pay Review Shop Add Share Like Take Download Check Submit Next Join Sign-in DonateSubscribe Follow Register Read Sign-up 不 Call To Action
  179. 179. Login Buy Find Get Order Purchase Pay Review Shop Add Share Like Take Download Check Submit Next Join Sign-in DonateSubscribe Follow Register Read Sign-up ⽐比沒 多 “ 也 ”
  180. 180. Action : User OS
  181. 181. 現兩 回 App
  182. 182. 現兩
  183. 183. 的 App 10:30 Time Tunnel Vision Field Effect
  184. 184. 的 User OS
  185. 185. Action : 開 也
  186. 186. Call To Action = Action + Value
  187. 187. Crazy Egg 活
  188. 188. Heatmap 多 點
  189. 189. Call To Action = Action + Value
  190. 190. 4. Assistance! !
  191. 191. Assistance : 新體 每 法 ⽇日 的 推
  192. 192. 新體 主之 ⼦子 每⾃自 法 轉合 > 著 Web/Line >
  193. 193. Assistance : 太
  194. 194. 0.1 1 10 ⼀一 實 實 時 覺 http://www.nngroup.com/articles/response-times-3-important-limits/ By Jakob Nielsen on January 1, 1993 0 時覺 0.1 幾 被
  195. 195. Assistance : Emails 了 結果給 結⼤大想之
  196. 196. Assistance : 完 時覺 情每多 要
  197. 197. If there is a wrong way to do something then someone will do it. - Murphy’s law ( )
  198. 198. Assistance : 怎
  199. 199. 多 能 後 多 了 以 他 對 點 樣 信 機 結 就 信信對也 對 就對著 ⽂文 ⽽而
  200. 200. 5. Again! !
  201. 201. Attention > Attraction > Action > Assistance Again Call To Action 5 A
  202. 202. Call To Action 10 Tips
  203. 203. Tip 1. TA
  204. 204. 得 UX 但 多
  205. 205. Tip 2. 定⽼老
  206. 206. http://www.behaviormodel.org/ Fogg 候 早 Behavior Model
  207. 207. 國新說 國新說多
  208. 208. 國 新說多 新說 了錯
  209. 209. Tip 3. The Curiosity Gap
  210. 210. Curiosity Gap :
  211. 211. ! Susan Weinschenk
  212. 212. Tip 4. 會 CTA 當
  213. 213. 點 會 CTA 當 什相 被 ???
  214. 214. Tip 5. 開 ⽂文 事 ⽂文
  215. 215. Tip 6. 他 哈 太
  216. 216. Tip 7. 享所 多 點 CTA 當
  217. 217. 出 但話 多 息 http://www.hpx.tw/archives/4566
  218. 218. Tip 8. 很 結 結 結就 結 會 ⼼心
  219. 219. Tip 9. 給 你樣 Login
  220. 220. Tip 10. 友 但 過
  221. 221. & Take Away
  222. 222. 3. 2. 1. User • • • • • • • • • Business • • • • • • • • •
  223. 223. Call To Action 10 TipsAttention > Attraction > Action > Assistance Again Call To Action 5 A Call To Action 會 會 ⽽而
  224. 224. CTA CTA CTA http://bit.ly/1QZCAGF
  225. 225. Thanks for your attention ! Email oort.shih@gmail.com Blog : www.hansshih.com Facebook : Hans Shih

×