pengenalan ux/ui & growth hack dan manajemen rapid growth

63
Pengenalan UX/UI & Growth Hack dan Manajemen Rapid Growth 29 Maret 2015 Yoshi (Yoshiaki Ieda) CEO, JOB Forward Indonesia Bahasa Ver.

Upload: yoshiaki-ieda

Post on 07-Aug-2015

113 views

Category:

Documents


2 download

TRANSCRIPT

Page 1: Pengenalan UX/UI & Growth Hack dan Manajemen Rapid Growth

Pengenalan UX/UI & Growth Hack dan Manajemen Rapid Growth

29 Maret 2015Yoshi (Yoshiaki Ieda)CEO, JOB Forward

Indonesia Bahasa Ver.

Page 2: Pengenalan UX/UI & Growth Hack dan Manajemen Rapid Growth

YoshiCEO, JOB Forward12 tahun di bidang Marketing, Digital, dan Sumber Daya Manusia.

Sebelumnya merupakan Marketer di P&G Singapura.Awal mula karirnya merintis sebagai inkubator bisnis baru di Recruit, Konglomerat SDM No.1.

Marketer, inkubator bisnis internet, praktisi Growth Hack dan UX/UI, dan pemimpin bisnis global.

Page 3: Pengenalan UX/UI & Growth Hack dan Manajemen Rapid Growth

Platform Perekrutan berbasis Media Sosial

alat publikasi web DIY untuk perekrutan

Startup Essence

Distribusi Pembuatan Konten

Revolusi Perekrutan Berbasis Sosial

http://job-fw.sg/ http://job-fw.sg/startup-essence

Page 4: Pengenalan UX/UI & Growth Hack dan Manajemen Rapid Growth

Topik Hari Ini

UX/UI Growth Hack

Manajemen

Page 5: Pengenalan UX/UI & Growth Hack dan Manajemen Rapid Growth

Tren Periklanan di Jepang Japan

2005 2006 2007 2008 2009 2010 2011 2012 2013 20140%

10%

20%

30%

40%

50%

60%

70%

80%

90%

100%

Radio

Magazine

Newspaper

TV

Internet

Iklan Internet telah menjadi No.2 dengan bagian 25+% dalam pasar senilai USD 10+ Miliar.

Page 6: Pengenalan UX/UI & Growth Hack dan Manajemen Rapid Growth

Tren dalam UX/UI dan Growth Hack

Tidak ada data

User Experience Growth Hack

JP

ID

Sumber data: Google Trend

2010

2013

2013

Page 7: Pengenalan UX/UI & Growth Hack dan Manajemen Rapid Growth

Topik Hari Ini

UX/UI Growth Hack

Manajemen

Page 8: Pengenalan UX/UI & Growth Hack dan Manajemen Rapid Growth

User Experience & User Interface

UX/UI Growth Hack

Manajemen

Page 9: Pengenalan UX/UI & Growth Hack dan Manajemen Rapid Growth

Desain User Experience adalah

Pendekatan komperehensif untuk mengulas produk/layanan dari sudut pandang dan pengalaman pengguna dan meningkatkannya untuk memuaskan pengguna.

Page 10: Pengenalan UX/UI & Growth Hack dan Manajemen Rapid Growth

Penemuan: Pemetaan perjalanan

Membuat rasa pada lintas-saluran perjalanan pelanggan

Page 11: Pengenalan UX/UI & Growth Hack dan Manajemen Rapid Growth

Manfaatkan User Experience/Pemetaan Perjalanan Pelanggan

Page 12: Pengenalan UX/UI & Growth Hack dan Manajemen Rapid Growth

Kertas prototipe Eksekusi akhir

Dapatkan feedback dengan cepat!

Tidak perlu menulis kode tunggal!

Page 13: Pengenalan UX/UI & Growth Hack dan Manajemen Rapid Growth

Alat Bacaan lebih lanjut

Persona PenggunaPenelitian kualitatif (interview pengguna)Penelitian kuantitatifPeta PengalamanPeta Perjalanan PelangganKertas prototipe

Dan, selebihnya

http://mappingexperiences.com/http://www.slideshare.net/fred.zimny/adaptive-paths-guide-to-experience-mappinghttp://www.adaptivepath.com/ideas/the-anatomy-of-an-experience-map/http://www.smashingmagazine.com/2015/01/15/all-about-customer-journey-mapping/The journey to creating a kickass user experience

Page 14: Pengenalan UX/UI & Growth Hack dan Manajemen Rapid Growth

UX/UI Growth Hack

Manajemen

Growth Hack

Page 15: Pengenalan UX/UI & Growth Hack dan Manajemen Rapid Growth

KUIS??

V

Page 16: Pengenalan UX/UI & Growth Hack dan Manajemen Rapid Growth

