Top Banner
高轉換率 App/Web企劃術
50

高轉換率的App Web企劃術

Apr 14, 2017

Download

Technology

Leo Yang
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: 高轉換率的App Web企劃術

高轉換率�の�

App/Web企劃術

Page 2: 高轉換率的App Web企劃術

我們來談談甚麼是轉換率

Page 3: 高轉換率的App Web企劃術

轉換率

CTR (Click Through Rate)

點閱率

CVR (Conversion Rate)

轉換率

Page 4: 高轉換率的App Web企劃術

轉換率

訊息 (Message) 慾望

(Desire)

動作引導 (Call to Action)

符合視覺動線

明確獎勵、滿足好奇、未完成

單一清楚

Page 5: 高轉換率的App Web企劃術

訊息單一清楚

Page 6: 高轉換率的App Web企劃術

滿足好奇、獎勵誘導、未完成

Page 7: 高轉換率的App Web企劃術

符合視覺動線

Page 8: 高轉換率的App Web企劃術

CTR

CVR1

CVR2

Impression/Awareness

Click

Install

Purchase

一個新的使用者的旅程中 轉換的節點不是只有一個

Page 9: 高轉換率的App Web企劃術

怎麼知道轉換率好或不好呢?

Page 10: 高轉換率的App Web企劃術

首先,先定義使用者的旅程

Page 11: 高轉換率的App Web企劃術

訂出每個節點,並埋放對應的追蹤碼

30%

20%

90%

Category

Cart

Paid

Page 12: 高轉換率的App Web企劃術

加入流量來源的區隔

30%

20%

90%

10%

10%

60%

70%

30%

70%

Page 13: 高轉換率的App Web企劃術

探索異常,發現問題

30%

20%

90%

10%

10%

60%

70%

30%

70%

Page 14: 高轉換率的App Web企劃術

還原現場、訪談或問卷

Answer 1

Answer 2

Answer 3

Page 15: 高轉換率的App Web企劃術

常見的分析模型

Page 16: 高轉換率的App Web企劃術

Promotion Campaign Ads PR Event

Get traffic

Operation User Experience In-App Operation Push Notification Content provide Frequency of requirement

Referral Sharing Rating Reviews Invite

X%

Create Value

成長模型

User Base Keep retention

Business Value Business Solution Sell Ads E-Commerce Virtual Goods Premium Collect Data

Organic Store Feature Store Ranking SEO ASO Product Market Fit Ecosystem point

K- factor

Conversion

Retention/Active User

New Users

Page 17: 高轉換率的App Web企劃術

推薦工具:Google Analytics/Flurry

Page 18: 高轉換率的App Web企劃術

整理成一個Excel

State of Lean Analytics Cycle

State of AARRR

Awareness Acquisition Activation Retention Revenue Referral

Metrics Top line metrics

impression Clicks Visit Install Registration

CPA Activation

CAC 2-Days Retention

7-Days Retention

Purchase K

factor Rating invite

  Channel  10000                          

  Organic                            

  Web                            

  App

Store                            

                               

  Paid                            

  Affliate                            

  Search                            

  Facebook                            

Page 19: 高轉換率的App Web企劃術

使用者體驗

影響轉換率的因素很多

相關性 錯誤指引

價格 產品吸引力

Page 20: 高轉換率的App Web企劃術

不管是CTR或CVR�都是希望使用者做「我們希望他們做」的事情

Page 21: 高轉換率的App Web企劃術

跟業務做的事情有點像又不太像

Page 22: 高轉換率的App Web企劃術

Online v.s Offline

Sales

•  表情

•  肢體語言

•  人情壓力

•  時間

App/Web

•  介面

•  按鈕

•  文字

•  視覺動態

•  推播

Page 23: 高轉換率的App Web企劃術

面對面

聲音溝通

即時訊息

非即時訊息

Page 24: 高轉換率的App Web企劃術

為什麼App/Web的企劃很難?

Page 25: 高轉換率的App Web企劃術

因為我們嘗試著用�「一個人的經驗」來說服所有人

Page 26: 高轉換率的App Web企劃術

紅線的故事

Page 27: 高轉換率的App Web企劃術

App/Web常見的三大誤區

Page 28: 高轉換率的App Web企劃術

誤區1�

人們的反應是單一的嗎?

Page 29: 高轉換率的App Web企劃術

案例1

Page 30: 高轉換率的App Web企劃術

小小的引導,大大的作用

產品團隊關心您

您喜歡我們這次的作品嗎?

喜歡

不喜歡

Store Rating

Customer Service

想一想,他該什麼時候出現?

Page 31: 高轉換率的App Web企劃術

解決方案:易用性測試

Page 32: 高轉換率的App Web企劃術

隨時設想什麼時候是使用者體驗最好的時候跟體驗最差的時候

X

Page 33: 高轉換率的App Web企劃術

參考工具:

Page 34: 高轉換率的App Web企劃術

參考工具:

Page 35: 高轉換率的App Web企劃術

誤區2�

產品的狀態是唯一的嗎?

Page 36: 高轉換率的App Web企劃術

案例2

Page 37: 高轉換率的App Web企劃術

狀態有五種

「錯誤」狀態 「部分」狀態

「讀取中」狀態 「空」狀態

理想狀態

Page 38: 高轉換率的App Web企劃術

「錯誤」狀態 X

Page 39: 高轉換率的App Web企劃術

「部分」狀態

Page 40: 高轉換率的App Web企劃術

「空」狀態

Page 41: 高轉換率的App Web企劃術

「讀取中」狀態

Page 42: 高轉換率的App Web企劃術

我們的目的都是希望能夠引導使用者

Page 43: 高轉換率的App Web企劃術

誤區3�使用者只有一種狀態嗎?

Page 44: 高轉換率的App Web企劃術

案例3:�Whoscall

Page 45: 高轉換率的App Web企劃術

使用者的生命旅程

Page 46: 高轉換率的App Web企劃術

案例:Pinkoi

Page 47: 高轉換率的App Web企劃術

結論:

•  考量到設計者跟使用者的差異 –  (易用性研究)

•  考量到產品可能有不同狀態的差異 –  (多狀態設計)

•  考量到使用者好的情緒跟不好的情緒 –  (防呆與彈性設計)

•  考量到使用者可能會有的生命週期 –  (客製不同生命週期設計)

Page 48: 高轉換率的App Web企劃術

需要的技能

流量分析 使用者研究 數據分析

Page 49: 高轉換率的App Web企劃術
Page 50: 高轉換率的App Web企劃術

對使用者有深刻的理解�才能創造深遠的影響

-LeoYANG

謝謝各位的聆聽 聯絡方式: [email protected] facebook.com/yangleo