SlideShare a Scribd company logo
1 of 76
Download to read offline
Arnold Saputra
HEAD OF UX
Hafizha Fauzani

UX DESIGNER
GDN UX DESIGN
PROGRESS
Progress Tim UX selama tahun 2018
Januari 2019
PENDAHULUAN: Perbandingan Tim Design
Tim UX Traveloka (300 an; Indonesia dan Asia Tenggara)
Tim UX Bukalapak (100an; Jakarta, Bandung, Jogja, Bali, dan luar negeri)
PENDAHULUAN: Perbandingan Tim Design
Tim UX blibli.com (20an; Jakarta, Bandung, dan Surabaya)
PENDAHULUAN: Perbandingan Tim Design
Tim UX GDN (10 saja; Jakarta)
PENDAHULUAN: Perbandingan Tim Design
Progress Tim UX GDN
DOKUMEN DESAIN
Organisasi dokumen
Sketch
di antaranya
KOLABORASI
Organisasi desain di
Zeplin
MANAJEMEN TUGAS
Organisasi kerjaan di
VSTS
GDN UX DESIGN PROGRESS
Progress Tim UX GDN
USER RESEARCH
Inisiasi dan
perkembangan user
research
di antaranya
PENGEMBANGAN DIRI
Peningkatan kualitas
individu di tim UX
PERALATAN & LAIN-LAIN
Progress lainnya dari Tim
UX
GDN UX DESIGN PROGRESS
Organisasi desain di Sketch
GDN UX DESIGN PROGRESS JANUARI 2019
DOKUMEN DESAIN
DAHULU
File Sketch masih ada di
komputer masing-masing
desainer, sulit untuk
kolaborasi.
DOKUMEN DESAIN
SEKARANG
Dokumen Sketch sudah
disimpan di Cloud,
mudah untuk kolaborasi.
DOKUMEN DESAIN
DAHULU
Managemen komponen
dan penamaan desain
tidak rapi.
DOKUMEN DESAIN
SEKARANG
Menggunakan Atomic
Design. Penamaan folder,
simbol, dan komponen
sudah rapi.
DOKUMEN DESAIN
DOKUMEN DESAIN
Contoh penamaan komponen di dokumen Sketch
🗂🗂
DAHULU
Belum dipisah antara file
Library dan Master,
sehingga ukuran filenya
besar.
SEKARANG
Sudah dipisah antara file
Library dan Master.
DOKUMEN DESAIN
Library
Master
Library Master
DOKUMEN DESAIN
1 Design 1 Design 1 Design
1 Library
Penggunaan Library dalam beberapa design
DAHULU
Belum ada standardisasi
Plug In apa saja yang
dipakai sama tim
desainer.
SEKARANG
Sudah ada standardisasi
Plug In apa saja yang
dipakai sama tim
desainer.
DOKUMEN DESAIN
Organisasi desain di Zeplin
GDN UX DESIGN PROGRESS JANUARI 2019
KOLABORASI
DAHULU
Penamanaan dan
pengelompokkan desain
di Zeplin belum rapi.
KOLABORASI
KOLABORASI
1
2
1. Desain tidak dipisahkan dengan section.
2. Penamaan belum sesuai aturan
penamaan.
Contoh penamaan dan organisasi Zeplin yang belum rapi
SEKARANG
Penamaan sudah rapih
dan desain
dikelompokkan dengan
folder-folder.
KOLABORASI
KOLABORASI
Contoh penamaan dan organisasi Zeplin yang Sudah rapi
KOLABORASI
1
2
1. Desain sudah dipisahkan dengan section.
2. Penamaan sudah sesuai aturan penamaan.
Contoh penamaan dan organisasi Zeplin yang belum rapi
KOLABORASI
Contoh penamaan dan organisasi Zeplin yang Sudah rapi
DAHULU
Tidak ada deskripsi
halaman.
SEKARANG
Setiap desain halaman
terdapat deskripsi
lengkap.
KOLABORASI
👍
DAHULU
Tidak ada deskripsi
untuk “Version” di
Zeplin.
KOLABORASI
SEKARANG
Setiap desainer update
design baru wajib menulis
‘design versioning’, yang
membedakan design baru
dengan lama.
KOLABORASI
DAHULU
Desain tidak terpusat di
satu akun Zeplin,sehingga
Developer bingung untuk
lihat desain yang
terpisah-pisah.
SEKARANG
Sudah terpusat satu akun
Zeplin untuk semua
projek.
KOLABORASI
KOLABORASI
Dokumen desain yang terpusat di satu Zeplin GDN
Organisasi pekerjaan di Visual Studio Team Service (VSTS)
GDN UX DESIGN PROGRESS JANUARI 2019
MANAJEMEN TUGAS
DAHULU
Job request hanya
melalui obrolan saja.
SEKARANG
Harus ada dokumen job
request. Disimpan di
VSTS dan perlu
persetujuan dari PM.
MANAJEMEN TUGAS
MANAJEMEN TUGAS
Contoh dokumen Job Request
Contoh spesifikasi job request
DAHULU
Pemberian tugas tidak
terlalu detail (Task terlalu
besar).
SEKARANG
Tugas dipecah lagi
menjadi beberapa task
kecil, bahkan baru.
MANAJEMEN TUGAS
MANAJEMEN TUGAS
Wiro Sableng
Wiro Sableng Wiro SablengWiro Sableng
WR
WR WRWR
1 Task
Contoh pembagian task
3 Tasks
DAHULU
Dapat task dari PM
langsung buat UI nya.
SEKARANG
Desainer diwajibkan untuk
riset, membuat
information architecture,
user flow, sketsa desain
alternatif sebelum buat UI
nya.
MANAJEMEN TUGAS
MANAJEMEN TUGAS
Contoh dokumen Product Requirement
Contoh Diagram User Flow
MANAJEMEN TUGAS
Contoh dokumen Product Requirement
Contoh Desain Low Fidelity
Low Fidelity
Peningkatan kualitas individu di tim UX
GDN UX DESIGN PROGRESS JANUARI 2019
PENGEMBANGAN DIRI
🧘
DAHULU
Tidak ada program
pengembangan desainer.
SEKARANG
Setiap anggota Tim
punya target belajar
setiap 3 bulan.
PENGEMBANGAN DIRI
DAHULU
Jarang diadakan Sharing
Session.
PENGEMBANGAN DIRI
SEKARANG
Diadakan Sharing Session
2 minggu sekali.
PENGEMBANGAN DIRI
Sharing Session: User Interview Plan
PENGEMBANGAN DIRI
Sharing Session: Building Design System
PENGEMBANGAN DIRI
Sharing Session: baca buku tentang desain sebulan sekali
PENGEMBANGAN DIRI
Sharing Session: Sprint; How to Solve Big Problems and Test New Ideas in Just Five Days
DAHULU
Tidak ada 1 sumber
pembelajaran UX.
PENGEMBANGAN DIRI
PENGEMBANGAN DIRI
SEKARANG
Ada folder pelajaran yang
isinya buku dan materi
presentasi dari berbagai
sumber.
Link folder UX Knowledge
DAHULU
Ikut konferensi atau meetup
tentang UX masih jarang.
Terakhir tahun 2015, sudah
3 tahun tidak ikut
konferensi.
PENGEMBANGAN DIRI
SEKARANG
Aktif ikut konferensi atau
meetup tentang UX.
PENGEMBANGAN DIRI
🙆🎉&
PENGEMBANGAN DIRI
UXID Conference 2018
PENGEMBANGAN DIRI
UXID Conference 2018
PENGEMBANGAN DIRI
Meetup AlephLabs: UX Research (Usability Testing)
PENGEMBANGAN DIRI
Tech in Asia 2018: Product Development Conference
Inisiasi dan perkembangan user research
GDN UX DESIGN PROGRESS JANUARI 2019
USER RESEARCH
'
DAHULU
Tidak ada User Research.
SEKARANG
Dibudayakan untuk riset
terlebih dahulu sebelum
membuat keputusan.
Validasi permasalahan
sebelum membuat solusi.
USER RESEARCH
Salah satu contoh UX Research
DAHULU
Keputusan membuat fitur
berasal dari PM dan
atasan.
SEKARANG
Dilakukan pengujian fitur
dengan analisis data dan
melakukan A/B testing
sebelum mengambil
keputusan membuat fitur.
USER RESEARCH
DAHULU
Tidak dilakukan A/B
Testing untuk menguji
variabel tertentu.
SEKARANG
Sudah ada A/B Testing
dengan Google Optimize.
USER RESEARCH
Salah satu contoh report A/B Testing
USER RESEARCH
A/B Testing untuk button “Lihat Semua” di Home Page
DAHULU
Tidak dilakukan Heat
Map analysis
SEKARANG
Dilakukan analisis
heatmap dengan Hotjar
USER RESEARCH
Salah satu contoh report analisis Heat Maps Gramedia.com
USER RESEARCH
Analisi Heat Map gramedia.com
DAHULU
Tidak ada UX Review,
maupun dokumentasinya
SEKARANG
Sudah ada UX review
sebelum merubah suatu
tampilan
USER RESEARCH
USER RESEARCH
Salah satu contoh dokumen UX Review
Contoh UX Review Design
Progress lainnya dari Tim UX
GDN UX DESIGN PROGRESS JANUARI 2019
PERALATAN &
LAIN-LAIN
🛠
DAHULU
Karyawan baru harus
belajar apa-apa sendiri.
SEKARANG
Sudah tersedia dokumen
UX Design & Research on
Boarding, yang
mengenalkan karyawan
baru mengenai GDN.
PERALATAN & LAIN-LAIN
DAHULU
Desainer masih
menggunakan iMac
tahun 2011 sebagai
perangkat kerjanya.
PERALATAN & LAIN-LAIN
DAHULU
Desainer sudah pakai
MacBook Pro 2017
sebagai perangkat
kerjanya.
PERALATAN & LAIN-LAIN
DAHULU
Masih sedikit anggota tim nya.
Hanya ada 3 tiga orang pria
semua.
PERALATAN & LAIN-LAIN
PERALATAN & LAIN-LAIN
SEKARANG ( jan 2019)
Sudah 10 anggota tim nya dan 4 diantaranya wanita.
Hore 🎉
DAHULU
Belum sering mengadakan
acara kebersamaan tim UX.
PERALATAN & LAIN-LAIN
💧 💧
SEKARANG
Sudah 5x mengadakan acara
kebersamaan dalam 8 bulan.
PERALATAN & LAIN-LAIN
💃🕺
PERALATAN & LAIN-LAIN
Ulang tahun Ann 🎂
PERALATAN & LAIN-LAIN
Makan-makan 🍽
PERALATAN & LAIN-LAIN
Ulang tahun Kak Arnold 🎉
DAHULU
Anggota Tim UX belum ada
yang S2.
PERALATAN & LAIN-LAIN
SEKARANG
Anggota Tim UX Sudah ada
yang S2.
PERALATAN & LAIN-LAIN
👍
PERALATAN & LAIN-LAIN
Glenn sidang S2 🎉
PERALATAN & LAIN-LAIN
Syukuran Glenn lulus S2 🎓
Lalu, selanjutnya
apa untuk 2019?