(A) (B)

Tingkat Konversi Lebih Tinggi?

Page 17: Pengenalan UX/UI & Growth Hack dan Manajemen Rapid Growth

+150%

Jawaban!

(A) (B)

Page 18: Pengenalan UX/UI & Growth Hack dan Manajemen Rapid Growth

Tingkat Konversi Lebih Tinggi?

(A) (B)

Page 19: Pengenalan UX/UI & Growth Hack dan Manajemen Rapid Growth

Jawaban!

(A) (B)

+50%

Page 20: Pengenalan UX/UI & Growth Hack dan Manajemen Rapid Growth

Growth Hack adalah

Pendekatan cepat dan ilmiah untuk meningkatkan ROI (Return on Investment, Laba atas Investasi) dari sumber daya dan biaya.

Page 21: Pengenalan UX/UI & Growth Hack dan Manajemen Rapid Growth

Growth Hack adalah

Pertumbuhan = Sumber Daya x Biaya

Tingkatkan ROI ini dengan pendekatan cepat dan ilmiah!

Page 22: Pengenalan UX/UI & Growth Hack dan Manajemen Rapid Growth

1) Pertumbuhan = Sumber Daya x Biaya

2) Alokasi sumber daya sama pentingnya terhadap alokasi biaya.

3) Sehingga, fokus pada dampak.

Prinsip Growth Hack

Page 23: Pengenalan UX/UI & Growth Hack dan Manajemen Rapid Growth

Kerangka Growth Hack

Akuisisi

Revenue

Aktivasi

Retensi

Referral

Menarik pengguna baru

Menghasilkan pendapatan yang berkelanjutan

Memikat pengguna untuk merujuk teman mereka

Mengarahkan pengguna untuk mengulang kunjungan

Memotivasi pengguna untuk mengambil tindakan

Mengoptimalkan pertumbuhan dengan model AARRR

Page 24: Pengenalan UX/UI & Growth Hack dan Manajemen Rapid Growth

MEMPERBAIKI MASALAH EMBER BOCOR

Page 25: Pengenalan UX/UI & Growth Hack dan Manajemen Rapid Growth

Kerangka Growth Hack

Akuisisi

Revenue

Aktivasi

Retensi

Referal

Langkah pertamaMetrik nilai produk

Page 26: Pengenalan UX/UI & Growth Hack dan Manajemen Rapid Growth

Kerangka Growth Hack

Akuisisi

Revenue

Aktivasi

Retensi

Referal

Langkah keduaMetrik Pertumbuhan

Page 27: Pengenalan UX/UI & Growth Hack dan Manajemen Rapid Growth

Fokus pada tujuan, identifikasi daerah yang perlu diperbaiki, pikirkan bagaimana mencapainya, dan jalankan & pelajari.

Proses optimalisasi Strategi

Identifikasi masalah yang paling berdampak, tentukan tujuan, dan tetapkan target metrik.APA1

Pilih daerah untuk diperbaiki. Memisahkan masalah menjadi tentatif/ permanen mungkin dapat membantu. DI MANA2

Bangun solusi berdasarkan hipotesis dengan asumsi yang paling menjanjikan. BAGAIMANA3

Terapkan & ukur pengujian dan bercermin pada pembelajaran untuk langkah selanjutnya. Ulangi siklusnya!JALANKAN & PELAJARI4

Page 28: Pengenalan UX/UI & Growth Hack dan Manajemen Rapid Growth

Lima elemen utama yang membangun user interface1) Susunan halaman2) Copy writing3) Visual yang menarik mata4) Navigasi tindakan5) Panggilan tindakan (CTA)

TIPS praktis untuk meningkatkan user interface

Page 29: Pengenalan UX/UI & Growth Hack dan Manajemen Rapid Growth

1) Tampilan pertama adalah penting.2) Fokus pada tindakan yang paling

penting dan menyederhanakan halaman secara drastis untuk membuat tindakan terjadi.

3) Kurangi link-link yang tidak penting.

1) Susunan halaman

Page 30: Pengenalan UX/UI & Growth Hack dan Manajemen Rapid Growth

Jelaskan keuntungan pengguna melalui cara yang sederhana dan mudah dengan beberapa tweak yang menarik.

2) Copywriting

Daftar hanya dengan 30 detik, 70% OFFJumlah

Penawaran terbatas SEKARANG, 3 jam terakhirPerasaan mendesak

GRATIS daftar, Belajar bahasa Jepang hanya dengan mendengarkan audioAtraksi

Contoh:

Page 31: Pengenalan UX/UI & Growth Hack dan Manajemen Rapid Growth

3) Visual yang menarik mata

Less is More.

Page 32: Pengenalan UX/UI & Growth Hack dan Manajemen Rapid Growth

