網頁轉換率優化1

2015/9/21 盧怡廷

Img sourc: http://www.gla-rehab.com/blog/wp-content/uploads/2013/04/goal-setting.jpg

2

使用者轉換成顧客可以透過……什麼是 Call-to-action ?

3

Call-to-action 設計重點

2

從使用者的角度思考與檢視設計

Img sourc: http://photocdn.sohu.com/20140923/Img404571192.jpg

STEP1 ：了解你的目標族群

2

降低使用者的大腦負擔

Img sourc: http://funnyjunk.com/funny_gifs/1735420/Bet/

STEP2 ：小心感知盲目的陷阱

2

讓使用者感知需求並採取行動

Img sourc: http://www.dibattito.info/wp-content/uploads/2012/05/BOOM.jpg

STEP3 ：引爆需求

轉換漏斗的警訊

2Img sourc: http://cdn2.hubspot.net/hub/441925/file-2118786627-jpg/blog-files/User-Retention.jpg

2

設計師的角色定位

Img sourc: http://agreedtechnologies.com.md-70.webhostbox.net/wp-content/uploads/2013/05/project-flow1.jpg

設計師參與專案哪些階段 ?

2Img sourc: Stanford D-school

使用設計思考流程

同理心同理心需求定義需求定義

創意發想創意發想實作實作

測試測試

以人為本、堆疊出好點子、擁抱失敗

2Img sourc: https://www.youtube.com/watch?v=PJ8yr24Ggz8

正確傳遞品牌精神

11

• 施漢松（ Hans Shih ）（ 2015 ）。提高轉換率，令人心動的行為召喚設計課程。悠識數位顧問有限公司。• Plagiarism. （ 2015 ） . In Wikipedia, the free encyclopedia. Retrieved Sep

11, from https://en.wikipedia.org/wiki/Call_to_action_(marketing)

• 6 招 Call-To-Action （ 2014 ）。米卡的行銷放肆。 2015 年 9 月 20 日，取自： http://www.jabamay.com/2014/03/6call-to-action.html

• 大腦的偷懶小撇步：注意力瞬盲。（ 2013 ）。泛科知識股份有限公司。 2015 年 9月 20 日，取自： http://pansci.asia/archives/36276

• 提姆‧布朗（ Brown, Tim ）（ 2010 ）。設計思考改造世界（ Creative Intelligence: Harnessing the Power to Create, Connect, and Inspire ）（吳莉君譯）。台北市：聯經。

• Bootcamp Bootleg 。（ 2010 ）。 Stanford D-school 。 2015 年 9 月 20 日，取自： http://dschool.typepad.com/files/bootcampbootleg2010.pdf

參考資料