More Related Content

Similar to GDN UX DESIGN PROGRESS 2019

2 Keahlian Untuk Memasuki Digital Marketing
2 Keahlian Untuk Memasuki Digital Marketing2 Keahlian Untuk Memasuki Digital Marketing
2 Keahlian Untuk Memasuki Digital MarketingMuhammad Zaki Alimudin
 
Powerfull Design Presentation by: Yuda Mahendra Asmara
Powerfull Design Presentation by: Yuda Mahendra AsmaraPowerfull Design Presentation by: Yuda Mahendra Asmara
Powerfull Design Presentation by: Yuda Mahendra AsmaraYuda Mahendra Asmara
 
PROPOSAL LPK DESAIN GRAFIS.pptx
PROPOSAL LPK DESAIN GRAFIS.pptxPROPOSAL LPK DESAIN GRAFIS.pptx
PROPOSAL LPK DESAIN GRAFIS.pptxAwayCholate1
 
PPT Pertemuan 04 Mobile Programmer VSGA DTS 2021.pptx
PPT Pertemuan 04 Mobile Programmer VSGA DTS 2021.pptxPPT Pertemuan 04 Mobile Programmer VSGA DTS 2021.pptx
PPT Pertemuan 04 Mobile Programmer VSGA DTS 2021.pptxMuhammadHarrisMunand2
 