Warna

Page 33: Pengenalan UX/UI & Growth Hack dan Manajemen Rapid Growth

Highlight

Page 34: Pengenalan UX/UI & Growth Hack dan Manajemen Rapid Growth

Binatang

Page 35: Pengenalan UX/UI & Growth Hack dan Manajemen Rapid Growth

Monoton

Page 36: Pengenalan UX/UI & Growth Hack dan Manajemen Rapid Growth

Efek Visual

Page 37: Pengenalan UX/UI & Growth Hack dan Manajemen Rapid Growth

Ikon

Page 38: Pengenalan UX/UI & Growth Hack dan Manajemen Rapid Growth

1) Buat tombol tindakan yang eksplisit.2) Buat tombol tindakan yang terlihat

mudah di-klik.3) Tampilkan bersama dengan teks

motivasi.

4) Navigasi Tindakan

Page 39: Pengenalan UX/UI & Growth Hack dan Manajemen Rapid Growth

Tingkat Konversi Lebih Tinggi?

Page 40: Pengenalan UX/UI & Growth Hack dan Manajemen Rapid Growth

CVR 3% -> 13.5%

Jawaban!

Page 41: Pengenalan UX/UI & Growth Hack dan Manajemen Rapid Growth

Panggilan tindakan (CTA) adalah a) Penawaran atau b) Tombol atau link yang diletakkan di website Anda untuk mengarahkan calon pelanggan menjadi lead dengan mengisi formulir di landing page.Contoh: e-book gratis, free trial, membuat suatu perjanjian

5) Panggilan Tindakan

1) Mencolok secara visual2) Salinan menarik dan singkat3) Berorientasi pada tindakan4) Buatlah eksplisit

Page 42: Pengenalan UX/UI & Growth Hack dan Manajemen Rapid Growth

Tingkat Konversi Lebih Tinggi?

Watch demo See the video

Page 43: Pengenalan UX/UI & Growth Hack dan Manajemen Rapid Growth

Watch demo See the video

Jawaban!

+50%

Page 44: Pengenalan UX/UI & Growth Hack dan Manajemen Rapid Growth

Original Penawaran harga

Seberapa kuat penawaran harga yang eksplisit?

Page 45: Pengenalan UX/UI & Growth Hack dan Manajemen Rapid Growth

Original Penawaran harga

Jawaban!

+100%

Page 46: Pengenalan UX/UI & Growth Hack dan Manajemen Rapid Growth

Siap untuk Tumbuh?

Akuisisi

Revenue

Aktivasi

Retensi

Referal

Langkah keduaMetrik Pertumbuhan

Page 47: Pengenalan UX/UI & Growth Hack dan Manajemen Rapid Growth

Acquisition Channel CPA Volume Agility1.Viral Marketing 2.Public Relations (PR) 3.Unconventional PR 4.Search Engine Marketing (Ad Words) 5.Social and Display Ads 6.Offline Ads 7.Search Engine Optimization 8.Content Marketing 9.Email Marketing 10.Engineering as Marketing 11.Targeting Blogs 12.Business Development (Partnering) 13.Sales 14.Affiliate Programs 15.Existing Platforms (Facebook etc) 16.Trade Shows 17.Offline Events 18.Speaking Engagements 19.Community Building 20.Reseller programs

Identifikasi saluran akuisisi Anda

Memanfaatkan susunan Bull’s eye.

Traction Book

Page 48: Pengenalan UX/UI & Growth Hack dan Manajemen Rapid Growth

Landing page Bacaan lebih lanjut

http://landerapp.com/http://unbounce.com/

Dan, selebihnya

- Growth Hacking Basics- Introduction to Growth Hacking- Dave McClure@500Startups- http://500.co/blog- Rational Growth (PDF): An intro to growing user signups via data and analytical thinking- 21 Actionable Growth Hacking Tactics @yongfook- 22 Resources To Help You Master Growth Hacking Analytics- Traction BookVideo:Crunched Presents: Growth HackingUnderstanding the People Behind the Data

https://www.optimizely.com/https://kaizenplatform.com/

A/B testing

https://usabilityhub.com/http://www.netizentesting.com/https://www.inspectlet.com/

Tes kegunaan

https://www.kissmetrics.com/http://www.crazyegg.com/

Analisis

Page 49: Pengenalan UX/UI & Growth Hack dan Manajemen Rapid Growth

Manajemen terhadap UX/UI & GH

UX/UI Growth Hack

Manajemen

Page 50: Pengenalan UX/UI & Growth Hack dan Manajemen Rapid Growth

Manajemen terhadap UX/UI & GH adalah

Komitmen dari para eksekutif dan penciptaan budaya dan mentalitas untuk beradaptasi dan mengeluarkan metodologi baru.

