Product Design

Proses yang mengkombinasikan User needs dengan Business Goals untuk membuat kesuksesan produk yang konsisten.

• Understand end-user customer
• Solve users' problems
• Define specific market needs
• Initial product offering
• Concept development

it’s much more than just what users see on their screens

Has Many Names & Titles

Product Designer

• Experience Designer (XD)

• Information Architect (IA)

• Interaction Designer (IX)

• Experience Architect (XA)

• User Interface (UI) Designer

• User Experience (UX) Designer

• And many more

But, a Product Designer, at it’s core, is a Problem solver.

Pilih 3 Product / App favoritmu?

Kenapa Memilih Produk Itu?

System Design

Menawarkan user banyak pilihan barang & biaya, memberikan kontrol penuh kepada user untuk merencanakan, memilih & menyiapkan apa yang mereka butuhkan

Type Product Design

Coba kita perhatikan lebih dalam, lebih dari sekedar barang yang ditata di rak untuk dibeli

System Design

Type Product Design

Coba kita perhatikan lebih dalam, lebih dari sekedar barang yang ditata di rak untuk dibeli

Apakah kamu pernah memperhatikan, kenapa permen & coklat ditempatkan dirak bagian bawah?

System Design

Type Product Design

Coba kita perhatikan lebih dalam, lebih dari sekedar barang yang ditata di rak untuk dibeli

Apakah kamu pernah memperhatikan, kenapa permen & coklat ditempatkan dirak bagian bawah?

+

= $$$

Process Design

Menawarkan user pilihan lain untuk mencapai goals yang sama dengan solusi yang lebih mudah.

Type Product Design

Sudah milih barang bagus dengan cepat...

Tapi antri panjang dikasir, Males banget kan ya

Process Design

Type Product Design

Antrian (tradisional)

Designed System

VS

Semakin cepat user dapat mencapai goals mereka, Maka :

• Semakin banyak user satisfied
• Semakin banyak transaksi
• Cuan, Cuan, Cuan

Interface Design

Baik tradisional maupun self-services, Butuh UI untuk user berinteraksi dengan scan, tambah kupon diskon, cek harga & bayar barang belanjaan.

Type Product Design

Lihat dari sisi kompleksitasnya dari awal kita bicara tentang type product design tadi.

Interface Design

Type Product Design

Lihat dari sisi kompleksitasnya dari awal kita bicara tentang type product design tadi.

Bagaimana jika item tidak bisa d scan? harus input manual?

Bagaimana item harus diurutkan?

Bagaimana user bisa membayar?

Design harus Usable & Efisien bagi user.

UI, UX & CX

Pengenalan

Ada yang bisa kasih tau?

Pada Product Digital

User Interface (UI)

Proses pembuatan interface (tampilan) yang digunakan pengguna untuk berinteraksi dengan produk, merujuk pada :

• Keindahan

• Layout

• Warna

• Feel (kesan pengguna)

• Emotion

• Kemudahan user memahami produk

• Brand identity

User Interface (UI)

Proses pembuatan interface (tampilan) yang digunakan pengguna untuk berinteraksi dengan produk, merujuk pada :

• Keindahan

• Layout

• Warna

• Feel (kesan pengguna)

• Emotion

• Kemudahan user memahami produk

• Brand identity

User Experience (UX)

Pengalaman dari user yang diakibatkan dari interaksi dengan suatu produk, merujuk pada :

• Informasi

• Pemahaman

• Arsitektur / Hirarki

• Navigasi

• Kemudahan

• Kepuasan

• Kegunaan

Customer Experience (CX)

Pengalaman dari konsumen suatu produk / service dengan semua channel dari brand tersebut.

• Reputasi brand

• Iklan

• Harga

• Proses / cara menjual

• Service

• Pengiriman

• Dll.

What Exactly UI,UX & CX Is?

Aplikasi edit foto favoritmu

Kamu suka tema aplikasi yang pakai darkmode + icon cakep + ilustrasi menarik & gratis tentunya.

Sangat keren diliat, seakan-akan kamu photo editor profesional jika pakai app ini.

What Exactly UI,UX & CX Is?

Aplikasi edit foto favoritmu

Kamu suka tema aplikasi yang pakai darkmode + icon cakep + ilustrasi menarik & gratis tentunya.