GDSC UIN Walisongo - Info Session.pdf
GDSC UIN Walisongo - Info Session.pdfGDSC UIN Walisongo - Info Session.pdf
GDSC UIN Walisongo - Info Session.pdfOniquee
 
Fp dokumen perencanaan proyek
Fp dokumen perencanaan proyekFp dokumen perencanaan proyek
Fp dokumen perencanaan proyekAdam Aremania
 
Modul 11 KB 2 Pengembangan Multimedia Pembelajaran Interaktif.pptx
Modul 11 KB 2 Pengembangan Multimedia Pembelajaran Interaktif.pptxModul 11 KB 2 Pengembangan Multimedia Pembelajaran Interaktif.pptx
Modul 11 KB 2 Pengembangan Multimedia Pembelajaran Interaktif.pptxSaripHidayat36
 
Rpl2designsprint 181203055712 (1)
Rpl2designsprint 181203055712 (1)Rpl2designsprint 181203055712 (1)
Rpl2designsprint 181203055712 (1)Francisco Macagno
 
Visual foxpro as prototyping tools
Visual foxpro as prototyping toolsVisual foxpro as prototyping tools
Visual foxpro as prototyping toolsferisulianta.com
 
Thesis Proposal - UI/UX Website Evaluation and Redesign
Thesis Proposal - UI/UX Website Evaluation and RedesignThesis Proposal - UI/UX Website Evaluation and Redesign
Thesis Proposal - UI/UX Website Evaluation and RedesignAhmadYazidHilmi
 