Page 51: Pengenalan UX/UI & Growth Hack dan Manajemen Rapid Growth

Ide pusatnya adalah untuk melalui loop ini secepat mungkin untuk memvalidasi hipotesis (atau sebaliknya).

Dalam era digital,

Pengulangan dari Bangun-Ukur-Pelajari adalah kuncinya.

Empat langkah EpiphanySteve Blank

Page 52: Pengenalan UX/UI & Growth Hack dan Manajemen Rapid Growth

Ada banyak hal yang dapat Anda lakukan, atau menganggap, pada tiap fase di loop ini untuk membantu Anda mendapatkannya lewat loop ini lebih cepat.

Seberapa cepat Anda bisa mengulang siklus?

Page 53: Pengenalan UX/UI & Growth Hack dan Manajemen Rapid Growth

UX/UI & Growth Hack adalah tindakan dan hasil yang diback-up oleh budaya, prinsip dan mentalitas.

Hasil

Tindakan

Mentalitas

Budaya, Prinsip

Seberapa cepat Anda bisa mengulang siklus?

Page 54: Pengenalan UX/UI & Growth Hack dan Manajemen Rapid Growth

1) Delegasi untuk pengulangan cepat2) Pembuat keputusan Data-Driven3) Belajar dari kegagalan

KPI adalah enabler-nya.

*KPI (Indikator Kinerja Utama)

Bagaimana ini bekerja?

Page 55: Pengenalan UX/UI & Growth Hack dan Manajemen Rapid Growth

Unique User, Page View, Revenue, Harga per Akuisisi…Hanya fokus pada hasil akhir.=> Telusuri indikator utama.

Contoh:

Jenis kesalahan pengaturan KPI (1)

UU, PVRevenue

CPA

vsvsvs

Share, RetweetDAU, New User

CTR, CPC

Page 56: Pengenalan UX/UI & Growth Hack dan Manajemen Rapid Growth

Perlu meningkatkan Tingkat pengulangan, Jumlah pengguna baru… Bagaimana???=> Rinci KPI menjadi unit yang dapat ditindaki(actionable).Contoh:Tingkat pengulangan => tingkat pengulangan minggu pertama, dengan analisa saluranJumlah pengguna baru=> Saluran akuisisi, Volume traffic, Tingkat konversi

Jenis kesalahan pengaturan KPI (2)

Page 57: Pengenalan UX/UI & Growth Hack dan Manajemen Rapid Growth

Terlalu banyak pengukuran…=> Fokus pada tujuan utama.

Jenis kesalahan pengaturan KPI (3)

CPA

LTV

Repeat rateUnique user

MAU

DAU

CTR

Repeat rateCVR

ARPU/ARRPU

Bounce rate

Clicks

Conversion Volumes

New User#

Repeat User#

PV/UU

ShareRetweet

Likes

FollowersImpressions

Reach

Unique-CTR

Time on page Posts

Frequency

Search Volume

Referral rate

DAU/MAU

Page 58: Pengenalan UX/UI & Growth Hack dan Manajemen Rapid Growth

1) Telusuri indikator utama.2) Memanfaatkan unit actionable.3) Fokus pada tujuan.

=> Pengaturan KPI Efektif adalah penting.

Pengaturan KPI Efektif

Page 59: Pengenalan UX/UI & Growth Hack dan Manajemen Rapid Growth

KPI yang benar memungkinkan tim Anda membuat analisis tepat waktu dan mengambil tindakan segera.

Eksekutif

Manajer

Anggota tim KPI untuk tindakan cepat dan ilmiah.

KPI adalah enabler untuk tim Anda

Page 60: Pengenalan UX/UI & Growth Hack dan Manajemen Rapid Growth

Rekap

UX/UI

Manaje-men

GrowthHack

Pendekatan komprehensif untuk mengulas produk/ layanan dari sudut pandang dan pengalaman pengguna dan meningkatkannya untuk memuaskan pengguna.

Pendekatan cepat dan ilmiah untuk meningkatkan ROI (Return of Investment) dari sumber daya dan biaya.

Komitmen dari para eksekutif dan penciptaan budaya dan mentalitas untuk beradaptasi dan melepaskan metodologi baru.KPI efektif adalah enabler-nya.

Page 61: Pengenalan UX/UI & Growth Hack dan Manajemen Rapid Growth

Terakhir,

Silahkan menikmati pembuatan website GRATIS !

http://job-fw.sg/startup-essence/

Page 62: Pengenalan UX/UI & Growth Hack dan Manajemen Rapid Growth

Terakhir,

Kami sedang mencari rekan bisnis!

Malaysia Indonesia

Page 63: Pengenalan UX/UI & Growth Hack dan Manajemen Rapid Growth

Terima kasih!

[email protected]