Sangat keren diliat, seakan-akan kamu photo editor profesional jika pakai app ini.

That's UI

What Exactly UI,UX & CX Is?

Fitur aplikasi

Ada kalanya kamu ingin meng-crop gambar biar objek yang tidak diinginkan hilang.

Kamu kesulitan menemukan dimana fitur ini & bagaimana menggunakannya.

What Exactly UI,UX & CX Is?

Fitur aplikasi

Ada kalanya kamu ingin meng-crop gambar biar objek yang tidak diinginkan hilang.

Kamu kesulitan menemukan dimana fitur ini & bagaimana menggunakannya.

That's UX

What Exactly UI,UX & CX Is?

Call Customer Service

Setelah berjam-jam mencari, kamu tetap tidak menemukan fitur crop tadi.

Sekarang semua tampak mudah, Kamu dikenakan $5 untuk komisi.

Untungnya pihak creator memiliki layanan tanya jawab lewat call CS. CS menjawab segala permasalahanmu & memberitahumu bagaimana menggunakanya.

What Exactly UI,UX & CX Is?

Call Customer Service

Setelah berjam-jam mencari, kamu tetap tidak menemukan fitur crop tadi.

Sekarang semua tampak mudah, Kamu dikenakan $5 untuk komisi.

That's CX

Untungnya pihak creator memiliki layanan tanya jawab lewat call CS. CS menjawab segala permasalahanmu & memberitahumu bagaimana menggunakanya.

Mengapa UI, UX & CX Itu Penting?

Bisnis / Produk selalu butuh konsumen

• Menarik lebih banyak konsumen untuk menggunakan produk / layanan

• Mempertahankan user dengan memberikan kepuasan

• Ekspansi bisnis = Lebih banyak profit

Mengapa Butuh dari sekedar "Cantik"?

Some people think design means how it looks but of course, if you dig deeper, it's really how it works - steve jobs

Banyak yang berfikir UX itu hanya sketsa & wireframe, tapi sebenarnya lebih ke interaksi, model flow & komunikasi kepada user

UX bisa diibaratkan "Inner Beauty", jika produk hanya cantik diluar tapi menyulitkan, membosankan & kikuk maka user akan menyadari hal itu juga

Lalu bagaimana cara kita tahu..

Apakah kita sudah membuat produk yang dapat menyelesaikan problem yang dihadapi user kita?

Apakah kita sudah membuat produk yang memuaskan baik secara bisnis maupun kebutuhan user?

Apakah kita sudah berhasil mencapai target hanya karena kita sudah launch produk kita?

HEART

Framework

Pengenalan

Sebagai praktisi UX, kita selalu menghabiskan banyak waktu dengan user.

Observasi, Komunikasi & Feedback

HEART

Framework

Pengenalan

Sebagai praktisi UX, kita selalu menghabiskan banyak waktu dengan user.

Observasi, Komunikasi & Feedback

Belum Cukup!

Para UX researcher di Google mencari solusi bagaimana caranya menilai UX dari suatu produk

Kita perlu mengukur peforma ux yang diimplementasikan ke dalam produk secara berkala

HEART

Framework

Definisi

Sekumpulan metriks yang dapat membantu kita untuk membuat produk sesuai dengan kebutuhan user kita

Tujuan

Evaluasi kualitas

Mengetahui seberapa besar dampak dari produk

Happiness

Engagement

Adoption

H

E

A

R

T

Retantion

Task Success

Apa yang user rasakan ketika menggunakan produk kita.

Bisa diukur dengan

- Customer Satisfaction Score (CSAT)

- Net Promoter Score (NPS)

Seberapa puas customer dengan spesifik area dari bisnis

Loyalitas customer secara keseluruhan dari sebuah brand

Seberapa sering user datang / menggunakan produk kita

Misalnya dengan..

- Berapa kunjungan user dalam 1 minggu terakhir

- Berapa jumlah foto yang diupload dalam sehari

- Berapa barang yang dilihat dalam sehari

New User / New feature

Misalnya dengan..

- Berapa user yg mendaftar setelah kita update landing

- Berapa jumlah akun yg dibuat dalam 1 bulan terakhir

- Berapa user yang update fitur Memoji dalam 1 minggu

User yang kembali menggunakan produk pada kurun waktu tertentu