Desain sistem informasi web gis
Desain sistem informasi web gisDesain sistem informasi web gis
Desain sistem informasi web gisDany Laksono
 
PT. Wunderman Pamungkas Indonesia, Internship Program.
PT. Wunderman Pamungkas Indonesia, Internship Program.PT. Wunderman Pamungkas Indonesia, Internship Program.
PT. Wunderman Pamungkas Indonesia, Internship Program.Rifqy Multahada
 

Similar to GDN UX DESIGN PROGRESS 2019 (20)

PROPOSAL CEBRO AGENCY DRIVE THRU
PROPOSAL CEBRO AGENCY DRIVE THRUPROPOSAL CEBRO AGENCY DRIVE THRU
PROPOSAL CEBRO AGENCY DRIVE THRU
 
2 Keahlian Untuk Memasuki Digital Marketing
2 Keahlian Untuk Memasuki Digital Marketing2 Keahlian Untuk Memasuki Digital Marketing
2 Keahlian Untuk Memasuki Digital Marketing
 
UI & UX
UI & UXUI & UX
UI & UX
 
Powerfull Design Presentation by: Yuda Mahendra Asmara
Powerfull Design Presentation by: Yuda Mahendra AsmaraPowerfull Design Presentation by: Yuda Mahendra Asmara
Powerfull Design Presentation by: Yuda Mahendra Asmara
 
Model based definition
Model based definitionModel based definition
Model based definition
 
PROPOSAL LPK DESAIN GRAFIS.pptx
PROPOSAL LPK DESAIN GRAFIS.pptxPROPOSAL LPK DESAIN GRAFIS.pptx
PROPOSAL LPK DESAIN GRAFIS.pptx
 
PPT Pertemuan 04 Mobile Programmer VSGA DTS 2021.pptx
PPT Pertemuan 04 Mobile Programmer VSGA DTS 2021.pptxPPT Pertemuan 04 Mobile Programmer VSGA DTS 2021.pptx
PPT Pertemuan 04 Mobile Programmer VSGA DTS 2021.pptx
 
Dsc info session
Dsc info sessionDsc info session
Dsc info session
 
GDSC UIN Walisongo - Info Session.pdf
GDSC UIN Walisongo - Info Session.pdfGDSC UIN Walisongo - Info Session.pdf
GDSC UIN Walisongo - Info Session.pdf
 
Fp dokumen perencanaan proyek
Fp dokumen perencanaan proyekFp dokumen perencanaan proyek
Fp dokumen perencanaan proyek
 
Modul 11 KB 2 Pengembangan Multimedia Pembelajaran Interaktif.pptx
Modul 11 KB 2 Pengembangan Multimedia Pembelajaran Interaktif.pptxModul 11 KB 2 Pengembangan Multimedia Pembelajaran Interaktif.pptx
Modul 11 KB 2 Pengembangan Multimedia Pembelajaran Interaktif.pptx
 
Rpl2designsprint 181203055712 (1)
Rpl2designsprint 181203055712 (1)Rpl2designsprint 181203055712 (1)
Rpl2designsprint 181203055712 (1)
 
[RPL2] Design Sprint
[RPL2] Design Sprint[RPL2] Design Sprint
[RPL2] Design Sprint
 
My first post
My first postMy first post
My first post
 
Syahirah rana 7E 32 bab 6
Syahirah rana 7E 32 bab 6Syahirah rana 7E 32 bab 6
Syahirah rana 7E 32 bab 6
 
