ANALISIS UI UX MAXIMOM BERBASIS USER...
Transcript of ANALISIS UI UX MAXIMOM BERBASIS USER...
ANALISIS UI UX MAXIMOM BERBASIS USER PERSONA
DENGAN MENGGUNAKAN PENDEKATAN GOOGLE DESIGN SPRINT
TUGAS AKHIR
Program Studi
S1 SISTEM INFORMASI
Oleh:
SICILLYA SETYA JAYANI SANTOSA
16410100061
FAKULTAS TEKNOLOGI DAN INFORMATIKA
UNIVERSITAS DINAMIKA
2020
ANALISIS UI UX MAXIMOM BERBASIS USER PERSONA
DENGAN MENGGUNAKAN PENDEKATAN GOOGLE DESIGN SPRINT
TUGAS AKHIR
Diajukan sebagai salah syarat untuk menyelesaikan
Program Sarjana
Oleh:
Nama : Sicillya Setya Jayani Santosa
NIM : 16410100061
Program Studi : S1 Sistem Informasi
FAKULTAS TEKNOLOGI DAN INFORMATIKA
UNIVERSITAS DINAMIKA
2020
Tugas Akhir
ANALISIS UI AXNI4A){IMOM BERBASIS T/,S,I9JT PERSONA
DENGAN MENGGUNAKAN PENDEKATAN GOOGLE DESIGN SPRINT
Dipersiapkan dan disusun oleh
Sicillya Setya Jayani Santosa
NIM:16410100061
Telah diperiksa, dibahas dan disetujui oleh Dewan Pembahas
Pada: Senin. 3l Agustus 2020
Susunan Dewan Pembahas
Pembimbing:
I. Tri Sagirani, S.Kom., M.MT.
I.{IDN. 0731017601
II. Vivine Nurcahyawati, M.Kom.
NIDN.0723018101
Pembahas:
Dr. Anjik Sukmaaji, S.Kom., M.Eng.
NIDN. 0731057301
I)r.
-"m>Digitilly signed byUniversitas DinamikaDatei 2020.09.0704.37.24 +O7'OO'
0i. nll'L-nc.ifiV.^Y
r
Digitally signedby Vivine
-$hrchlawati-Date:2020-09.0709:27:13 +07'oo'
Oigitally iis.ed by A.,jik 5ukhaajiDNi.n=Anjik5okmaaji,
[email protected]. id, c=UsDate:2020 09.07 10:02:19 +07 00'ffiion:20200t2.20043
Tugas Akhir ini telah diterima sebagai salah satu persyaratan
untuk memperoleh gelar Sarjana
Digitally signedby Universitas
namika
14.47:22 +07'00'
NIDN: 0708017101
Dekan Fakultas Teknologi dan lnformasi
LTNIVERSITAS DINAMIKA
t1l
iv
Berkaryalah, tanpa harus menjatuhkan orang lain.
v
Kupersembahkan Tugas Akhir Ini Untuk yang Selalu Bertanya:
“Kapan Kamu Lulus ?”
SURAT PERNYATAAN
PERSETUJUAN PUBLIKASI DAN KEASLIAN KARYA ILMIAH
Sebagai mahasiswa Universitas Dinamika, saya:
Nama : Sicillya Setya Jayani Santosa
NIM : 16410100061
Program Studi : S1 Sistem Informasi
Fakultas : Fakultas Teknologi dan Informatika
Jenis Karya : Tugas Akhir
Judul Karya : ANALISIS UI UX MAXIMOM BERBASIS
USER PERSONA DENGAN MENGGUNAKAN
PENDEKATAN GOOGLE DESIGN SPRINT
Menyatakan dengan sesungguhnya bahwa:
1. Demi pengembangan Ilmu Pengetahuan, Teknologi dan Seni, saya menyetujui
memberikan kepada Universitas Dinamika Hak Bebas Royalti Non-Eksklusif
(Non-Exclusive Royalti Free Right) atas seluruh isi/ sebagian karya ilmiah saya
tersebut di atas untuk disimpan, diahlimediakan dan dikelola dalam bentuk
pangkalan data (database) untuk selanjutnya didistribusikan atau
dipublikasikan demi kepentingan akademis dengan tetap mencantumkan nama
saya sebagai penulis atau pencipta dan sebagai pemilik Hak Cipta
2. Karya tersebut di atas adalah karya asli saya, bukan plagiat baik sebagian
maupun keseluruhan, Kutipan karya atau pendapat orang lain yang ada dalam
karya ilmiah ini adalah semata hanya rujukan yang dicantumkan dalam Daftar
Pustaka saya
vi
3. Apabila dikemudian hari ditemukan dan terbukti terdapat tindakan plagiat pada
karya ilmiah ini, maka saya bersedia untuk menerima pencabut terhadap gelar
kerjasama yang telah diberikan kepada saya.
Demikian surat pernyataan ini saya buat dengan sebenarnya.
Surabaya, 31 Agustus 2020
Yang menyatakan
Sicillya Setya Jayani Santosa
NIM: 16410100061
vii
ABSTRAK
Menyediakan Pekerja Rumah Tangga yang berkualitas dan mencari Majikan yang
memiliki perilaku yang baik merupakan hal yang dibutuhkan oleh masyarakat.
Selain itu terjaminnya kontrak yang dijanjikan di awal kesepakatan dan realisasi
dari segi Majikan dan PRT merupakan hal yang harus diperhatikan. Dengan adanya
Maximom yang hadir sebagai jawaban yang dibutuhkan oleh masyarakat,
Maximom memanfaatkan aplikasi berbasis website berupa company profile dan
dashboard untuk menyampaikan nilai dan menjaga performa kepada pelanggan.
Dalam rangka untuk menentukan karakteristik dan kebutuhan dari pengguna,
penulis menggunakan tool User Persona agar memfokuskan target pengguna yang
akan mengoperasikan tampilan sistem. Hal ini bertujuan agar User Interface (UI)
yang dihasilkan sesuai dengan harapan dari masing-masing calon pengguna.
Pendekatan yang penulis terapkan dalam perancangan UI adalah Google Design
Sprint yang unggul dari segi penghematan waktu, fokus terhadap masalah dan
tujuan penyelesaiannya (dalam bentuk prototype), dan pengembangan ide. Tahapan
yang ada pada Google Design Sprint adalah Mapping, Sketching, Deciding,
Prototyping, dan Testing. Adapun testing yang dilakukan menggunakan AB Testing
yang melibatkan calon pengguna dari segi kenyamanan user interface dari sistem.
Dari hasil testing yang dilakukan adapun saran dan kritikan dari masing-masing
kelebihan dan kekurangan dari setiap UI yang terbentuk. Secara keseluruhan, tugas
akhir ini berhasil menghasilkan design interface yang berlandaskan pada metode
dan tahapan penelitian yang efektif.
Kata Kunci: UI UX, prototype, Google Design Sprint, website, Tool User persona.
viii
KATA PENGANTAR
Segala puji dan syukur penulis hanya kepada Tuhan Yesus Kristus atas
kasih dan kuasa-Nya yang senantiasa membimbing, memberikan hikmat, berkat
dan penyertaan sehingga penulis dapat melaksanakan dan menyelesaikan Tugas
Akhir dengan judul “Analisis UI UX Maximom Berbasis User Persona dengan
Menggunakan Pendekatan Google Design Sprint”.
Dalam menyelesaikan laporan tugas akhir ini, penulis ingin memberikan
apresiasi atas bantuannya baik berupa saran, kritik, nasehat maupun dalam
dukungan material kepada penulis. Oleh karena itu, penulis ingin menyampaikan
rasa terima kasih kepada:
Keluarga Besar penulis yang memberikan dukungan dalam memotivasi penulis
untuk menyelesaikan laporan tugas akhir.
Bapak Prof. Dr. Budi Jatmiko, M.Pd selaku Rektor Universitas Dinamika
Surabaya.
Bapak Dr. Anjik Sukmaaji, S.Kom., M.Eng. selaku Kepala Program Studi
Sistem Informasi Universitas Dinamika Surabaya.
Ibu Tri Sagirani, S.Kom., M.MT., selaku Dosen Pembimbing Pertama yang
telah membimbing, mengayomi, dan memberikan arahan kepada penulis untuk
laporan tugas akhir ini terselesaikan.
Ibu Vivine Nurcahyawati, M.Kom., OCP. selaku Dosen Pembimbing Kedua
yang telah membimbing, mengayomi, dan memberikan arahan kepada penulis
untuk laporan tugas akhir ini terselesaikan.
Bapak Dr. Anjik Sukmaaji, S.Kom., M.Eng selaku Dosen Pembahas yang telah
menyempurnakan laporan tugas akhir ini.
Terima kasih kepada Novia Azura, Benny Wahyu, Vincentius Rama dan
Qowiyyu Adzkar selaku tim Maximom yang senantiasa mendukung
terselesaikannya laporan tugas akhir ini.
Serta semua pihak yang telah membantu penulis untuk menyelesaikan laporan
tugas akhir ini yang tidak dapat penulis sebutkan satu persatu.
ix
Penulis menyadari bahwa laporan tugas akhir ini jauh dari kesempurnaan
oleh sebab itu penulis ingin meminta maaf jika terdapat banyak kesalahan dalam
penulisan laporan. Penulis juga berharap akan masukan, kritik, dan saran dari para
pembaca untuk menyempurnakan laporan tugas akhir ini. Semoga isi laporan ini
dapat bermanfaat bagi penulis pada khususnya dan para pembaca pada umumnya.
Surabaya, 31 Agustus 2020
Penulis
x
DAFTAR ISI
Halaman
ABSTRAK ........................................................................................................... vii
KATA PENGANTAR ........................................................................................ viii
DAFTAR ISI .......................................................................................................... x
DAFTAR TABEL ............................................................................................... xii
DAFTAR GAMBAR .......................................................................................... xiv
DAFTAR LAMPIRAN .................................................................................... xxiv
BAB I PENDAHULUAN ...................................................................................... 1
1.1 Latar Belakang ....................................................................................... 1
1.2 Rumusan Masalah .................................................................................. 2
1.3 Batasan Masalah .................................................................................... 2
1.4 Tujuan .................................................................................................... 2
1.5 Manfaat .................................................................................................. 3
BAB II LANDASAN TEORI ............................................................................... 4
2.1 Start Up .................................................................................................. 4
2.2 Analisis .................................................................................................. 4
2.3 Perancangan ........................................................................................... 4
2.4 User Interface dan User Experience ..................................................... 5
2.5 Google Design Sprint ............................................................................ 5
2.6 Prototype ............................................................................................... 6
2.7 User Persona ......................................................................................... 6
2.8 Teknik A/B Testing ............................................................................... 8
BAB III METODOLOGI PENELITIAN ........................................................... 9
3.1 Studi Literatur ...................................................................................... 10
3.2 Mapping ............................................................................................... 11
3.3 Sketching .............................................................................................. 13
3.4 Deciding ............................................................................................... 16
3.5 Prototyping .......................................................................................... 16
3.6 Testing ................................................................................................. 17
3.7 Penyusunan Laporan Tugas Akhir ...................................................... 18
xi
BAB IV HASIL DAN PEMBAHASAN ............................................................ 19
4.1 Hasil Studi Literatur ............................................................................ 19
4.2 Hasil Mapping ..................................................................................... 19
4.2.1 Hasil Analyzing Dokumen Bisnis Maximom ............................ 19
4.2.2 Hasil Interviewing ...................................................................... 23
4.2.3 Hasil Mapping ........................................................................... 23
4.2.4 Hasil Analizing Map .................................................................. 25
4.3 Hasil Sketching .................................................................................... 29
4.4 Hasil Deciding ..................................................................................... 31
4.5 Hasil Prototyping ................................................................................. 31
4.5.1 Company Profile ........................................................................ 31
4.5.2 Dashboard Majikan ................................................................... 35
4.5.3 Dashboard PRT ......................................................................... 39
4.5.4 Dashboard Admin ..................................................................... 43
4.5.5 Checklist Hasil Prototyping ....................................................... 46
4.6 Hasil Testing ........................................................................................ 46
4.6.1 Majikan ...................................................................................... 46
4.6.2 PRT ............................................................................................ 47
4.6.3 Admin ......................................................................................... 47
BAB V PENUTUP ............................................................................................... 50
5.1 Kesimpulan .......................................................................................... 50
5.2 Saran ................................................................................................... 50
DAFTAR PUSTAKA .......................................................................................... 51
LAMPIRAN ......................................................................................................... 53
xii
DAFTAR TABEL
Halaman
Tabel 4.1 Tabel Pedoman User Persona .............................................................. 21
Tabel 4.2 Pedoman pertanyaan wawancara user persona .................................... 22
Tabel 4.3 Kebutuhan Fungsional Maximom ......................................................... 24
Tabel 4.4 Hasil HMW Opportunities .................................................................... 26
Tabel 4.5 Hasil Lighting Demos ........................................................................... 29
Tabel L2.1 Hasil Wawancara User Persona Majikan 1 ........................................ 68
Tabel L2.2 Hasil Wawancara User Persona Majikan 2 ........................................ 69
Tabel L2.3 Hasil Wawancara User Persona Majikan 3 ........................................ 70
Tabel L2.4 Hasil Wawancara User Persona Majikan 4 ........................................ 72
Tabel L2.5 Hasil Wawancara User Persona Majikan 5 ........................................ 73
Tabel L2.6 Hasil Wawancara User Persona PRT 1 ............................................. 75
Tabel L2.7 Hasil Wawancara User Persona PRT 2 ............................................. 76
Tabel L2.8 Hasil Wawancara User Persona PRT 3 ............................................. 77
Tabel L2.9 Hasil Wawancara User Persona PRT 4 ............................................. 78
Tabel L2.10 Hasil Wawancara User Persona PRT 5 ........................................... 80
Tabel L9.1 Checklist Hasil Prototype dengan Harapan User ............................. 218
Tabel L9.2 Checklist Hasil Prototype dengan Harapan User ............................. 220
Tabel L10.1 Hasil Testing Majikan 1 .................................................................. 222
Tabel L10.2 Hasil Testing Majikan 2 .................................................................. 222
Tabel L10.3 Hasil Testing Majikan 3 .................................................................. 223
Tabel L10.4 Hasil Testing Majikan 4 .................................................................. 224
Tabel L10.5 Hasil Testing Majikan 5 .................................................................. 224
Tabel L10.6 Hasil Testing PRT 1 ........................................................................ 225
Tabel L10.7 Hasil Testing PRT 2 ........................................................................ 226
Tabel L10.8 Hasil Testing PRT 3 ........................................................................ 226
Tabel L10.9 Hasil Testing PRT 4 ........................................................................ 227
Tabel L10.10 Hasil Testing PRT 5 ...................................................................... 227
Tabel L10.11 Hasil Testing Admin 1 .................................................................. 228
Tabel L10.12 Hasil Testing Admin 2 .................................................................. 228
Tabel L10.13 Hasil Testing Admin 3 .................................................................. 229
xiii
Tabel L10.14 Hasil Testing Admin 4 .................................................................. 229
Tabel L10.15 Hasil Testing Admin 5 .................................................................. 230
xiv
DAFTAR GAMBAR
Halaman
Gambar 3.1 Metodologi Penelitian ......................................................................... 9
Gambar 3.2 Lanjutan Metodologi Penelitian ........................................................ 10
Gambar 3.3 IPO Studi Literatur ............................................................................ 10
Gambar 3.4 IPO Map ............................................................................................ 11
Gambar 3.5 Eksekusi Mapping ............................................................................. 12
Gambar 3.6 Eksekusi How Might We Notes dan Opportunities ........................... 13
Gambar 3.7 IPO Sketching ................................................................................... 14
Gambar 3.8 Eksekusi Lighting Demos .................................................................. 14
Gambar 3.9 Eksekusi Notes .................................................................................. 15
Gambar 3.10 Eksekusi Crazy 8s ........................................................................... 15
Gambar 3.11 IPO Deciding................................................................................... 16
Gambar 3.12 IPO Prototyping .............................................................................. 17
Gambar 3.13 IPO Testing ..................................................................................... 17
Gambar 3.14 IPO Penyusunan Laporan Tugas Akhir ........................................... 18
Gambar 4.1 Quick List Majikan ............................................................................ 20
Gambar 4.2 Quick List PRT .................................................................................. 21
Gambar 4.3 Alur kerja Maximom dari sisi Majikan. ............................................ 23
Gambar 4.4 Alur kerja Maximom dari sisi PRT ................................................... 24
Gambar 4.5 Hasil Mapping ................................................................................... 25
Gambar 4.6 Hasil How Might We Notes ............................................................... 26
Gambar 4.7 Prototype Company Profile A-1 ....................................................... 32
Gambar 4.8 Prototype Company Profile A-2 ....................................................... 33
Gambar 4.9 Prototype Company Profile B-1 ........................................................ 34
Gambar 4.10 Prototype Company Profile B-2 ...................................................... 35
Gambar 4.11 Halaman Pencarian PRT A-6 .......................................................... 36
Gambar 4.12 Halaman Pencarian PRT B-6 .......................................................... 37
Gambar 4.13 Halaman Pencarian PRT A-7 .......................................................... 37
Gambar 4.14 Halaman Pencarian PRT B-7 .......................................................... 38
Gambar 4.15 Halaman Pencarian PRT A-8 .......................................................... 38
Gambar 4.16 Halaman Pencarian PRT B-8 .......................................................... 39
xv
Gambar 4.17 Halaman Pencarian Pelatihan A-1................................................... 40
Gambar 4.18 Halaman Pencarian Pelatihan B-1 ................................................... 40
Gambar 4.19 Halaman Pencarian Pelatihan A-2................................................... 41
Gambar 4.20 Halaman Pencarian Pelatihan B-2 ................................................... 41
Gambar 4.21 Halaman Pencarian Pelatihan A-3................................................... 42
Gambar 4.22 Halaman Pencarian Pelatihan B-3 ................................................... 42
Gambar 4.23 Halaman Pencarian Pelatihan A-4................................................... 43
Gambar 4.24 Halaman Pencarian Pelatihan B-4 ................................................... 43
Gambar 4.25 Halaman Ringkasan Admin A-1 ..................................................... 44
Gambar 4.26 Halaman Ringkasan Admin B-1 ..................................................... 45
Gambar 4.27 Halaman Ringkasan Admin A-2 ..................................................... 45
Gambar 4.28 Halaman Ringkasan Admin B-2 ..................................................... 46
Gambar L1.1 Tahap Google Design Sprint........................................................... 53
Gambar L1.2 Contoh Stakeholder Map ................................................................ 55
Gambar L1.3 Tahapan Design Sprint ................................................................... 58
Gambar L1.4 Tahapan Four Step Sketch .............................................................. 60
Gambar L1.5 Eksekusi Art Museum ..................................................................... 62
Gambar L1.6 Eksekusi Heat Map ......................................................................... 62
Gambar L1.7 Eksekusi Speed Critique ................................................................. 63
Gambar L1.8 Eksekusi Straw Poll ........................................................................ 63
Gambar L1.9 Eksekusi Supervote ......................................................................... 64
Gambar L2.1 User Persona Majikan Pertama ...................................................... 82
Gambar L2.2 Lanjutan User Persona Majikan Pertama ....................................... 82
Gambar L2.3 User Persona Majikan Kedua......................................................... 83
Gambar L2.4 Lanjutan User Persona Majikan Kedua ......................................... 83
Gambar L2.5 User Persona Majikan Ketiga ........................................................ 84
Gambar L2.6 Lanjutan User Persona Majikan Ketiga ......................................... 85
Gambar L2.7 User Persona PRT Pertama ............................................................ 85
Gambar L2.8 Lanjutan User Persona PRT Pertama ............................................. 86
Gambar L2.9 User Persona PRT Kedua............................................................... 86
Gambar L2.10 Lanjutan User Persona PRT Kedua ............................................. 87
Gambar L3.1 Hasil Notes 1 ................................................................................... 88
xvi
Gambar L3.2 Hasil Notes 2 ................................................................................... 89
Gambar L3.3 Hasil Notes 3 ................................................................................... 90
Gambar L3.4 Hasil Notes 4 ................................................................................... 90
Gambar L3.5 Hasil Notes 5 ................................................................................... 91
Gambar L3.6 Hasil Ideas 1 ................................................................................... 92
Gambar L3.7 Hasil Ideas 2 ................................................................................... 93
Gambar L3.8 Hasil Ideas 3 ................................................................................... 94
Gambar L3.9 Hasil Ideas 4 ................................................................................... 95
Gambar L3.10 Hasil Crazy 8s 1 ............................................................................ 96
Gambar L3.11 Hasil Crazy 8s 2 ............................................................................ 97
Gambar L3.12 Hasil Crazy 8s 3 ............................................................................ 98
Gambar L3.13 Hasil Crazy 8s 4 ............................................................................ 99
Gambar L3.14 Hasil Solution Sketch 1-1 ............................................................ 100
Gambar L3.15 Hasil Solution Sketch 1-2 ............................................................ 101
Gambar L3.16 Hasil Solution Sketch 2-1 ............................................................ 102
Gambar L3.17 Hasil Solution Sketch 2-2 ............................................................ 103
Gambar L3.18 Hasil Solution Sketch 2-3 ............................................................ 104
Gambar L3.19 Hasil Solution Sketch 3-1 ............................................................ 105
Gambar L3.20 Hasil Solution Sketch 3-2 ............................................................ 106
Gambar L3.21 Hasil Solution Sketch 3-3 ............................................................ 107
Gambar L3.22 Hasil Solution Sketch 4-1 ............................................................ 108
Gambar L3.23 Hasil Solution Sketch 4-2 ............................................................ 109
Gambar L3.24 Hasil Solution Sketch 4-3 ............................................................ 110
Gambar L4.1 Hasil Deciding 1-1 ........................................................................ 111
Gambar L4.2 Hasil Deciding 1-2 ........................................................................ 112
Gambar L4.3 Hasil Deciding 2-1 ........................................................................ 113
Gambar L4.4 Hasil Deciding 2-2 ........................................................................ 114
Gambar L4.5 Hasil Deciding 3 ........................................................................... 115
Gambar L5.1 Prototype Halaman Pendaftaran Majikan A-1.............................. 116
Gambar L5.2 Prototype Halaman Pendaftaran Majikan A-2.............................. 116
Gambar L5.3 Prototype Halaman Pendaftaran Majikan A-3.............................. 117
Gambar L5.4 Prototype Halaman Pendaftaran Majikan B-1 .............................. 117
xvii
Gambar L5.5 Prototype Halaman Pendaftaran Majikan B-2 .............................. 118
Gambar L5.6 Prototype Halaman Pendaftaran Majikan B-3 .............................. 118
Gambar L5.7 Prototype Halaman Pendaftaran PRT A-1 ................................... 119
Gambar L5.8 Prototype Halaman Pendaftaran PRT A-2 ................................... 119
Gambar L5.9 Prototype Halaman Pendaftaran PRT A-3 ................................... 120
Gambar L5.10 Prototype Halaman Pendaftaran PRT B-1 .................................. 120
Gambar L5.11 Prototype Halaman Pendaftaran PRT B-2 .................................. 121
Gambar L5.12 Prototype Halaman Pendaftaran PRT B-3………………………121
Gambar L6.1 Halaman Ringkasan Majikan A-1................................................. 122
Gambar L6.2 Halaman Ringkasan Majikan B-1 ................................................. 122
Gambar L6.3 Halaman Ringkasan Majikan A-2................................................. 123
Gambar L6.4 Halaman Ringkasan Majikan B-2 ................................................. 123
Gambar L6.5 Notifikasi pada Halaman Ringkasan Majikan A .......................... 124
Gambar L6.6 Notifikasi pada Halaman Ringkasan Majikan B........................... 124
Gambar L6.7 Halaman Profil Majikan A-1 ........................................................ 125
Gambar L6.8 Halaman Profil Majikan A-1 ........................................................ 125
Gambar L6.9 Halaman Profil Majikan A-2 ........................................................ 126
Gambar L6.10 Halaman Profil Majikan A-2 ...................................................... 126
Gambar L6.11 Halaman Jadwal Pekerjaan Harian Majikan A ........................... 127
Gambar L6.12 Halaman Jadwal Pekerjaan Harian Majikan B ........................... 127
Gambar L6.13 Konfirmasi Hapus Jadwal Pekerjaan Harian Majikan A ............ 128
Gambar L6.14 Konfirmasi Hapus Jadwal Pekerjaan Harian Majikan B ............ 128
Gambar L6.15 Informasi Hapus Halaman Jadwal Pekerjaan Harian Majikan A 129
Gambar L6.16 Informasi Hapus Halaman Jadwal Pekerjaan Harian Majikan B 129
Gambar L6.17 Halaman Jadwal Pekerjaan Mingguan Majikan A ..................... 130
Gambar L6.18 Halaman Jadwal Pekerjaan Mingguan Majikan B ...................... 130
Gambar L6.19 Halaman Jadwal Pekerjaan Bulanan Majikan A......................... 131
Gambar L6.20 Halaman Jadwal Pekerjaan Bulanan Majikan B ......................... 131
Gambar L6.21 Halaman Tambah Jadwal Pekerjaan A-1 .................................... 132
Gambar L6.22 Halaman Tambah Jadwal Pekerjaan B-1 .................................... 132
Gambar L6.23 Halaman Tambah Jadwal Pekerjaan A-2 .................................... 133
Gambar L6.24 Halaman Tambah Jadwal Pekerjaan B-2 .................................... 133
xviii
Gambar L6.25 Halaman Tambah Jadwal Pekerjaan A-3 .................................... 134
Gambar L6.26 Halaman Tambah Jadwal Pekerjaan B-3 .................................... 134
Gambar L6.27 Halaman Tambah Jadwal Pekerjaan A-4 .................................... 135
Gambar L6.28 Halaman Tambah Jadwal Pekerjaan B-4 .................................... 135
Gambar L6.29 Halaman Tambah Jadwal Pekerjaan A-5 .................................... 136
Gambar L6.30 Halaman Tambah Jadwal Pekerjaan B-5 .................................... 136
Gambar L6.31 Halaman Tambah Jadwal Pekerjaan A-6 .................................... 137
Gambar L6.32 Halaman Tambah Jadwal Pekerjaan B-6 .................................... 137
Gambar L6.33 Halaman Tambah Jadwal Pekerjaan A-7 .................................... 138
Gambar L6.34 Halaman Tambah Jadwal Pekerjaan B-75 .................................. 138
Gambar L6.35 Halaman Tambah Jadwal Pekerjaan A-8 .................................... 139
Gambar L6.36 Halaman Tambah Jadwal Pekerjaan B-8 .................................... 139
Gambar L6.37 Halaman Tambah Jadwal Pekerjaan A-9 .................................... 140
Gambar L6.38 Halaman Tambah Jadwal Pekerjaan B-9 .................................... 140
Gambar L6.39 Halaman Tambah Jadwal Pekerjaan A-10 .................................. 141
Gambar L6.40 Halaman Tambah Jadwal Pekerjaan B-10 .................................. 141
Gambar L6.41 Halaman Pencarian PRT A-1 ...................................................... 142
Gambar L6.42 Halaman Pencarian PRT B-1 ...................................................... 142
Gambar L6.43 Halaman Pencarian PRT A-2 ...................................................... 143
Gambar L6.44 Halaman Pencarian PRT B-2 ...................................................... 143
Gambar L6.45 Halaman Pencarian PRT A-3 ...................................................... 144
Gambar L6.46 Halaman Pencarian PRT B-3 ...................................................... 144
Gambar L6.47 Halaman Pencarian PRT A-4 ...................................................... 145
Gambar L6.48 Halaman Pencarian PRT B-4 ...................................................... 145
Gambar L6.49 Halaman Pencarian PRT A-5 ...................................................... 146
Gambar L6.50 Halaman Pencarian PRT B-5 ...................................................... 146
Gambar L6.51 Halaman PRT Dalam Proses A-1 ............................................... 147
Gambar L6.52 Halaman PRT Dalam Proses B-1................................................ 147
Gambar L6.53 Halaman PRT Dalam Proses A-2 ............................................... 148
Gambar L6.54 Halaman PRT Dalam Proses B-2................................................ 148
Gambar L6.55 Halaman PRT Saat Ini A ............................................................ 149
Gambar L6.56 Halaman PRT Saat Ini B ............................................................. 149
xix
Gambar L6.57 Halaman Kontrak Majikan A-1 .................................................. 150
Gambar L6.58 Halaman Kontrak Majikan B-1................................................... 150
Gambar L6.59 Halaman Kontrak Majikan A-2 .................................................. 151
Gambar L6.60 Halaman Kontrak Majikan B-2................................................... 151
Gambar L6.61 Halaman Kontrak Majikan A-3 .................................................. 152
Gambar L6.62 Halaman Kontrak Majikan B-3................................................... 152
Gambar L6.63 Halaman Kontrak Majikan A-4 .................................................. 153
Gambar L6.64 Halaman Kontrak Majikan B-4................................................... 153
Gambar L6.65 Halaman Kontrak Majikan A-5 .................................................. 154
Gambar L6.66 Halaman Kontrak Majikan B-5................................................... 154
Gambar L6.67 Halaman Laporan Majikan A-1 .................................................. 155
Gambar L6.68 Halaman Laporan Majikan B-1 .................................................. 155
Gambar L6.69 Halaman Laporan Majikan A-2 .................................................. 156
Gambar L6.70 Halaman Laporan Majikan B-2 .................................................. 156
Gambar L6.71 Halaman Pencarian Pelatihan A-1 .............................................. 157
Gambar L6.72 Halaman Pencarian Pelatihan B-1 .............................................. 157
Gambar L6.73 Halaman Pencarian Pelatihan A-2 .............................................. 158
Gambar L6.74 Halaman Pencarian Pelatihan B-2 .............................................. 158
Gambar L6.75 Halaman Pencarian Pelatihan A-3 .............................................. 159
Gambar L6.76 Halaman Pencarian Pelatihan B-3 .............................................. 159
Gambar L6.77 Halaman Pencarian Pelatihan A-4 .............................................. 160
Gambar L6.78 Halaman Pencarian Pelatihan B-4 .............................................. 160
Gambar L6.79 Halaman Pelatihan Saat Ini A-1.................................................. 161
Gambar L6.80 Halaman Pelatihan Saat Ini B-1 .................................................. 161
Gambar L6.81 Halaman Pelatihan Saat Ini A-2.................................................. 162
Gambar L6.82 Halaman Pelatihan Saat Ini B-2 .................................................. 162
Gambar L6.83 Halaman Pelatihan Saat Ini A-3.................................................. 163
Gambar L6.84 Halaman Pelatihan Saat Ini B-3 .................................................. 163
Gambar L6.85 Halaman Pelatihan Saat Ini A-4.................................................. 164
Gambar L6.86 Halaman Pelatihan Saat Ini B-5 .................................................. 164
Gambar L7.1 Halaman Ringkasan PRT A .......................................................... 165
Gambar L7.2 Halaman Ringkasan PRT B .......................................................... 166
xx
Gambar L7. 3 Halaman Profil PRT A-1 ............................................................. 166
Gambar L7. 4 Halaman Profil PRT B-2.............................................................. 167
Gambar L7.5 Halaman Profil PRT A-2 .............................................................. 167
Gambar L7.6 Halaman Profil PRT B-2 .............................................................. 168
Gambar L7.7 Halaman Jadwal Pekerjaan Harian PRT A ................................... 168
Gambar L7.8 Halaman Jadwal Pekerjaan Harian PRT B ................................... 169
Gambar L7.9 Halaman Jadwal Pekerjaan Mingguan PRT A ............................. 169
Gambar L7.10 Halaman Jadwal Pekerjaan Mingguan PRT B ............................ 170
Gambar L7.11 Halaman Jadwal Pekerjaan Bulanan PRT A............................... 170
Gambar L7.12 Halaman Jadwal Pekerjaan Bulanan PRT B ............................... 171
Gambar L7.13 Halaman Pelatihan Saat Ini A-1.................................................. 171
Gambar L7.14 Halaman Pelatihan Saat Ini B-1 .................................................. 172
Gambar L7.15 Halaman Pelatihan Saat Ini A-2` ................................................ 172
Gambar L7.16 Halaman Pelatihan Saat Ini B-25 ................................................ 173
Gambar L7.17 Halaman Pelatihan Saat Ini A-3.................................................. 173
Gambar L7.18 Halaman Pelatihan Saat Ini B-3 .................................................. 174
Gambar L7.19 Halaman Pelatihan Saat Ini A-4.................................................. 174
Gambar L7.20 Halaman Pelatihan Saat Ini B-4 .................................................. 175
Gambar L7.21 Halaman Tawaran Pekerjaan A-15 ............................................. 175
Gambar L7.22 Halaman Tawaran Pekerjaan B-1 ............................................... 176
Gambar L7.23 Halaman Tawaran Pekerjaan A-2 ............................................... 176
Gambar L7.24 Halaman Tawaran Pekerjaan B-2 ............................................... 177
Gambar L7.25 Halaman Tawaran Pekerjaan A-3 ............................................... 177
Gambar L7.26 Halaman Tawaran Pekerjaan B-3 ............................................... 178
Gambar L7.27 Halaman Tawaran Pekerjaan A-4 ............................................... 178
Gambar L7.28 Halaman Tawaran Pekerjaan B-4 ............................................... 179
Gambar L7.29 Halaman Tawaran Pekerjaan A-5 ............................................... 179
Gambar L7.30 Halaman Tawaran Pekerjaan B-5 ............................................... 180
Gambar L7.31 Halaman Kontrak PRT A-1 ........................................................ 180
Gambar L7.32 Halaman Kontrak PRT B-1......................................................... 181
Gambar L7.33 Halaman Kontrak PRT A-2 ........................................................ 181
Gambar L7.34 Halaman Kontrak PRT B-2......................................................... 182
xxi
Gambar L7.35 Halaman Kontrak PRT A-3 ........................................................ 182
Gambar L7.36 Halaman Kontrak PRT B-3......................................................... 183
Gambar L7.37 Halaman Kontrak PRT A-4 ........................................................ 183
Gambar L7.38 Halaman Kontrak PRT B-4......................................................... 184
Gambar L7.39 Halaman Kontrak PRT A-5 ........................................................ 184
Gambar L7.40 Halaman Kontrak PRT B-5......................................................... 185
Gambar L7.41 Halaman Kontrak PRT A-6 ........................................................ 185
Gambar L7.42 Halaman Kontrak PRT B-6......................................................... 186
Gambar L7.43 Halaman Laporan PRT A-1 ........................................................ 186
Gambar L7.44 Halaman Laporan PRT B-1 ........................................................ 187
Gambar L7.45 Halaman Laporan PRT A-2 ........................................................ 187
Gambar L7.46 Halaman Laporan PRT B-2 ........................................................ 188
Gambar L8.1 Halaman Profil Admin A .............................................................. 189
Gambar L8.2 Halaman Profil Admin B .............................................................. 189
Gambar L8.3 Menu Majikan A-1........................................................................ 190
Gambar L8.4 Menu Majikan B-1 ........................................................................ 190
Gambar L8.5 Halaman Majikan A-2 .................................................................. 191
Gambar L8.6 Menu Majikan B-2 ........................................................................ 191
Gambar L8.7 Halaman Majikan A-3 .................................................................. 192
Gambar L8.8 Menu Majikan B-3 ........................................................................ 192
Gambar L8.9 Halaman PRT A-1 ........................................................................ 193
Gambar L8.10 Halaman PRT B-1 ....................................................................... 193
Gambar L8.11 Halaman PRT A-2 ...................................................................... 194
Gambar L8.12 Halaman PRT B-2 ....................................................................... 194
Gambar L8.13 Halaman PRT A-3 ...................................................................... 195
Gambar L8.14 Halaman PRT B-3 ....................................................................... 195
Gambar L8.15 Halaman PRT A-4 ...................................................................... 196
Gambar L8.16 Halaman PRT B-4 ....................................................................... 196
Gambar L8.17 Halaman Daftar Pelatih A-1 ....................................................... 197
Gambar L8.18 Halaman Daftar Pelatih B-1 ........................................................ 197
Gambar L8.19 Halaman Daftar Pelatih A-2 ....................................................... 198
Gambar L8.20 Halaman Daftar Pelatih B-2 ........................................................ 198
xxii
Gambar L8.21 Halaman Daftar Pelatih A-3 ....................................................... 199
Gambar L8.22 Halaman Daftar Pelatih B-3 ........................................................ 199
Gambar L8.23 Halaman Daftar Pelatihan A-1 .................................................... 200
Gambar L8.24 Halaman Daftar Pelatihan B-1 .................................................... 200
Gambar L8.25 Halaman Daftar Pelatihan A-2 .................................................... 201
Gambar L8.26 Halaman Daftar Pelatihan B-2 .................................................... 201
Gambar L8.27 Halaman Daftar Pelatihan A-3 .................................................... 202
Gambar L8.28 Halaman Daftar Pelatihan B-3 .................................................... 202
Gambar L8.29 Halaman Jadwal Pelatihan A-1 ................................................... 203
Gambar L8.30 Halaman Jadwal Pelatihan B-1 ................................................... 203
Gambar L8.31 Halaman Jadwal Pelatihan A-2 ................................................... 204
Gambar L8.32 Halaman Jadwal Pelatihan B-2 ................................................... 204
Gambar L8.33 Halaman Jadwal Pelatihan A-3 ................................................... 205
Gambar L8.34 Halaman Jadwal Pelatihan B-3 ................................................... 205
Gambar L8.35 Halaman Jadwal Pelatihan A-4 ................................................... 206
Gambar L8.36 Halaman Jadwal Pelatihan B-4 ................................................... 206
Gambar L8.37 Halaman Jadwal Temu Harian A ................................................ 207
Gambar L8.38 Halaman Jadwal Temu Harian B ................................................ 207
Gambar L8.39 Halaman Jadwal Temu Mingguan A .......................................... 208
Gambar L8.40 Halaman Jadwal Temu Mingguan B .......................................... 208
Gambar L8.41 Halaman Jadwal Temu Bulanan A ............................................. 209
Gambar L8.42 Halaman Jadwal Temu Bulanan B.............................................. 209
Gambar L8.43 Halaman Kontrak A-1 ................................................................. 210
Gambar L8.44 Halaman Kontrak B-1 ................................................................. 210
Gambar L8.45 Halaman Kontrak A-2 ................................................................. 211
Gambar L8.46 Halaman Kontrak B-2 ................................................................. 211
Gambar L8.47 Halaman Kontrak A-3 ................................................................. 212
Gambar L8.48 Halaman Kontrak B-3 ................................................................. 212
Gambar L8.49 Halaman Kontrak A-4 ................................................................. 213
Gambar L8.50 Halaman Kontrak B-4 ................................................................. 213
Gambar L8.51 Menu Pelaporan A-1 ................................................................... 214
Gambar L8.52 Menu Pelaporan B-1 ................................................................... 214
xxiii
Gambar L8.53 Menu Pelaporan A-2 ................................................................... 215
Gambar L8.54 Menu Pelaporan B-2 ................................................................... 215
Gambar L8.55 Menu Keluhan A-1 ..................................................................... 216
Gambar L8.56 Menu Keluhan B-1...................................................................... 216
Gambar L8.57 Menu Keluhan A-2 ..................................................................... 217
Gambar L8.58 Menu Keluhan B-2...................................................................... 217
xxiv
DAFTAR LAMPIRAN
Halaman
Lampiran 1 Landasan Teori .................................................................................. 53
Lampiran 2 Hasil Interviewing.............................................................................. 68
Lampiran 3 Hasil Sketching .................................................................................. 88
Lampiran 4 Hasil Deciding ................................................................................. 111
Lampiran 5 Hasil Prototyping Halaman Pendaftaran ......................................... 116
Lampiran 6 Hasil Prototyping Dashboard Majikan ........................................... 122
Lampiran 7 Hasil Prototyping Dashboard PRT ................................................. 165
Lampiran 8 Hasil Prototyping Admin ................................................................. 189
Lampiran 9 Checklist Hasil Prototype ................................................................ 218
Lampiran 10 Hasil Testing .................................................................................. 222
Lampiran 11 Biodata Penulis .............................................................................. 231
1
1 BAB I
PENDAHULUAN
1.1 Latar Belakang
Mencari pekerja rumah tangga yang berkualitas dan dapat dipercaya untuk
mengurus rumah dan menjaga anak merupakan hal yang sulit untuk dicapai.
Maximom memanfaatkan sistem untuk menjadi jawaban dari permasalahan
tersebut. Admin, customer Maximom yaitu majikan dan pekerja rumah tangga,
perlu untuk dipersatukan dalam sistem. Adapun sistem yang dibentuk adalah
company profile dan dashboard untuk masing-masing aktor yang berperan.
Company profile dan dashboard dibuat untuk memperkenalkan dan menjaga nilai
yang diberikan ke pelanggan oleh Maximom.
Untuk menentukan target dari calon pengguna yang akan difokuskan,
penulis menggunakan tool user persona dengan menggunakan secondary data yaitu
business book Maximom. User persona akan menyesuaikan kebutuhan bisnis
Maximom sehingga tidak akan membatasi lingkup calon pengguna, namun semakin
memperdalam kebutuhan target harus dipenuhi.
Dalam memanfaatkan waktu dengan efektif, penulis memutuskan untuk
menggunakan tahapan Design Sprint yang dibuat oleh Google. Ferreira (2019) telah
membuktikan bahwa Design Sprint unggul dalam struktur (tahapan) dan
penghematan waktu. Metode ini juga sangat berpengaruh pada pengembangan start
up rintisan dalam peningkatan penjualan oleh Susanto (2019) dan terbukti hanya
perlu waktu kurang lebih 1 (satu) tahun untuk memastikan proses bisnis perusahaan
rintisan bisa berjalan dengan baik. Design Sprint merupakan metode yang sangat
fleksibel untuk diterapkan didalam organisasi. Adapun 5 tahapan menurut Jake
Knapp didalam Design Sprint yaitu mulai dari map, sketch, decide, prototype, dan
validate. Map adalah tahap untuk menganalisa, sedangkan tahap sketch hingga
prototype adalah tahap perancangan. Penggunaan tool user persona akan dilakukan
pada tahap Map sebagai proses analisa karakteristik user. Pada tahap validate
sendiri penulis menggunakan metode A/B Testing yang melibatkan calon pengguna
dari segi kenyamanan user interface dari sistem. Sehingga dengan adanya
permasalahan yang terjadi dan solusi yang penulis rancang, penulis dapat menyusun
2
laporan tugas akhir ini yang berjudul “Analisis UI UX Maximom Berbasis User
Persona dengan Menggunakan Pendekatan Google Design Sprint”.
Secara singkat, tugas akhir ini dirancang untuk mendukung design interface
yang berlandaskan pada metode dan tahapan penelitian yang efektif. Karena design
interface yang baik akan berpengaruh pada keefektifan sistem yang dibentuk.
1.2 Rumusan Masalah
Berdasarkan latar belakang yang ada, maka perumusan masalah yang terbentuk
adalah sebagai berikut.
Bagaimana cara menganalisis karakteristik dan kebutuhan pengguna aplikasi
Maximom dengan menerapkan User Persona pada tahap Mapping dalam
pendekatan Google Design Sprint?
Bagaimana cara merancang user interface aplikasi Maximom dengan
menggunakan pendekatan Google Design Sprint?
1.3 Batasan Masalah
Batasan masalah yang digunakan dalam penelitian ini adalah sebagai berikut.
Pengguna yang akan mengoperasikan adalah admin Maximom, majikan, dan
pekerja rumah tangga.
User interface yang dirancang meliputi company profile, dashboard admin
Maximom, dashboard majikan, dan dashboard pekerja rumah tangga.
Seluruh design sistem yang dibuat adalah berbasis website.
Penggunaan tool user persona ada pada tahapan Mapping.
Wawancara yang dilakukan bersifat kualitatif.
1.4 Tujuan
Berdasarkan rumusan masalah yang sudah tersusun, maka tujuan penelitian
ini adalah untuk:
Menganalisis karakteristik dan kebutuhan pengguna aplikasi Maximom dengan
menerapkan User Persona pada tahap Mapping dalam pendekatan Google
Design Sprint.
3
Merancang user interface aplikasi Maximom dengan menggunakan pendekatan
Google Design Sprint.
1.5 Manfaat
Manfaat yang dapat diperoleh dari penelitian ini dari segi admin Maximom:
Menjangkau pasar yang lebih luas karena nilai yang ditawarkan Maximom
sudah ada di dalam company profile.
Mempermudah admin Maximom dalam menemukan data baik data majikan
maupun PRT karena telah dicantumkan seluruhnya pada dashboard.
Selain itu, manfaat yang dapat dirasakan majikan adalah sebagai berikut.
Mudah mendapatkan informasi secara online yang dapat diakses dimanapun
dan kapanpun mengenai nilai yang ditawarkan Maximom yang ada dalam
company profile dan informasi lainnya pada dashboard.
Mempermudah majikan dalam memantau kinerja PRT melalui checklist
pekerjaan yang telah dilakukan PRT.
Memudahkan majikan dalam melaporkan kinerja PRT dan memberikan
masukan pada layanan Maximom karena dapat dilakukan secara online,
sehingga tidak perlu datang secara langsung/menghubungi Maximom melalui
pintu lain.
Selanjutnya, manfaat yang didapat oleh Pekerja Rumah Tangga (PRT):
Mempermudah PRT dalam mendaftarkan diri karena semua berkas based on
online sehingga tidak mengharuskan PRT datang secara fisik untuk melengkapi
data diri.
Mempermudah PRT dalam melihat maupun mengikuti jadwal pelatihan, to do
list sebagai paduan pekerjaan, dan informasi tawaran pekerjaan karena dapat
diakses secara online.
Memudahkan PRT dalam melaporkan perilaku majikan dan memberikan
masukan pada layanan Maximom karena dapat dilakukan secara online
sehingga tidak perlu datang secara fisik/menghubungi Maximom melalui pintu
lain.
4
2 BAB II
LANDASAN TEORI
2.1 Start Up
Menurut situs Startupcommons.org (2020), “A Startup is a team of
entrepreneurial talent developing new innovations, in identifiable and investable
form, in progress to validate and capture the value of the created innovation - with
ambition to grow fast with scalable business model for maximum impact.”. Maksud
dari pernyataan diatas adalah startup terdiri dari sebuah tim yang memiliki bakat
berwirausaha dengan tujuan mengembangkan inovasi baru, dengan bentuk yang
mudah diidentifikasi atau dijelaskan dan tentu dapat di investasikan dengan ambisi
untuk tumbuh cepat melalui model bisnis yang tepat dan memiliki dampak yang
maksimal.
2.2 Analisis
Menurut Kamus Besar Bahasa Indonesia (2020), Analisis adalah penguraian
suatu pokok atas berbagai bagiannya dan penelaahan bagian itu sendiri serta
hubungan antar bagian untuk memperoleh pengertian yang tepat dan pemahaman
arti keseluruhan. Analisis sendiri kerap kali dikaitkan dengan sebuah fakta atau
data, karena tanpa data analisis tidak dapat dilakukan. Menurut Sugiyono (2013)
analisis terbagi menjadi 2 jenis yaitu:
Analisis Kualitatif yang merupakan sebuah analisis yang mengutamakan data
yang berbentuk kata, kalimat, gerak tubuh, ekspresi wajah, bagan, gambar dan
foto.
Analisis Kuantitatif yang merupakan sebuah analisis yang mengutakan data
berwujud angka.
2.3 Perancangan
Jogiyanto (2005) mendefinisikan perancangan sebagai penggambaran,
perencanaan, dan pembuatan, sketsa atau pengaturan dari beberapa elemen yang
terpisah dari satu kesatuan yang utuh dan berfungsi.
5
Dalam bukunya Mcleod (2001) yang diterjemahkan oleh teguh mengatakan
“perancangan sistem dalah penentuan proses data yang diperlukan oleh sistem yang
baru. Jika sistem itu berbasis komputer, rancangan dapat menyakan spesifikasi
kebutuhan sistem baru.” Menurut mcleod dalam melakukan perancangan memiliki
tahapan sebagai berikut:
Menyiapkan rancangan sistem yang terperinci
Mengidentifikasi alternatif/ cara lain dalam konfigurasi sistem
Mengevaluasi alternatif/cara lain dalam konfigurasi sistem
Memilih konfigurasi terbaik
Menyiapkan saran dan usulan
Menyetujui dan menolak penerapan sistem
2.4 User Interface dan User Experience
User Interface dan User Experience merupakan 2 hal yang tidak bisa
dipisahkan apabila bicara mengenai pengembangan produk. Desain dari User
Interface maupun User Experience sangat menentukan apakah produk yang
dihasilkan dapat digunakan dengan mudah oleh pengguna atau tidak. Menurut ratna
(2019) melalui situs domainesia.com mengatakan bahwa User adalah sebuah ilmu
tentang tata letak grafis suatu web atau aplikasi. Yang dimana cakupannya meliputi
tombol yang akan diklik, teks, gambar, text entry fields dan semua item yang
berinteraksi dengan pengguna termasuk layout, animasi transisi dan sejenisnya.
Dikatakan bahwa User Interface berkaitan dengan semua elemen visual yang
berupa skema warna, bentuk dan ukuran komponen yang ada.
Sedangkan menurut Borrys Hasian (2017) User Experience memiliki banyak
definisi berdasarkan kebutuhannya salah satunya yaitu “craft user value dan
visualize userflows into beautiful, testable product, design” yang dapat diartikan
bahwa User Experience bertujuan untuk membuat produk yang teruji dan lebih
indah serta mudah dimengerti.
2.5 Google Design Sprint
Design Sprint adalah sebuah design framework yang membantu
memaksimalkan potensi kebutuhan target. Design Sprint dilakukan bersama
6
sekelompok tim yang memiliki satu tujuan untuk suatu produk atau jasa (Banfield,
Lombardo, & Wax, 2015). Penjelasan detil Google Design Sprint dapat dilihat pada
Lampiran 1 Landasan Teori.
2.6 Prototype
Prototype merupakan suatu versi dari sistem yang akan dikembangkan oleh
pengembang dan yang akan digunakan oleh user. Prototype mencakup bagaimana
sistem akan berfungsi secara keseluruhan. Prototype memiliki 2 jenis yaitu:
1. Prototype evolusioner, yaitu prototype yang secara terus menerus diperbaiki
untuk menjadi sempurna hingga memiliki fungsionalitas yang sesuai dengan
kebutuhan pengguna
2. Prototype persyaratan, yaitu prototype yang digunakan untuk mendefinisikan
pemrosesan yang dibutuhkan dari sistem yang baru.
Tools dalam membuat prototype dapat beragam seperti Sketch App, InVision,
Origami, Zeplin, dan Adobe XD. Dalam tugas akhir ini, penulis membuat prototype
dengan menggunakan Adobe XD atau juga dikenal dengan sebutan Adobe
Experience Design CC. Adobe XD merupakan perangkat lunak desain yang
berfokus pada desain user interface dan user experience. Adobe XD merupakan
aplikasi desktop untuk designer dalam merancang desain user interface, prototype
user flows dan interaksi, dan dapat juga untuk meng-export aset gambar untuk
pengembangan aplikasi dan situs web (Schwarz, 2017).
2.7 User Persona
Federal Ministry of Education and Research (2018) mengatakan bahwa User
Persona adalah tool atau alat pemasaran yang bermanfaat dan bertujuan untuk
membantu lebih memahami kelompok sasaran seseorang serta membantu dalam
pengambilan keputusan untuk membuat fitur produk, navigasi situs web dan bahkan
interaksi media sosial lebih ramah pengguna. Pada umumnya, untuk membuat user
persona adalah dengan riset yang luas, disertai dengan metode, ilmu etnografi,
maupun wawancara dengan para ahli. Namun proses tersebut akan menghabiskan
banyak waktu dan biaya. Sehingga, penggunaan data sekunder/data yang sudah ada
dapat menjadi pedoman untuk alternatif lain dalam membuat user persona.
7
Setiap persona harus mampu untuk merepresentasikan target dari setiap user secara
realistic. Tidak ada aturan yang mutlak dalam menentukan berapa jumlah ideal dari
persona. Berikut merupakan tahapan dalam membuat user persona:
Menentukan kelompok target
Langkah pertama adalah dengan menuliskan daftar dari inti kelompok target.
Daftar ini juga dapat berisi pengalaman atau ekspektasi. Contoh:
a. Target inti: Mahasiswa lulusan baru
b. Harapan pribadi: Mahasiswa lulusan baru yang ingin mencari pekerjaan
c. Harapan saat menggunakan website: Mahasiswa lulusan baru yang ingin
mencari pekerjaan yang sesuai dengan bidangnya
Mengumpulkan data
Setelah berhasil untuk menentukan target kelompok, hal selanjutnya yang harus
dilakukan adalah menggali informasi mengenai target kelompok. Dalam kata
lain yaitu memperluas informasi dari skup yang sudah ditentukan. Adapun data
yang perlu digali adalah dari segi:
a. Demografis seperti umur, jenis kelamin, lokasi tinggal.
Untuk mendapatkan informasi ini, dapat mencari dari statistik kunjungan
website dari perusahaan/organisasi. Selain itu, data juga bisa dari database
perusahaan/orgasnisai (jika memang ada).
b. Psikologis seperti tipe personaliti, nilai yang ditanam, kepercayaan yang
diterapkan, gaya hidup, kebiasaan, dan kelas sosial. Hal ini bisa didapatkan
dari survey yang sudah dilakukan oleh perusahaan/organisasi.
c. Kemampuan seperti tingkat pendidikan, pengalaman yang berhubungan
dengan nilai yang ditawarkan perusahaan/organisasi, professional
background, kemampuan bahasa, dan soft skills yang dimiliki.
d. Motivasi menggunakan produk atau jasa yang ditawarkan
perusahaan/organisasi.
e. Tujuan pribadi seperti tujuan personal, tujuan karir kedepannya, tujuan
short dan long term.
8
Membuat cerita dari persona
Setelah mengumpulkan data mulai dari demografis hingga tujuan pribadi,
selanjutnya adalah dengan membuat cerita pengenai karakter fiksi dari user
persona mulia dari nama, foto, motto/quote, tipe personality.
2.8 Teknik A/B Testing
Sebuah website dapat dikatakan berhasil dibuat dan berkualitas apabila sudah
melalui proses testing atau ujicoba baik oleh pakar maupun oleh user secara
langsung. Selain itu melalui Testing dapat dihasilkan sebuah analisis kelayakan dari
website. Menurut (Sukandar, 2019) melalui website wartaekonomi.co.id
menjelaskan bahwa A/B Testing merupakan sebuah metodologi/metode yang
digunakan untuk mencari perbandingan dari dua website atau dua tampilan aplikasi,
dalam kasusnya disini merupakan tampilan aplikasi berbasis website yang
tujuannya untuk menentukan manakah dari kedua aplikasi berbasis website tersebut
yang lebih unggul dari hasil perbandingan tadi.
9
3 BAB III
METODOLOGI PENELITIAN
Metodologi atau tahapan yang digunakan dalam penelitian adalah Google
Design Sprint yang dapat digambarkan alur metodologinya pada Gambar 3.1 dan
Gambar 3.2.
Gambar 3.1 Metodologi Penelitian
10
Gambar 3.2 Lanjutan Metodologi Penelitian
3.1 Studi Literatur
Tahap awal atau tahap sebelum melakukan tahapan Google Design Sprint ini
adalah tahapan studi literatur yang dapat dilihat pada Gambar 3.3.
Gambar 3.3 IPO Studi Literatur
Studi literatur dilakukan dengan tujuan untuk mengumpulkan data,
memperkuat kerangka berpikir, dan mendukung proses pengerjaan hingga
penyusunan laporan tugas akhir. Studi literatur dilakukan berdasarkan buku, jurnal,
11
dan laporan penelitian yang berhubungan dengan topik pembahasan mulai dari tata
cara pengambilan sample, tahapan Google Design Sprint hingga teknik yang
diterapkan. Adapun literatur utama yang penulis gunakan dalam implementasi
Google Design Sprint adalah dari buku "Sprint How to Solve Big Problems and Test
New Ideas in Just Five Days" oleh Jake Knapp. Sedangkan dalam penerapan User
Persona, penulis menggunakan literatur yang dikeluarkan oleh Federal Ministry of
Education and Research yang berjudul How to Create Personas with Secondary
Data. Selain itu, iteratur penting lainnya penulis gunakan untuk memperkuat
kerangka berpikir pada Bab II Landasan teori.
3.2 Mapping
Proses selanjutnya adalah Google Design Sprint yang didapat dari Metode
dan Teknik. Tahapan pertama pada Google Design Sprint adalah Mapping. Sesuai
dengan bagan metode penelitian diatas, input proses output yang terjadi pada tahap
pertama, Mapping, adalah pada Gambar 3.4.
Gambar 3.4 IPO Map
12
Dalam tahap ini, penulis terlebih dahulu membutuhkan dokumen bisnis
Maximom untuk mengetahui informasi perusahaan mulai dari visi, misi hingga
proses bisnis perusahaan. Tujuan dari poin ini adalah untuk mengetahui
permasalahan yang terjadi pada perusahaan dan solusi yang dapat
ditawarkan/dikembangkan yang sesuai dengan visi dan misi perusahaan. Setelah
memahami buku bisnis Maximom, penulis perlu mengetahui target atau
karakteristik user yang akan berperan dalam pengoperasian sistem. Oleh sebab itu
dengan menganalisa proses bisnis Maximom pada buku bisnis Maximom, output
yang dihasilkan adalah pedoman User Persona yaitu fokus karakteristik dari calon
user yang nantinya akan digunakan dalam proses interviewing. Berdasarkan
pedoman user persona yang telah dilandasi dengan proses bisnis Maximom
terutama kebutuhan fungsional, selanjutnya adalah melakukan interview kepada
calon pengguna yang memenuhi pedoman user persona.
Setelah User Persona terbentuk, maka dibuatlah map atau peta berdasarkan
User Persona tersebut dan Dokumen Bisnis Maximom. Peta ini yang akan
menggambarkan bagaimana alur cerita dari awal hingga tujuan (akhir) yang hendak
dicapai. Adapun aturan sederhana untuk menggambar peta telah dijelaskan pada
landasan teori sehingga penulis membuat kerangka dalam pengerjaannya seperti
pada Gambar 3.5.
Gambar 3.5 Eksekusi Mapping
Pada sisi kiri, seluruh aktor yang berperan terhadap proses akan disebutkan
(bisa 1 aktor atau lebih). Selanjutnya, akan dilanjutkan ke “proses” atau kegiatan
yang dilakukan sesuai dengan aktor. Setiap proses yang berkaitan dapat
dihubungkan dengan tanda panah sebagai tanda hubung. Setelah menuliskan
seluruh proses yang terjadi, terakhir adalah menuliskan tujuan akhir yang hendak
dicapai pada sebelah kanan.
13
Setelah map sudah terbentuk, hal selanjutnya yang dilakukan adalah
menuliskan How Might We Notes yang bertujuan untuk menganalisa apa saja
peluang masalah yang terjadi setelah melihat map yang dibentuk (lihat pada proses
nya). Langkah-langkah penulisan How Might We Notes dan Opportunities telah
dijelaskan pada landasan teori sehingga penulis membuat gambaran pengerjaannya.
Pada paduan yang diajukan di buku, disarankan untuk menggunakan sticky notes,
namun pada studi kasus penulis, penulis akan menuliskan HMW Notes dan
Opportunities dalam sebuah tabel seperti pada Gambar 3.6.
Gambar 3.6 Eksekusi How Might We Notes dan Opportunities
Pada setiap proses akan dianalisa masalah apa yang dapat terjadi. Setelah
menyebutkan masalah apa yang terjadi, selanjutnya adalah menuliskan peluang
solusi yang dapat dilakukan dari masalah tersebut. Dengan kata lain, HMW tidak
berfokus pada masalah, namun pada titik terang yang dapat dijalani.
3.3 Sketching
Tahap selanjutnya adalah sketching. Adapun tahapan sketching memiliki
input proses output yang dapat dilihat pada Gambar 3.7.
14
Gambar 3.7 IPO Sketching
Seperti yang dijelaskan dalam landasan teori, sebelum melakukan aktivitas
inti yaitu sketching, hal yang perlu diselesaikan terlebih dahulu adalah Lighting
Demos yang bertujuan untuk mencari inspirasi dari eksternal perusahaan. Secara
singkat, kerangka yang akan penulis lakukan adalah pada Gambar 3.8.
Gambar 3.8 Eksekusi Lighting Demos
Setelah selesai melakukan survei dan analisa pada Lighting Demos,
selanjutnya adalah melakukan Four Step Sketch dengan langkah sebagai berikut.
A. Notes
Dalam tahap ini, penulis akan mereview semua "bekal" yang ada mulai dari
goal, Map, HMW, hingga Lighting Demos. Secara inti, dari “bekal” tersebut,
penulis akan menuliskan alur solusi sistem yang dapat direalisasikan. Tahap notes
yang akan penulis lakukan adalah berdasarkan proses yang ada pada map dan
berdasarkan aktor yang melakukan. Setiap proses akan memiliki beberapa halaman
dan setiap halaman akan memiliki keterkaitannya sendiri dengan halaman lain.
Adapun kerangka yang akan dilakukan kurang lebih nya adalah pada Gambar 3.9.
15
Gambar 3.9 Eksekusi Notes
B. Ideas
Pada Ideas, penulis akan melakukan doodle sketch yang berisi tentang
komponen-komponen pecahan yang dapat digunakan. Contohnya adalah ide warna
dari halaman website, komponen diagram/tombol yang didapat dari Lighting
Demos, dan sebagainya. Tahap ini tidak terlalu detil dan ter-alur untuk pembuatan
komponen. Namun seluruh ide yang random dapat di doodle disini.
C. Crazy 8s
Selanjutnya adalah Crazy 8s yang dapat dilihat pada Gambar 3.10, yaitu
dengan mengambil kertas A4 dan membaginya menjadi 8 bagian/frame. Pada tahap
ini akan lebih ter-alur dari segi prosesnya karena tujuan adanya 8 frame itu adalah
untuk menghubungkan proses per proses yang ada. Adapun Crazy 8s yang akan
penulis buat adalah 2 per prosesnya karena nantinya pada tahap Test akan
menggunakan A/B Testing.
Gambar 3.10 Eksekusi Crazy 8s
D. Solution Sketch
Yang terakhir dari Four Step Sketch adalah Solution Sketch. Dari Crazy 8s
yang telah dibuat, penulis akan menggambarkan sketsa solusi dengan aturan yang
sudah dijelaskan dalam landasan teori. Adapun pada sketsa yang akan penulis buat,
16
penulis juga akan sertakan penjelasan singkat pada halaman/komponen untuk lebih
menjelaskan maksud dibuatnya halaman tersebut/diletakkannya komponen
tersebut. Dari tahap sketching, hasil akhir atau output yang dihasilkan adalah 2
(dua) Solution Sketch yang akan digunakan pada tahap Deciding.
3.4 Deciding
Tahap ketiga adalah Deciding. Adapun tahapan Deciding memiliki input
proses output yang digambarkan pada Gambar 3.11.
Gambar 3.11 IPO Deciding
Selanjutnya adalah tahap Deciding. Fokus pada tahap Decide ini adalah
membuat Storyboard berdasarkan Solution Sketch yang telah dibuat. Adapun
Storyboard ini dibuat dengan mengambil kertas berukuran besar (A3 atau A2) dan
membaginya menjadi 15 frame (5x3). Isi dari Storyboard akan dibuat seperti
sebuah komik, yaitu bukan hanya memuat halaman didalamnya namun juga awal
proses pengguna bsia menggunakan aplikasi tersebut. Storyboard yang dihasilkan
akan berjumlah 2. Dalam tahap Deciding ini, penulis juga akan menuliskan dan
mendeskripsikan detil dari setiap frame dalam storyboard.
3.5 Prototyping
Tahap selanjutnya adalah Prototyping. Adapun tahapan ini memiliki input
proses output yang dapat dilihat pada Gambar 3.12.
17
Gambar 3.12 IPO Prototyping
Tahap prototype merupakan tahapan untuk “menghidupkan” design dengan
cara menuangkan design tersebut melalui tools. Adapun tools yang penulis gunakan
adalah Adobe XD. Output Prototype yang akan dihasilkan berjumlah 2 (dua).
3.6 Testing
Tahap terakhir adalah Testing. Adapun tahapan ini memiliki input proses
output yang dapat dilihat pada Gambar 3.13.
Gambar 3.13 IPO Testing
Pada tahap ini, penulis melakukan testing dari 2 prototype akhir yang
terbentuk dan bertujuan untuk melakukan validasi. Penulis melakukan wawancara
terhadap lima orang per pengguna sesuai dengan penjelasan Jakob Nielsen, seorang
konsultan penggunaan web yang menuturkan bahwa angka 5 adalah angka yang
paling efektif dan efisien untuk sampel sebagai tolak ukur penggunaan web.
Adapun pada tahap testing, penulis menggunakan teknik A/B Testing dalam
memilih prototype yang paling sesuai dengan user. Sehingga secara garis besar
input 2 prototype tersebut akan menghasilkan output prototype yang paling sesuai
dari para calon pengguna
18
3.7 Penyusunan Laporan Tugas Akhir
Setelah melakukan seluruh proses, selanjutnya adalah mulai untuk menyusun
laporan tugas akhir berdasarkan seluruh kegiatan yang telah dilakukan seperti pada
Gambar 3.14.
Gambar 3.14 IPO Penyusunan Laporan Tugas Akhir
19
4 BAB IV
HASIL DAN PEMBAHASAN
4.1 Hasil Studi Literatur
Berdasarkan identifikasi permasalahan dan analisis kebutuhan pengguna
yang telah penulis lakukan, maka penyelesaian masalah dilakukan dengan
menggunakan pendekatan Google Design Sprint dengan analisis UI UX berbasis
user persona dan teknik pengujian AB Testing. Pada sub bab berikutnya akan
menjelaskan lebih menyeluruh tentang tahapan yang telah diselesaikan.
4.2 Hasil Mapping
Tahapan pertama dari Google Design Sprint adalah Mapping. Namun pada
tahapan Mapping, penulis membagi ke beberapa sub tahapan yaitu Analyzing
Dokumen Bisnis Maximom, Interviewing, Mapping, dan Analyzing Map. Output
akhir yang dihasilkan adalah Map.
4.2.1 Hasil Analyzing Dokumen Bisnis Maximom
Input yang digunakan dalam proses ini adalah dokumen bisnis Maximom.
Dokumen bisnis Maximom merupakan buku pedoman keseluruhan proses bisnis
yang dijalankan Maximom. Dari permasalahan yang ada, Maximom perlu untuk
menentukan karakteristik dari target pelanggan. Oleh sebab itu tool user persona
diperlukan dalam mendukung Sedangkan output yang akan dihasilkan adalah
berupa pedoman user persona. Dengan kata lain, dari dokumen bisnis Maximom
penulis melakukan analisis dan mengetahui kriteria target pelanggan yang akan
berperan dalam proses bisnis. Sehingga pedoman user persona yang disusun tidak
akan membatasi target pelanggan Maximom, namun akan semakin memperdalam
fokus dari sasaran. User persona dapat disusun dengan data sekunder atau data yang
sudah ada yaitu dokumen bisnis Maximom. Berikut merupakan tahap penyusunan
user persona:
20
A. Pre-defining target group
Tahap pertama yang dilakukan adalah dengan menentukan kelompok sasaran
dengan cara membuat quick-list dari target sasaran inti. Target ini hanya berisi
rough list atau daftar kasar berdasarkan harapan dari target yang berkaitan dengan
kebutuhan bisnis Maximom. Perlu diketahui bahwa pelanggan Maximom adalah
majikan dan ART. Sebab itu quick-list yang dihasilkan berjumlah 2 yaitu
berdasarkan majikan dan ART. Adapun dalam quick list terdiri dari siapa saja
kelompok yang menjadi target inti (sasaran Maximom), motivasi personal mereka,
dan motivasi menggunakan jasa Maximom. Hasil dari quick list majikan dapat
dilihat pada Gambar 4.1.
Gambar 4.1 Quick List Majikan
Target dari customer Maximom sebenarnya luas, namun quick list membantu
untuk memfokuskan target lebih lagi. Kelompok target ini terdiri dari 3 kelompok
yaitu Ibu-ibu rumah tangga, para single parents, dan wanita karir yang sibuk
bekerja. Setiap golongan memiliki motivasi yang berbeda-beda namun pada
dasarnya mereka setidaknya ingin belajar mengatur rumah dan mendidik putra-putri
mereka, serta ingin memiliki kinerja dan profesionalitas pekerja rumah tangga yang
berkualitas. Namun perlu disadari bahwa golongan masyarakat yang sibuk bekerja
cenderung tidak memiliki waktu untuk mengurus hal rumah dan anak sehingga
mereka memilih untuk memiliki PRT dalam menanganinya. Dari motivasi personal
tersebut, Maximom dapat membantu untuk mewujudkannya yaitu dengan
mengadakan pelatihan bagi mereka. Sedangkan untuk PRT yang berkualitas,
tentunya Maximom mampu untuk menyediakan. Hasil dari quick list PRT dapat
dilihat pada Gambar 4.2.
21
Gambar 4.2 Quick List PRT
Dari segi calon PRT yang dapat dijangkau oleh Maximom adalah mereka
yang belum/sedikit memiliki pengalaman namun ingin belajar mengurus rumah dan
keluarga dan mereka yang sudah berpengalaman menjadi PRT. Motivasi pribadi
tidak jauh-jauh yaitu yang ingin belajar, dibekali, dan dipekerjakan menjadi PRT
dibawah naungan Maximom. Adapun motivasi personal tersebut terjawab dengan
adanya pelatihan yang disediakan oleh Maximom dan jaminan hukum yang
disepakati.
B. Gathering Data and Going In-Depth
Berdasarkan data yang diperoleh dari sosialisasi yang pernah dilakukan
Maximom, berikut merupakan lingkup customer yang dihasilkan yang dapat
dijadikan sebagai pedoman user persona dapat dilihat pada Tabel 4.1.
Tabel 4.1 Tabel Pedoman User Persona Majikan
Demographic 1. Umur 20 tahun hingga lansia
2. Tinggal di Surabaya
3. Berjenis kelamin wanita
Psychographics, Skills, and Motivation 1. Ingin belajar hal baru seputar mengurus rumah
tangga yang benar
2. Sibuk/memiliki waktu yang terbatas namun
ingin rumah tetap terurus dengan baik.
3. Memiliki motivasi untuk menjunjung
pendidikan anak yang berkualitas, mendidik
anak sesuai dengan agama/kepercayaan yang
benar, dan menjadikan anak yang disiplin dan
taat.
4. Mengetahui apa itu Internet dan pernah
mengoperasikan aplikasi berbasis Web atau
Mobile.
22
PRT
Demographic 1. Umur 18-50 tahun
2. Tinggal di Surabaya
3. Berjenis kelamin wanita maupun pria
Psychographics, Skills, and Motivation 1. Ingin menekuni/atau sudah berpengalaman
dalam bidang mengurus rumah tangga, anak
maupun dalam lingkup keluarga.
2. Ingin bekerja menjadi PRT yang berkualitas
3. Mau belajar/sudah mengetahui apa itu Internet,
mau belajar/sudah bisa mengoperasikan aplikasi
berbasis Web.
4. Memiliki komitmen dalam bekerja,
professional, memiliki motivasi untuk
menjunjung pendidikan anak yang berkualitas,
dan konsisten dalam bekerja
Sebelum melakukan wawancara, penulis akan memberikan informasi
mengenai profil Maximom agar responden dibekali mengenai objek yang akan
dibahas secara terperinci. Berikut merupakan pedoman pertanyaan wawancara
kepada responden yang akan diajukan dalam membuat user persona dan
perancangan UI dapat dilihat pada Tabel 4.2.
Tabel 4.2 Pedoman pertanyaan wawancara user persona Pedoman wawancara user persona Majikan
1. Data diri seperti umur, pendidikan terakhir, keluarga, asal kota, bekerja/tidak, bahasa aktif dan
pasif, sifat kepribadian, latar belakang pengalaman pribadi.
2. Apa tujuan/motivasi anda dalam menggunakan jasa Maximom? (mencari PRT/mengikuti
pelatihan/keduanya)
a. Jika PRT, Apakah anda pernah
memiliki PRT sebelumnya?
Ceritakanlah pengalaman anda.
b. Jika pelatihan, Apakah anda pernah
mengikuti pelatihan dalam mengurus rumah
tangga? Ceritakanlah pengalaman anda.
Apa tujuan jangka pendek dan
jangka panjang anda dalam
menggunakan PRT tersebut?
Apa tujuan jangka pendek dan jangka
panjang anda dalam mengikuti pelatihan
tersebut?
3. Dari 1 hingga 5, seberapa bisa kah anda mengoperasikan website, mobile, social media, e-
commerce?
Pedoman wawancara perancangan UI Majikan
1. Apa aplikasi web yang anda gunakan dan mudah dalam pengoperasiannya?
2. Apa kriteria aplikasi web yang menurut anda mudah dan nyaman untuk digunakan?
3. Apakah anda pernah menggunakan jasa PRT/memesan pelatihan secara online?
a. Jika Iya, apakah anda memiliki kendala
dalam pengoperasiannya?
Apa harapan dari kendala yang anda
hadapi?
b. Jika tidak, apa gambaran anda jika ada ada
website tersebut?
Apa harapan anda mengenai sistem tersebut?
4. Bagaimana tanggapan anda jika ada sebuah aplikasi yang mampu menyediakan informasi
mengenai jasa penyedia PRT?
5. Apakah harapan/saran untuk aplikasi tersebut?
Pedoman wawancara user persona PRT
1. Data diri seperti umur, pendidikan terakhir, keluarga, asal kota, bekerja/tidak, bahasa aktif dan
pasif, sifat kepribadian, latar belakang pengalaman pribadi.
2. Apa tujuan/motivasi anda dalam menggunakan jasa Maximom?
3. Apakah anda pernah mengikuti pelatihan dalam mengurus rumah tangga? Ceritakanlah
pengalaman anda.
4. Apakah anda pernah bekerja sebagai PRT sebelumnya? Ceritakanlah pengalaman anda
23
5. Apa tujuan jangka pendek dan jangka panjang anda dalam menggunakan Maximom?
6. Dari 1 hingga 5, seberapa bisa kah anda mengoperasikan website, mobile, social media, e-
commerce?
Pedoman wawancara perancangan UI PRT
1. Apa aplikasi web yang anda gunakan dan mudah dalam pengoperasiannya?
2. Apa kriteria aplikasi web yang menurut anda mudah dan nyaman untuk digunakan?
3. Apakah anda pernah menggunakan jasa PRT/memesan pelatihan secara online?
a. Jika Iya, apakah anda memiliki kendala
dalam pengoperasiannya?
Apa harapan dari kendala yang anda
hadapi?
b. Jika tidak, apa gambaran anda jika ada ada
website tersebut?
Apa harapan anda mengenai sistem tersebut?
4. Bagaimana tanggapan anda jika ada sebuah aplikasi yang mampu mencari dan mendapatkan
pekerjaan menjadi PRT?
5. Apakah harapan/saran untuk aplikasi tersebut?
4.2.2 Hasil Interviewing
Tahap selanjutnya adalah melakukan interview terhadap orang-orang yang
memenuhi kriteria tersebut. Dari tahap interviewing ini, output yang akan
didapatkan adalah User Persona dan gambaran perancangan UI. Hasil wawancara
dan hasil user persona dapat terlihat pada Lampiran 1 Hasil Interviewing.
4.2.3 Hasil Mapping
Proses Mapping yang dilakukan adalah membuat alur cerita perjalanan dari
user dengan menyesuaikan dengan business book Maximom. Alur kerja Maximom
dari sisi Majikan dapat dilihat pada Gambar 4.3.
Gambar 4.3 Alur kerja Maximom dari sisi Majikan.
24
Alur kerja Maximom dari sisi PRT dapat dilihat pada Gambar 4.4..
Gambar 4.4 Alur kerja Maximom dari sisi PRT
Setelah melihat alur kerja Majikan dan ART, diperlukan juga kebutuhan
fungsional dari segi (admin) Maximom. Kebutuhan fungsional ada pada Tabel 4.3.
Tabel 4.3 Kebutuhan Fungsional Maximom No. Functional Requirement Feature Request
1 Pengelolaan Hak Akses
Pengguna Aplikasi
1.1. Login Aplikasi
1.2. Registrasi Akun
2 Pengelolaan Data Master
2.1. Pengelolaan Data Master Admin
2.2. Pengelolaan Data Master Pekerja Rumah
Tangga
2.3. Pengelolaan Data Master Majikan
2.4. Pengelolaan Data Master Provinsi
2.5. Pengelolaan Data Master Kota
2.6. Pengelolaan Data Master Kecamatan
2.7. Pengelolaan Data Master Kelurahan
2.8. Pengelolaan Data Master Kantor
2.9. Pengelolaan Data Master Materi
2.10. Pengelolaan Data Master Keahlian
2.11. Pengelolaan Data Master Pelatihan
2.12. Pengelolaan Data Master Jenis Keluhan
2.13. Pengelolaan Data Master Trainer
3 Pengelolaan Data Transaksi
3.1. Pencatatan Data Transaksi Jadwal Pelatihan
3.2. Pencatatan Data Transaksi Jadwal Pertemuan
Pelatihan
3.3. Pencatatan Data Transaksi Jadwal Kontrak
3.4. Pencatatan Data Transaksi Kerjasama
3.5. Pencatatan Data Transaksi Jadwal Kerja
3.6. Pencatatan Data Transaksi Keluhan Majikan
3.7. Pencatatan Data Transaksi Permintaan PRT
3.8. Pencatatan Data Transaksi Keluhan PRT
3.9. Pencatatan Data Transaksi Pendaftaran
Pelatihan
3.10. Pencatatan Data Transaksi Log Harian PRT
25
No. Functional Requirement Feature Request
4 Pengelolaan Konfirmasi Status
Penerimaan Keluhan
4.1. Informasi Penerimaan Keluhan Majikan
4.2. Informasi Penerimaan Keluhan PRT
5 Pengelolaan Verifikasi Akun 5.1. Pengecekan Verifikasi Akun Majikan
5.2. Pengecekan Verifikasi Akun PRT
6
Pengelolaan Penentuan
Pemilihan Pekerja Rumah
Tangga 6.1. Penentuan Pemilihan Pekerja Rumah Tangga
7 Pengelolaan Penentuan
Kerjasama 7.1. Penerimaan Penawaran Kerja
Dari alur kerja Majikan, PRT, kebutuhan fungsional Maximom dan
berdasarkan hasil user persona beserta wawancara yang telah didapat, penulis dapat
menganalisa alur cerita. Sesuai dengan literatur, di tahap mapping ini penulis akan
menuliskan alur cerita secara singkat yang dapat dilihat pada Gambar 4.5.
Gambar 4.5 Hasil Mapping
4.2.4 Hasil Analizing Map
Setelah Map terbentuk, berikutnya adalah menganalisa dengan menggunakan How
Might We Notes yaitu dengan berfokus pada masalah yang dihadapi. Penulis
membuat “sticky notes” HMW Notes dengan cara menggambar circle callout
berwarna merah masing-masing per proses yang dapat dilihat pada Gambar 4.6..
26
Gambar 4.6 Hasil How Might We Notes
Setelah HMW Notes terbentuk, berikutnya penulis membuat HMW
Opportunities yang ada pada Tabel 4.4 dengan cara membuat tabel solusi dari setiap
HMW Notes. Setiap HMW Opportunities akan menghasilkan solusi berupa
halaman/fitur yang ditujukan/digunakan untuk pengguna yaitu
Majikan/PRT/Admin.
Tabel 4.4 Hasil HMW Opportunities No. HMW Notes HMW Opportunities Pengguna
1 - Cara mengenalkan
profil Maximom ke
Majikan?
- Cara mengenalkan
profil Maximom ke
PRT?
Company profile Maximom Majikan dan
PRT
2 - “How to get” Data
Diri Calon Majikan?
- Dari alur kerja
Majikan oleh
Maximom,
diperlukan verifikasi
melalui email dan
melengkapi profil
kembali?
- Halaman Pendaftaran (berisi form untuk
pengisian Nama Lengkap, Jenis Kelamin,
TTL, Alamat Lengkap, Email, Password,
No. HP, Pendapatan per Bulan, No. KK,
No. KTP, Nominal gaji per Bulan, dan
checkbox “menyetujui dan mampu untuk
menyediakan makanan dan tempat yang
layak untuk ART, dan melengkapi data
diri (scan KK, KTP, Slip Gaji) setelah
verifikasi email)
- Halaman Login (berisi form untuk
pengisian Email dan Password)
- Halaman Melengkapi Data Diri (berisi
upload KK, KTP, Slip Gaji)
Majikan
- Menu daftar Majikan (Menu ini untuk
mengumpulkan seluruh data majikan
yang telah mendaftar)
Admin
27
No. HMW Notes HMW Opportunities Pengguna
- “How to get” Data
Diri Calon PRT?
Dari alur kerja PRT
oleh Maximom,
diperlukan verifikasi
melalui email dan
melengkapi profil
kembali?
- Dari alur kerja PRT
oleh Maximom,
diperlukan verifikasi
melalui email dan
melengkapi profil
kembali?
- Halaman Pendaftaran (berisi form untuk
pengisian Nama Lengkap, Jenis Kelamin,
TTL, Alamat Asal, Alamat
Domisili,Status, Pengalaman Kerja,
Email, Password, No. HP, No. KK, No.
KTP, dan checkbox “menyetujui dan
mampu untuk menyediakan makanan dan
tempat yang layak untuk ART, dan
melengkapi data diri (scan KK, KTP,
Foto Diri terbaru max. 6 bulan terakhir)
setelah verifikasi email)
- Halaman Login (berisi form untuk
pengisian Email dan Password)
- Halaman Melengkapi Data Diri (berisi
upload KK, KTP, Foto Diri)
PRT
- Menu daftar PRT (Menu ini untuk
mengumpulkan seluruh data PRT yang
telah mendaftar)
Admin
3 - “How to provide”
Informasi tentang
daftar Pelatihan
- “How to provide”
rekomendasi
pelatihan yang
sesuai?
- Menu pengisian daftar pelatihan dan
informasi terkait lainnya (berisi informasi
daftar keahlian, pelatihan, materi, trainer,
daftar pelatihan, dan jenis keluhan)
Admin
- Menu daftar pelatihan dan informasi
terkait lainnya
- Fitur search dan diberikan rekomendasi
dari keyword yang diketik
- Pilihan untuk melihat informasi lebih
lanjut, dan memilih pelatihan tertentu
- Menu pelatihan (berisi tentang status
pelatihan yang sedang dijalani)
Majikan dan
PRT
4 “How to deliver” Data
PRT ke Majikan?
- Fitur penggantian status “calon PRT”
menjadi “PRT yang siap dipekerjakan”
dan otomatis data akan masuk ke Menu
daftar PRT yang siap dipekerjakan
- Menu daftar PRT yang siap dipekerjakan
(dan otomatis daftar PRT ini dapat dicari
di Menu daftar PRT milik Majikan)
Admin
5 - “How to provide”
Informasi tentang
daftar PRT?
- “How to provide”
rekomendasi PRT
yang sesuai?
- Menu daftar PRT
- Fitur search dan diberikan rekomendasi
dari keyword yang diketik, fitur filter
untuk pencarian lebih rinci, fitur sort by.
- Button pilihan untuk melihat informasi
PRT lebih detil, dan memilih PRT
- Menu PRT yang dipilih (berisi tentang
status penerimaan PRT)
Majikan
- Fitur perubahan status PRT secara
otomatis pada Menu PRT siap
dipekerjakan menjadi “menunggu
balasan tawaran pekerjaan”)
Admin
6 “How to provide”
Informasi tawaran
pekerjaan?
- Menu tawaran pekerjaan (berisi tentang
status tawaran kerja dari calon Majikan)
PRT
7 - “How to get”
informasi status
- Pada menu tawaran pekerjaan, diberikan
button untuk memilih informasi detil
mengenai profil calon Majikan
PRT
28
No. HMW Notes HMW Opportunities Pengguna
diterima/tidaknya
oleh PRT?
- “How to deliver” ke
Majikan mengenai
info tersebut?
- Button memilih “terima” atau “tidak” nya
tawaran. Jika tidak, akan diberikan
textbox untuk mengisi alasan menolak
- Pada Menu PRT yang dipilih, otomatis
status penerimaan PRT berubah menjadi
“diterima” atau “ditolak”
Majikan
- Fitur perubahan status PRT secara
otomatis pada Menu PRT siap
dipekerjakan menjadi “menunggu jadwal
temu calon Majikan”)
Admin
8 - “How to provide”
informasi jam yang
available?
- “How to get”
informasi jadwal
yang dipilih majikan?
- “How to deliver” ke
PRT mengenai info
tersebut?
- Pada Menu PRT yang dipilih, status
penerimaan PRT “diterima” akan
diberikan button untuk memilih jadwal
bertemu yang available. Pada status
penerimaan PRT “ditolak”, maka
akandiberikan informasi alasan ditolak.
Majikan
- Menu jadwal temu (berisi mengenai
jadwal yang dibuka Maximom dalam
masa 1 minggu untuk bisa dijadikan
jadwal temu antar calon majikan dan
PRT)
Admin
- Halaman Jadwal temu
- Fitur untuk memilih jadwal yang ada
Majikan
- Pada Menu jadwal temu, secara otomatis
akan ter-update jadwal yang dipilih oleh
Majikan
Admin
- Pada menu tawaran pekerjaan, diberikan
informasi jadwal temuyang telah dipilih
majikan
PRT
9 “How to provide” wadah
mengenai kontrak? - Menu Daftar kontrak (Menu berisi
dokumen-dokumen pendukung yang
telah ditetapkan Maximom dalam
menjalin kontrak)
Admin
- Menu Kontrak (bagi Majikan setelah
melakukan pertemuan) berisi dokumen-
dokumen pendukung yang telah
ditetapkan Maximom dalam menjalin
kontrak
- Fitur untuk tanda tangan pada drawing
box
Majikan
- Menu Kontrak (bagi PRT setelah
melakukan pertemuan) dokumen-
dokumen pendukung yang telah
ditetapkan Maximom dalam menjalin
kontrak
- Fitur untuk tanda tangan pada drawing
box
PRT
10 - “How to provide”
wadah untuk menulis
jadwal mingguan
PRT?
- “How to deliver”
jadwal mingguan ke
PRT?
- Menu jadwal harian PRT (berisi jadwal
yang akan dikerjakan PRT dalam
harian/mingguan/bulanan)
- Fitur mengisi jadwal
Majikan
- Halaman Jadwal harian/mingguan/
bulanan PRT yang diisi majikan
Admin
- Menu jadwal harian PRT (berisi jadwal
yang akan dikerjakan PRT yang diisi
Majikan dalam harian/mingguan/
bulanan)
PRT
29
No. HMW Notes HMW Opportunities Pengguna
11 - “How to provide”
wadah mengenai
pelaporan ART?
- “How to provide”
wadah mengenai
pelaporan majikan?
- “How to provide”
wadah mengenai
monitoring kinerja?
- Menu Pelaporan Mingguan (bagi
Majikan yang sedang menjalani kontrak)
- Berisi pertanyaan tentang kinerja PRT
(diisi dengan radiobutton) dan jika
diperlukan textbox untuk mengisi catatan
kinerja PRT
Majikan
- Menu checklist pekerjaan harian (bagi
PRT yang sedang menjalani kontrak)
- Berisi checkbox pekerjaan harian,
pertanyaan tentang perilaku majikan
(diisi dengan radiobutton) dan jika
diperlukan textbox untuk mengisi
perilaku majikan
PRT
- Menu pelaporan (berisi laporan kedua
pihak mengenai laporan kinerja dan
penilaian)
Admin
12 “How to provide” wadah
mengenai penyelesaian
kontrak?
- Pada Halaman kontrak, terdapat
keterangan otomatis bahwa masa kontrak
telah selesai/habis.
- Button perpanjangan kontrak (jika
majikan ingin memperpanjang masa
kontrak)
Majikan
- Pada Halaman kontrak, terdapat
keterangan otomatis bahwa masa kontrak
telah selesai/habis.
ART
- Status kontrak akan diberikan keterangan
“masa kontrak telah selesai”
Admin
4.3 Hasil Sketching
Tahap awal yang dilakukan adalah Lighting Demos untuk mencari inspirasi
dari perusahaan/website lain. Berikut merupakan hasil dari Lighting Demos yang
dapat dilihat pada Tabel 4.5 sebelum Four Step Sketch.
Tabel 4.5 Hasil Lighting Demos No Nama Perusahaan Segi Deskripsi
1 Gomaid-agency.com
Desain
- Informasi inti dari halaman utama company
profile: pencarian PRT, tentang perusahaan,
layanan, biaya/proses, tipe pekerjaan, berita,
FAQ, dan CP.
- Halaman slide yang responsif (gambar berganti-
ganti dengan otomatis).
- Disambut dengan pencarian PRT yang berisi
textbox dan dropdown)
- Informasi sangat lengkap, namun konten terlalu
banyak tulisan karena informasi yang diletakkan
pada 1 halaman lumayan banyak
Strategi - Menyertakan visi misi, alasan mengapa harus
memilih, tawaran service, customer feedback,
serta investor yang menaungi sehingga membuat
pembaca lebih mengerti
- Halaman ada fitur translation-nya (Inggris atau
Indonesia)
2 Pembantu.com Desain - Informasi inti dari halaman utama company
profile: pencarian tenaga kerja, dan daftar
pekerja.
30
No Nama Perusahaan Segi Deskripsi
- Disambut dengan pencarian PRT yang berisi
textbox dan dropdown)
- Terdapat tombol slide. Ketika di klik maka
konten akan menyesuaikan.
- Simple, mudah dimengerti.
- Seluruh informasi mengenai PRT sangat terbuka
dan disertakan wajah dan profil biodata, namun
pengemasannya bagus. Jika ingin melihat detil,
ada tombol “selengkapnya”.
Strategi - Ada tips pada halaman utama (artikel yang
secara tidak langsung mendukung pemasaran).
Selain itu ada juga artikel serupa lainnya yang
mendukung
- Ada slogan “Portal Pembantu Terbesar dan No.
1 di Indonesia” sebagai claim
- Halaman ada fitur translation-nya (Inggris atau
Indonesia)
3 Go clean (pada
Gojek.com)
Desain - Informasi inti dari halaman utama company
profile: Mengapa memilih go clean,
kenyamanan yang ditawarkan, cara memesan,
jenis service, dan cara menjadi pekerja go clean.
- Terdapat slide interaktif untuk mengetahui
Langkah-langkah memesan go clean
Strategi - Disambut dengan kata-kata ajakan “stick to your
routine & let us clean” yang seakan-akan
mengajak pembaca untuk tidak ragu dalam
memesan
4 Tukangbersih.com Desain - Informasi inti dari halaman utama company
profile: penjelasan service, cara memesan,
ajakan mengunduh aplikasi di mobile,
keunggulan, review,
- Terdapat slide interaktif
- Tidak terlalu banyak tulisan namun mudah
dimengerti. Pengemasannya bagus.
Strategi - Terdapat tulisan “promo” pada halaman utama
sebagai bentuk penawaran
- Theme halaman berwarna biru cenderung
nyaman dilihat
5 OKHOME Desain - Informasi inti dari halaman utama company
profile: penjelasan singkat profil perusahaan,
alasan memilih perusahaan, review, cara
memesan,
- Hampir sama seperti Tukangbersih.com pada
halaman awalnya
- Terdapat halaman testimoni dengan background
yang cerah dan ber-pattern sehingga terkesan
catchy
Strategi - Di akhir halaman terdapat simulasi tipe service
yang bisa digunakan setelah mengisi tipe rumah,
ukuran dan jumlah kamar
Penyusunan Lighting Demos dilanjutkan dengan melakukan 4 tahapan Four
Step Sketch yaitu Notes, Ideas, Crazy 8s, dan Solution Sketch dapat terlihat pada
Lampiran 3 Hasil Sketching.
31
4.4 Hasil Deciding
Tahap Deciding dilakukan setelah tahap Sketching selesai. Pada tahap ini,
Storyboard akan dihasilkan berdasarkan input dari Solution Sketch per pengguna.
Storyboard menggambarkan bagaimana alur pengguna dalam menggunakan
tampilan berdasarkan kebutuhan dapat terlihat pada Lampiran 4 Hasil Deciding
4.5 Hasil Prototyping
Tahap Prototyping dilakukan setelah menyelesaikan tahap Deciding. Setelah
mengetahui alur cerita dari masing-masing user, maka tahapan Prototyping dapat
dilakukan dengan cara membuat seluruh tampilan berupa prototype dengan
menggunakan Adobe XD. Setelah semua prototype dipaparkan, maka pada akhir
tahap akan nada checklist sebagai acuan bukti bahwa UI dibuat berdasarkan dari
tahap wawancara dari masing-masing pengguna.
4.5.1 Company Profile
Prototype pertama adalah Company Profile dengan masing-masing
perbedaannya.
Prototype Company Profile A
Prototype A pada Gambar 4.7 dan Gambar 4.8 lebih menggunakan tema warna
biru yang disesuaikan dengan profil warna Maximom (#003369). Selain itu
untuk segi tombol nya akan menggunakan perpaduan 2 warna (gradasi).
32
Gambar 4.7 Prototype Company Profile A-1
33
Gambar 4.8 Prototype Company Profile A-2
Prototype Company Profile B
Prototype B pada Gambar 4.9 dan Gambar 4.10 lebih menggunakan tema
warna kuning yang disesuaikan dengan profil warna Maximom (#EE9621).
Selain itu untuk segi tombol nya akan menggunakan warna tunggal.
34
Gambar 4.9 Prototype Company Profile B-1
35
Gambar 4.10 Prototype Company Profile B-2
Hasil prototyping Pendaftaran Majikan dan PRT dapat dilihat pada Lampiran
5 Halaman Pendaftaran.
4.5.2 Dashboard Majikan
Dashboard Majikan memiliki menu dari Ringkasan hingga Pelatihan di
samping kiri (side menu) yang akan dijelaskan pada poin berikutnya secara runtut.
Prototype A dan B dibedakan dari segi pewarnaan layout yang disesuaikan dengan
warna profil Maximom, serta perbedaan warna pada tombol. Prototype A dominan
menggunakan warna biru (#003369) sedangkan Prototype B dominan warna kuning
36
(#EE9621). Tombol pada prototype A menggunakan warna gradasi (2 warna)
sedangkan tombol pada prototype B menggunakan warna tunggal. Menu yang
sedang dipilih memiliki perbedaan dari menu yang lainnya yaitu lebih menjorok ke
dalam. Selain itu, terdapat logo Maximom pada kiri atas, tombol notifikasi dan
profil pada kanan atas. Untuk prototyping fitur lainnya bisa dilihat pada Lampiran
6 Hasil Prototyping Dashboard Majikan.
A. PRT - Pencarian PRT
Menu PRT terbagi menjadi tiga yaitu Pencarian PRT, dalam proses, dan PRT
saat ini. Halaman pencarian PRT pada Gambar 4.11 dan Gambar 4.12 adalah untuk
mencari PRT. Terdapat filter yang memudahkan Majikan dalam melakukan
pencarian PRT. Untuk tampilan filter dapat dilihat pada lampiran 4 hasil
prototyping majikan. Setelah selesai filter, maka hasil seluruh PRT yang
dibutuhkan akan muncul dibawah kotak filter. Informasi PRT singkat akan
diberikan, namun Majikan akan tetap bisa melihat detil dari setiap PRT jika
memilih tombol baca selengkapnya.
Gambar 4.11 Halaman Pencarian PRT A-6
37
Gambar 4.12 Halaman Pencarian PRT B-6
Tampilan detil PRT pada Gambar 4.13 dan Gambar 4.14 akan memberikan
informasi mengenai deskripsi PRT beserta informasi lainnya.
Gambar 4.13 Halaman Pencarian PRT A-7
38
Gambar 4.14 Halaman Pencarian PRT B-7
Majikan dapat memilih tombol Pilih untuk memilih PRT, dan pop up
konfirmasi pemilihan PRT akan muncul. Tampilan dapat dilihat pada Gambar 4.15
dan Gambar 4.16.
Gambar 4.15 Halaman Pencarian PRT A-8
39
Gambar 4.16 Halaman Pencarian PRT B-8
4.5.3 Dashboard PRT
Dashboard PRT memiliki menu dari Ringkasan hingga Laporan di samping
kiri (side menu) yang akan dijelaskan pada poin berikutnya secara runtut. Prototype
A dan B dibedakan dari segi pewarnaan layout yang disesuaikan dengan warna
profil Maximom, serta perbedaan warna pada tombol. Prototype A dominan
menggunakan warna biru (#003369) sedangkan Prototype B dominan warna kuning
(#EE9621). Tombol pada prototype A menggunakan warna gradasi (2 warna)
sedangkan tombol pada prototype B menggunakan warna tunggal. Menu yang
sedang dipilih memiliki perbedaan dari menu yang lainnya yaitu lebih menjorok ke
dalam. Selain itu, terdapat logo Maximom pada kiri atas, tombol notifikasi dan
profil pada kanan atas. Untuk prototyping fitur lainnya bisa dilihat pada Lampiran
7 Hasil Prototyping Dashboard PRT.
A. Pelatihan - Pencarian Pelatihan
Menu Pelatihan terbagi menjadi 3 yaitu Pencarian, Pelatihan Saat ini, dan
Tawaran Kerja. Menu Pencarian pelatihan pada Gambar 4.17 dan Gambar 4.18
adalah untuk melakukan pencarian pelatihan yang ingin diikuti oleh PRT. Informasi
terkait berupa nama pelatihan dan aksi untuk melihat atau memilih. Selain itu
terdapat filter pencarian pelatihan berdasarkan nama.
40
Gambar 4.17 Halaman Pencarian Pelatihan A-1
Gambar 4.18 Halaman Pencarian Pelatihan B-1
Jika PRT ingin melihat pelatihan lebih detil, maka akan diarahkan ke halaman
lain. Halaman ini akan memuat informasi mengenai pelatihan yang dipilih seperti
pada Gambar 4.19 dan Gambar 4.20.
41
Gambar 4.19 Halaman Pencarian Pelatihan A-2
Gambar 4.20 Halaman Pencarian Pelatihan B-2
Majikan dapat memilih pelatihan tersebut dan akan diarahkan ke halaman
pilih jadwal pelatihan yang tersedia. Halaman ada pada Gambar 4.20 dan Gambar
4.21.
42
Gambar 4.21 Halaman Pencarian Pelatihan A-3
Gambar 4.22 Halaman Pencarian Pelatihan B-3
Setelah memilih jadwal, maka pop up informasi berhasil memilih pelatihan
akan ditampilkan. Tampilan dapat dilihat pada Gambar 4.23 dan Gambar 4.24.
43
Gambar 4.23 Halaman Pencarian Pelatihan A-4
Gambar 4.24 Halaman Pencarian Pelatihan B-4
4.5.4 Dashboard Admin
Dashboard Admin memiliki menu dari Ringkasan hingga Keluhan di
samping kiri (side menu) yang akan dijelaskan pada poin berikutnya secara runtut.
Prototype A dan B dibedakan dari segi pewarnaan layout yang disesuaikan dengan
warna profil Maximom, serta perbedaan warna pada tombol. Prototype A dominan
menggunakan warna biru (#003369) sedangkan Prototype B dominan warna kuning
(#EE9621). Tombol pada prototype A menggunakan warna gradasi (2 warna)
44
sedangkan tombol pada prototype B menggunakan warna tunggal. Menu yang
sedang dipilih memiliki perbedaan dari menu yang lainnya yaitu lebih menjorok ke
dalam. Selain itu, terdapat logo Maximom pada kiri atas, tombol notifikasi dan
profil pada kanan atas. Untuk prototyping fitur lainnya bisa dilihat pada Lampiran
8 Hasil Prototyping Dashboard Admin.
A. Ringkasan
Halaman ringkasan pada Gambar 4.25 dan Gambar 4.26 merupakan halaman
yang memuat tentang overview per hari. Informasi yang tertera pada halaman ini
adalah Jadwal Temu dan update dari para pengguna. Selain itu juga ada statistik
sebagai gambaran grafik update pengguna. Pada statistik terdapat tanggal hari ini
dan bisa diubah sesuai dengan kebutuhan.
Gambar 4.25 Halaman Ringkasan Admin A-1
45
Gambar 4.26 Halaman Ringkasan Admin B-1
Gambar 4.27 dan Gambar 4.28 memuat informasi bahwa jika Admin memilih
icon dropdown pada kanan atas, maka terdapat pilihan untuk lihat/ubah profil atau
keluar. Jika keluar akan diarahkan ke Company Profile.
Gambar 4.27 Halaman Ringkasan Admin A-2
46
Gambar 4.28 Halaman Ringkasan Admin B-2
4.5.5 Checklist Hasil Prototyping
Untuk me-review atau me-refer kembali bagaimana prototype dibuat
berdasarkan tahap awal yang sudah dilakukan, penulis membuat Checklist Hasil
Prototyping yang akan dijelaskan berdasarkan kriteria yang telah diambil dari
kesimpulan wawancara awal. Untuk checklist hasil prototyping dapat terlihat pada
Lampiran 9 Checklist Hasil Prototyping.
4.6 Hasil Testing
Dengan selesainya tahapan prototyping, tahapan testing dapat dilakukan
dengan cara mewawancarai kembali narasumber dari masing-masing pengguna.
Adapun hasil dari wawancara tersebut dituangkan dalam bentuk tabel, dimana hasil
testing tersebut dapat dilihat pada Lampiran 10 Hasil Testing.
4.6.1 Majikan
Tabel wawancara pada 5 majikan dapat terlihat pada lampiran 5 Hasil Testing
Majikan. Kesimpulan yang dapat diambil adalah sebanyak 4 Majikan memilih
tampilan A berdasarkan alasan pribadi yang telah diutarakan. Adapun ada beberapa
kritik dan saran yang masuk yaitu dari Company Profile. Tampilan centang Terms
47
and condition sebelum mendaftar dan opacity dari lingkaran logo. Sedangkan dari
tampilan dashboard:
Ukuran tulisan bisa agak sedikit diperbesar dengan alasan faktor usia.
Filter yang bisa ditambahkan adalah status bekeluarga atau belum, pengalaman
kerja, dan range gaji.
Penilaian laporan tidak hanya Iya dan Tidak namun ditambahkan lebih luas
yaitu Sangat Baik, Baik, Cukup, Kurang, dan Sangat Kurang.
Ringkasannya bisa dibuat menjadi 1 halaman yang memuat keseluruhan
persentase pekerjaan PRT. Atau bisa 1 halaman denga nada filter, tidak di tab.
Tambah jadwal (tanggal dan jamnya) sebaiknya dijadikan satu untuk
menghindari jam atau tanggal tidak terisi
Selebihnya seluruh majikan setuju bahwa sudah sesuai dengan apa yang telah
diharapkan.
4.6.2 PRT
Tabel wawancara pada 5 PRT dapat terlihat pada lampiran 5 Hasil Testing
PRT. Kesimpulan yang dapat diambil adalah sebanyak 5 PRT memilih tampilan A
berdasarkan alasan pribadi untuk Company Profile. Sedangkan 4 PRT memilih
tampilan A untuk Dashboard. Dari company profile, seluruh PRT setuju bahwa
sudah sesuai dengan harapan. Sedangkan dari segi Dashboard, kritik dan sarannya
adalah untuk checklist atau jadwal pekerjaannya bisa dibuat hanya pekerjaannya
saja tanpa jam karena terkadang ada jam yang tidak terduga saat menangani anak
berkebutuhan khusus. Selebihnya seluruh majikan setuju bahwa sudah sesuai
dengan apa yang telah diharapkan.
4.6.3 Admin
Tabel wawancara pada 5 Admin dapat terlihat pada lampiran 5 Hasil Testing
Admin. Kesimpulan yang dapat diambil adalah sebanyak 2 Admin memilih
tampilan A dan 3 Admin memilih tampilan B untuk Company Profile dan
Dashboard. Adapun saran untuk company profile adalah font size bagian menu atas
bisa diperkecil. Sedangkan untuk dashboard adalah sebagai berikut.
Tulisan di tombol bisa dikurangi agar tidak terlalu banyak teks.
48
Untuk pewarnaan pada yang sudah terbaca mungkin bisa diubah menjadi warna
lain selain hijau.
Untuk pewarnaan pada setiap entitas di tabel bisa diberi keterangan maksud dari
setiap warna
Setiap tabel diberi keterangan berapa jumlah datanya.
Selain scroll, bisa juga diberi pagination.
Selebihnya sudah cukup dari segi informasi atau kontennya. Secara
keseluruhan, penulis dapat menyimpulkan hasil dari testing mulai dari Majikan,
PRT, hingga Admin bahwa:
Terdapat 4 Majikan memilih tampilan A untuk company profile dan dashboard
karena mayoritas mengatakan bahwa warna biru memiliki kesan yang nyaman,
berkelas, dan tidak mencolok.
Terdapat 5 PRT memilih tampilan A untuk company profile karena tampilan
dinilai lebih nyaman, tenang, dan lebih rileks untuk dilihat dalam waktu yang
lama.
Terdapat 4 PRT memilih tampilan A untuk dashboard dengan alasan yang
sama.
Terdapat 2 Admin memilih tampilan A untuk company profile dan dashboard
dengan alasan biru menciptakan suasana yang warm dan tenang.
Terdapat 3 Admin memilih tampilan B untuk company profile dan dashboard
dengan alasan karena kuning lebih terlihat cerah dan semangat, ceria, memiliki
kesan bahwa dengan adanya Maximom itu bisa menyejahterahkan
perekonomian mereka (PRT), lebih terlihat elegan dan meyakinkan sehingga
calon PRT atau majikan lebih yakin untuk bergabung dengan Maximom.
4.7 Pembahasan
Berdasarkan rumusan masalah yang ada, penerapan user persona dalam tahap
mapping untuk menganalisis karakteristik dan kebutuhan pengguna aplikasi
Maximom telah dilakukan dengan berbagai tahapan yang telah diselesaikan
pada bab 4. Implementasi tool user persona dalam tahapan mapping berhasil
mengidentifikasi calon pengguna Maximom. Selain itu, seluruh perancangan
user interface sepenuhnya dituntaskan dengan Google Design Sprint mulai dari
49
tahap mapping hingga testing. Tahapan Google Design Sprint terbukti dapat
mendukung perancangan UI dan menghasilkan output prototype dengan Teknik
A/B testing yang sesuai dengan kebutuhan pengguna dan kebutuhan bisnis
Maximom. Secara keseluruhan, tugas akhir ini menghasilkan rekomendasi
design interface yang berlandaskan pada metode dan tahapan penelitian yang
efektif.
50
5 BAB V
PENUTUP
5.1 Kesimpulan
Dengan terselesaikannya analisis UI UX Maximom berbasis user persona
menggunakan pendekatan Google Design Sprint, dapat disimpulkan bahwa:
User persona dalam tahap Mapping membuat lingkup pengguna menjadi lebih
fokus sehingga menghasilkan pedoman dalam pembuatan kerangka design yang
dari calon pengguna dan kebutuhan bisnis Maximom.
Tahap Sketching hingga Deciding menghasilkan gambaran yang dibuat secara
manual. Sedangkan tahap Prototyping menghasilkan desain prototype UI.
Dari hasil dari UI yang terbentuk, mayoritas dari pengguna memilih tampilan
A yang berdominan warna biru dengan alasan yang berbeda-beda pada hasil
testing. Selain itu, mayoritas dari pengguna telah menyetujui bahwa tampilan
sudah sesuai dengan keinginan yang disampaikan pada wawancara awal.
Secara keseluruhan, implementasi dari user persona dan Google Design Sprint
telah menghasilkan racangan UI yang sesuai dengan target pengguna dan
kebutuhan bisnis Maximom.
5.2 Saran
Hasil dari penelitian ini tentunya perlu untuk terus diperbaharui dan
dikembangkan. Adapun saran yang dapat dilakukan untuk mengembangkan
penelitian selanjutnya adalah sebagai berikut.
AB testing yang dilakukan adalah berdasarkan pewarnaan sehingga pada
penelitian selanjutnya dapat diteliti dari faktor lain seperti perubahan font,
layout, dan sebagainya.
Tampilan yang dibentuk adalah UI berbasis website, sehingga pada penelitian
selanjutnya dapat dirancang berbasis mobile yang disesuaikan dengan layar HP
mulai dari font size, layout, dan sebagainya.
Pada penelitian ini lingkup responden dapat diperbesar agar kritik dan saran
tampilan dapat lebih dikembangkan berdasarkan pandangan pengguna yang
lebih luas
51
6 DAFTAR PUSTAKA
Banfield, R., Lombardo, C. T., & Wax, T. (2015). Design Sprint: A Practical
Guidebook for Building Great Digital Products. United States: O'Reilly
Media.
Direkova, N. (2015). Design Sprint Methods. Retrieved from
https://www.garage2020.nl/wp-
content/uploads/2017/01/DesignSprintMethods.pdf
Federal Ministry of Education and Research. (2018). Personas: How to Create
Personas with Secondary Data.
Ferreira, V. G., & Canedo, E. D. (2019). Using Design Sprint as a Facilitator in
Active Learning for Students in the Requirements Engineering Course: An.
Sacramento Business Journal.
Hasian, B. (2017, Agustus 7). Apa UX Designer Itu. Retrieved from Medium:
https://belajarux.com/apa-ux-designer-itu-56da863f785d
Jogiyanto. (2005). Analisis dan Desain Sistem Informasi Pendekatan Terstruktur
Teori Dan Praktik Aplikasi Bisnis. Yogyakarta: Andi.
Kamus Besar Bahasa Indonesia (Online). (2020). Retrieved from
https://kbbi.web.id/analisis
Knapp, J. (2016). Sprint : How To Solve Big Problems and Test New Ideas in Just
Five Days. London, United Kingdom: Transworld Publishers Ltd.
Mcleod, J. R. (2001). Sistem Informasi Manajemen, edisi ke-7 terjemahan Teguh.
Jakarta: PT. Prehallindo.
52
Saphiro, J. (2017, Agustus). Bagaimana Melakukan A/B Testing Pada Website.
Retrieved from Techinasia: https://id.techinasia.com/melakukan-ab-testing-
pada-website
Schwarz, D. (2017). Jump Start Adobe XD. SitePoint.
Sugiyono. (2013). Metode Penelitian Kuantitatif, Kualitatif dan R&D. Bandung:
Alfabeta.
Sukandar, C. A. (2019, April Selasa). Apa itu A/B Testing. Retrieved from Warta
Ekonomi: https://www.wartaekonomi.co.id/read223022/apa-itu-ab-
testing.html
Susanto, E. H., & Hadiq. (2019). Pengembangan StartupGuna Meningkatkan
Penjualan Beras Organik di Kabupaten Banyuwangi Memanfaatkan Metode
Design Sprint. Jurnal Pemberdayaan Masyarakat.