Misalnya dengan..

- Berapa user yg sekarang menggunakan produk kita & tetap menggunakannya dimasa mendatang (bulan depan)

Sekarang 1 jt user, minggu depan yg masih aktif berapa?

Seberapa banyak user yang dapat menyelesaikan tugas / mencapai goals.

Misalnya dengan..

- Efisiensi : berapa lama waktu yg dibutuhkan user menyelesaikan task yg diberikam

- Efektifitas : berapa persentase user yg selesai

- Error rate : berapa persentase user yg gagal

Bagaimana cara milih Metriks yang tepat?

Set Goals

Hal yang ingin dicapai oleh tim

• Meningkatkan interaksi penonton dengan hal yang berhubungan dengan drama (lagi Hype)
• Track user baru yang bergabung untuk menggunakan produk kita

Jika ingin user berbicara tentang, Apakah produkmu mudah digunakan atau tidak?

Contoh

Fokus pada Task Success

Jika ingin tahu seberapa senang usermu menggunakan produk?

Fokus pada Happiness

Define Signal

Tentukan penanda bahwa goals sudah tercapai

• Banyaknya artikel yang dibaca
• Banyaknya video yang ditonton
• Banyaknya user yang komen

Pengguna enjoy menggunakan aplikasi youtube

Contoh

Goals

Waktu yang dihabiskan user menonton video

Signal

Define Signal

Tentukan penanda bahwa goals sudah tercapai

• Pastikan kita punya dataset atau tidak
• Pastikan kita tahu darimana dapat dataset tersebut.

Hati-Hati

Sebelum Menentukan Signal

Bagaimana cara mendapatkan waktu yang dihabiskan user untuk menonton video?

Contoh

Pilih Metriks Yang Tepat

Cara memilih dari 5 metriks berdasarkan Goals & Signal yang sudah ditentukan.

Mari Kita Coba

Manakah Metriks Yang Cocok?

Happiness

Pengguna nyaman menggunakan aplikasi youtube

Goals

Waktu yang dihabiskan user menonton video

Signal

Engagement

Adoption

Retantion

Task Success

Mari Kita Coba

Manakah Metriks Yang Cocok?

Happiness

Pengguna nyaman menggunakan aplikasi youtube

Goals

Waktu yang dihabiskan user menonton video

Signal

Engagement

Adoption

Retantion

Task Success

User Suka dengan videeo

User mengunjungi & stay menonton

User tertarik menggunakan produk

User datang kembali

User bisa menggunakan fitur yang ada

Mari Kita Coba

Pengguna nyaman menggunakan aplikasi youtube

Goals

Waktu yang dihabiskan user menonton video

Signal

Engagement

User mengunjungi & stay menonton

Jumlah rata-rata menit yang dihabiskan user menonton video dalam 1 hari

Metriks Keberhasilan

Misal Jumlah sekarang

1 jam 10 menit dalam sehari

Goals

2 jam dalam sehari

Contoh Lain

Ben Luweh "Dong" lurrrr

HAPPINESS

• NPS
• Jumlah Bintang 5 Review

Metriks

User merasa aplikasi membantu, menyenangkan & mudah digunakan

Goals

• Beri bintang 5
• Beri feedback / review positif

Signal

ENGAGEMENT

• Rata-rata durasi penggunaan
• Rata-rata frekuensi penggunaan

Metriks

User menikmati konten & menggunakan aplikasi

Goals

Signal

Waktu yang dihabiskan dalam aplikasi

ADOPTION

Metriks

User baru tahu value dari fitur yang baru direlease dalam aplikasi

Goals

Signal

• Downloading
• Signup akun baru
• Mencoba Fitur baru

• Download rate
• Feature adoption rate

RETANTION

Metriks

User kembali menggunakan aplikasi untuk menyelesaikan action / aktivitas dalam aplikasi

Goals

Signal

• Stay active pada aplikasi
• Renewing a subscription
• Repeat purchasing

• Subscription renewal rate
• Churn rate (Pelanggan yg berhenti)

TASK SUCCESS

Metriks

User menyelesaikan goals mereka dengan cepat & mudah

Goals

Signal

• Mencari & menemukan konten dengan mudah
• Menyelesaikan task dengan efektif

• Waktu penyelesaian
• Crash rate