Visual foxpro as prototyping tools
Visual foxpro as prototyping toolsVisual foxpro as prototyping tools
Visual foxpro as prototyping tools
 
Thesis Proposal - UI/UX Website Evaluation and Redesign
Thesis Proposal - UI/UX Website Evaluation and RedesignThesis Proposal - UI/UX Website Evaluation and Redesign
Thesis Proposal - UI/UX Website Evaluation and Redesign
 
PROPOSAL CEBRO AGENCY SMK ISLAM 1 BATU
PROPOSAL CEBRO AGENCY SMK ISLAM 1 BATUPROPOSAL CEBRO AGENCY SMK ISLAM 1 BATU
PROPOSAL CEBRO AGENCY SMK ISLAM 1 BATU
 
Desain sistem informasi web gis
Desain sistem informasi web gisDesain sistem informasi web gis
Desain sistem informasi web gis
 
PT. Wunderman Pamungkas Indonesia, Internship Program.
PT. Wunderman Pamungkas Indonesia, Internship Program.PT. Wunderman Pamungkas Indonesia, Internship Program.
PT. Wunderman Pamungkas Indonesia, Internship Program.
 

More from Arnold Saputra

Transform! by Arnold Saputra,
Transform!  by Arnold Saputra, Transform!  by Arnold Saputra,
Transform! by Arnold Saputra, Arnold Saputra
 
5 state of User Interface (UI) by Arnold Saputra
5 state of User Interface (UI) by Arnold Saputra5 state of User Interface (UI) by Arnold Saputra
5 state of User Interface (UI) by Arnold SaputraArnold Saputra
 
Service blue print for omni channel by Arnold Saputra
Service blue print for omni channel by Arnold SaputraService blue print for omni channel by Arnold Saputra
Service blue print for omni channel by Arnold SaputraArnold Saputra
 
UX and UI Designing for all android screen
UX and UI Designing for all android screenUX and UI Designing for all android screen
UX and UI Designing for all android screenArnold Saputra
 
Kudo Team flight 2.0 process
Kudo Team flight 2.0 processKudo Team flight 2.0 process
Kudo Team flight 2.0 processArnold Saputra
 
Kerja! kerja! kerja! kerja!
Kerja! kerja! kerja! kerja!Kerja! kerja! kerja! kerja!
Kerja! kerja! kerja! kerja!Arnold Saputra
 
UX for majority Indonesian people
UX for majority Indonesian peopleUX for majority Indonesian people
UX for majority Indonesian peopleArnold Saputra
 
5 things I learned from our user UX design
5 things I learned from our user UX design5 things I learned from our user UX design
5 things I learned from our user UX designArnold Saputra
 
A brief story of designing kudo
A brief story of designing kudoA brief story of designing kudo
A brief story of designing kudoArnold Saputra
 

More from Arnold Saputra (9)

Transform! by Arnold Saputra,
Transform!  by Arnold Saputra, Transform!  by Arnold Saputra,
Transform! by Arnold Saputra,
 
5 state of User Interface (UI) by Arnold Saputra
5 state of User Interface (UI) by Arnold Saputra5 state of User Interface (UI) by Arnold Saputra
5 state of User Interface (UI) by Arnold Saputra
 
Service blue print for omni channel by Arnold Saputra
Service blue print for omni channel by Arnold SaputraService blue print for omni channel by Arnold Saputra
Service blue print for omni channel by Arnold Saputra
 
UX and UI Designing for all android screen
UX and UI Designing for all android screenUX and UI Designing for all android screen
UX and UI Designing for all android screen
 
Kudo Team flight 2.0 process
Kudo Team flight 2.0 processKudo Team flight 2.0 process
Kudo Team flight 2.0 process
 
Kerja! kerja! kerja! kerja!
Kerja! kerja! kerja! kerja!Kerja! kerja! kerja! kerja!
Kerja! kerja! kerja! kerja!
 
UX for majority Indonesian people
UX for majority Indonesian peopleUX for majority Indonesian people
UX for majority Indonesian people
 
5 things I learned from our user UX design
5 things I learned from our user UX design5 things I learned from our user UX design
5 things I learned from our user UX design
 
A brief story of designing kudo
A brief story of designing kudoA brief story of designing kudo
A brief story of designing kudo
 

GDN UX DESIGN PROGRESS 2019