Tiga Langkah Mudah Membuat UX (User Experience ......Tiga Langkah Mudah Membuat UX (User Experience)...

24
Tiga Langkah Mudah Membuat UX (User Experience) Website Anda Menjadi Lebih Baik Borrys Hasian UX Design Lead Circle UX [email protected] twitter: @borryshasian

Transcript of Tiga Langkah Mudah Membuat UX (User Experience ......Tiga Langkah Mudah Membuat UX (User Experience)...

Page 1: Tiga Langkah Mudah Membuat UX (User Experience ......Tiga Langkah Mudah Membuat UX (User Experience) Website Anda Menjadi Lebih Baik Borrys Hasian UX Design Lead Circle UX borrys@circleux.com

Tiga Langkah Mudah Membuat UX (User Experience) Website

Anda Menjadi Lebih Baik

Borrys Hasian UX Design Lead

Circle UX [email protected]

twitter: @borryshasian

Page 2: Tiga Langkah Mudah Membuat UX (User Experience ......Tiga Langkah Mudah Membuat UX (User Experience) Website Anda Menjadi Lebih Baik Borrys Hasian UX Design Lead Circle UX borrys@circleux.com

UX adalah tentang

bagaimana orang

Apa UX (User Experience) itu?

berpikirmerasa

bereaksi

saat berinteraksi dengan website Anda

Page 3: Tiga Langkah Mudah Membuat UX (User Experience ......Tiga Langkah Mudah Membuat UX (User Experience) Website Anda Menjadi Lebih Baik Borrys Hasian UX Design Lead Circle UX borrys@circleux.com

Pengguna yang puas

Kenapa UX (User Experience) penting?

Pengguna setia

Rekomendasi kepada orang lain

Banyak Pengguna yang puas

Page 4: Tiga Langkah Mudah Membuat UX (User Experience ......Tiga Langkah Mudah Membuat UX (User Experience) Website Anda Menjadi Lebih Baik Borrys Hasian UX Design Lead Circle UX borrys@circleux.com

Bagus untuk bisnis

Banyak Pengguna yang puas dan setia

Page 5: Tiga Langkah Mudah Membuat UX (User Experience ......Tiga Langkah Mudah Membuat UX (User Experience) Website Anda Menjadi Lebih Baik Borrys Hasian UX Design Lead Circle UX borrys@circleux.com

Sebelum Anda mulai mendisain UX (User Experience)

Page 6: Tiga Langkah Mudah Membuat UX (User Experience ......Tiga Langkah Mudah Membuat UX (User Experience) Website Anda Menjadi Lebih Baik Borrys Hasian UX Design Lead Circle UX borrys@circleux.com

Apa keahlian penting untuk mendisain UX yang lebih baik?

Page 7: Tiga Langkah Mudah Membuat UX (User Experience ......Tiga Langkah Mudah Membuat UX (User Experience) Website Anda Menjadi Lebih Baik Borrys Hasian UX Design Lead Circle UX borrys@circleux.com

Keahlian penting untuk mendisain UX yang lebih baik adalah kemauan untuk

mendengar.

Mendengar pendapat pengguna tentang website Anda, seburuk apapun

pendapat mereka.

Page 8: Tiga Langkah Mudah Membuat UX (User Experience ......Tiga Langkah Mudah Membuat UX (User Experience) Website Anda Menjadi Lebih Baik Borrys Hasian UX Design Lead Circle UX borrys@circleux.com

Jika Anda sudah siap dan mau untuk mendengar, mari kita mulai bagaimana

mendisain UX yang lebih baik.

Page 9: Tiga Langkah Mudah Membuat UX (User Experience ......Tiga Langkah Mudah Membuat UX (User Experience) Website Anda Menjadi Lebih Baik Borrys Hasian UX Design Lead Circle UX borrys@circleux.com

Bagaimana mendisain UX (User Experience) ?

Page 10: Tiga Langkah Mudah Membuat UX (User Experience ......Tiga Langkah Mudah Membuat UX (User Experience) Website Anda Menjadi Lebih Baik Borrys Hasian UX Design Lead Circle UX borrys@circleux.com

Mendisain UX itu seperti membangun rumah.

Jika landasannya tidak dibangun dengan benar, dekorasi sebagus apapun tidak bisa memperbaiki

struktur akhirnya.

Page 11: Tiga Langkah Mudah Membuat UX (User Experience ......Tiga Langkah Mudah Membuat UX (User Experience) Website Anda Menjadi Lebih Baik Borrys Hasian UX Design Lead Circle UX borrys@circleux.com

Tentukan satu poin visi singkat tentang

website Anda

Dapatkan inspirasi dari luar

Lakukan usability test dan follow-up

Tiga langkah mudah untuk mendisain UX yang lebih baik

Page 12: Tiga Langkah Mudah Membuat UX (User Experience ......Tiga Langkah Mudah Membuat UX (User Experience) Website Anda Menjadi Lebih Baik Borrys Hasian UX Design Lead Circle UX borrys@circleux.com

Langkah #1 Tentukan satu poin visi singkat tentang

website Anda

Website ini adalah tentang ....... untuk membantu ....... melakukan .......

Page 13: Tiga Langkah Mudah Membuat UX (User Experience ......Tiga Langkah Mudah Membuat UX (User Experience) Website Anda Menjadi Lebih Baik Borrys Hasian UX Design Lead Circle UX borrys@circleux.com

Langkah #1 Tentukan satu poin visi singkat tentang

website Anda

Website ini adalah tentang jual beli online untuk membantu pria/wanita berusia 18-35 tahun menjual barang bekas dan membeli

barang bekas berkualitas dengan harga yang pas.

Contoh

Page 14: Tiga Langkah Mudah Membuat UX (User Experience ......Tiga Langkah Mudah Membuat UX (User Experience) Website Anda Menjadi Lebih Baik Borrys Hasian UX Design Lead Circle UX borrys@circleux.com

Langkah #2 Dapatkan inspirasi dari luar

Browse website sejenis, Google dengan keyword yang telah Anda tetapkan di poin visi.

Browse website seperti www.patterntap.com untuk inspirasi lainnya.

Substitusi, kombinasi, adaptasi, dan modifikasi sumber-sumber diatas sesuai poin

visi Anda.

1

2

3

Page 15: Tiga Langkah Mudah Membuat UX (User Experience ......Tiga Langkah Mudah Membuat UX (User Experience) Website Anda Menjadi Lebih Baik Borrys Hasian UX Design Lead Circle UX borrys@circleux.com

Langkah #2 Dapatkan inspirasi dari luar

Browse website sejenis, Google dengan keyword yang telah Anda tetapkan di poin

visi.

Page 16: Tiga Langkah Mudah Membuat UX (User Experience ......Tiga Langkah Mudah Membuat UX (User Experience) Website Anda Menjadi Lebih Baik Borrys Hasian UX Design Lead Circle UX borrys@circleux.com

jual beli online Langkah #2 Dapatkan inspirasi dari luar

Page 17: Tiga Langkah Mudah Membuat UX (User Experience ......Tiga Langkah Mudah Membuat UX (User Experience) Website Anda Menjadi Lebih Baik Borrys Hasian UX Design Lead Circle UX borrys@circleux.com

Langkah #2 Dapatkan inspirasi dari luar

Browse website seperti

www.patterntap.com untuk inspirasi

lainnya.

Page 18: Tiga Langkah Mudah Membuat UX (User Experience ......Tiga Langkah Mudah Membuat UX (User Experience) Website Anda Menjadi Lebih Baik Borrys Hasian UX Design Lead Circle UX borrys@circleux.com

Substitusi, kombinasi, adaptasi, dan modifikasi sumber-sumber diatas sesuai poin visi Anda.

Langkah #2 Dapatkan inspirasi dari luar

Website Anda

Page 19: Tiga Langkah Mudah Membuat UX (User Experience ......Tiga Langkah Mudah Membuat UX (User Experience) Website Anda Menjadi Lebih Baik Borrys Hasian UX Design Lead Circle UX borrys@circleux.com

Langkah #3 Lakukan usability test dan follow-up

Dapatkan 'usability bugs' sebanyak-banyaknya.

Tentukan prioritas untuk follow-up sesuai dengan poin visi Anda.

Lakukan test minimal sebulan sekali, dengan tiga orang partisipan.

Page 20: Tiga Langkah Mudah Membuat UX (User Experience ......Tiga Langkah Mudah Membuat UX (User Experience) Website Anda Menjadi Lebih Baik Borrys Hasian UX Design Lead Circle UX borrys@circleux.com

Langkah #3 Lakukan usability test

dan follow-up

Lakukan test minimal sebulan sekali, dengan tiga orang partisipan.Partisipan bisa siapapun,

kecuali karyawan perusahaan.

Tujuannya adalah untuk mendapat insight tentang

bagaimana membuat Website menjadi lebih baik.

Tetapkan tanggal fix setiap bulannya, lakukan pagi hari, masing-masing partisipan

selama 1 jam.

Page 21: Tiga Langkah Mudah Membuat UX (User Experience ......Tiga Langkah Mudah Membuat UX (User Experience) Website Anda Menjadi Lebih Baik Borrys Hasian UX Design Lead Circle UX borrys@circleux.com

Langkah #3 Lakukan usability test

dan follow-up

Tes fitur-fitur utama: Tentukan 5-7 fitur utama, kemudian minta dan amati

bagaimana partisipan mengerjakan fitur-fitur

tersebut.

Tes Homepage: Bagaimana pendapat partisipan tentang Homepage: Apa layanan

yang diberikan dan apa pendapat tentang bagian-

bagian yang ada di Homepage.

Dapatkan 'usability bugs' sebanyak-

banyaknya.

1

2

Page 22: Tiga Langkah Mudah Membuat UX (User Experience ......Tiga Langkah Mudah Membuat UX (User Experience) Website Anda Menjadi Lebih Baik Borrys Hasian UX Design Lead Circle UX borrys@circleux.com

Langkah #3 Lakukan usability test

dan follow-upPada hari yang sama dengan Usability Test, setelah makan

siang, tentukan prioritas untuk follow-up dari usability bugs

yang telah ditemukan.

Tentukan prioritas untuk follow-up

sesuai dengan poin visi Anda.

Pilih tiga hal utama yang paling besar pengaruhnya terhadap

poin visi Anda.

Page 23: Tiga Langkah Mudah Membuat UX (User Experience ......Tiga Langkah Mudah Membuat UX (User Experience) Website Anda Menjadi Lebih Baik Borrys Hasian UX Design Lead Circle UX borrys@circleux.com

Tidak ada disain yang sempurna.

Anda selalu dapat membuat website menjadi lebih baik jika Anda mau mendengar pengguna

dan melakukan perbaikan terus menerus. Jika Anda membuat pengguna puas dan bahagia,

keuntungan finansial akan mengikuti.

Think BIG, listen MORE, act SMALL & NOW!

Page 24: Tiga Langkah Mudah Membuat UX (User Experience ......Tiga Langkah Mudah Membuat UX (User Experience) Website Anda Menjadi Lebih Baik Borrys Hasian UX Design Lead Circle UX borrys@circleux.com

Terima kasih

Borrys Hasian UX Design Lead

Circle UX [email protected] twitter: @borryshasian

Layanan Circle UX: Konsultan UX Design, Usability Test Workshop