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


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


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.6 Hasil Wawancara User Persona PRT 1 ............................................. 75




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.6 Hasil Testing PRT 1 ........................................................................ 225




Tabel L10.10 Hasil Testing PRT 5 ...................................................................... 227

Tabel L10.11 Hasil Testing Admin 1 .................................................................. 228



xiii



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





xv

Gambar 4.17 Halaman Pencarian Pelatihan A-1................................................... 40

Gambar 4.18 Halaman Pencarian Pelatihan B-1 ................................................... 40







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.6 Hasil Ideas 1 ................................................................................... 92




Gambar L3.10 Hasil Crazy 8s 1 ............................................................................ 96




Gambar L3.14 Hasil Solution Sketch 1-1 ............................................................ 100











Gambar L4.1 Hasil Deciding 1-1 ........................................................................ 111




Gambar L4.5 Hasil Deciding 3 ........................................................................... 115

Gambar L5.1 Prototype Halaman Pendaftaran Majikan A-1.............................. 116



Gambar L5.4 Prototype Halaman Pendaftaran Majikan B-1 .............................. 117

xvii



Gambar L5.7 Prototype Halaman Pendaftaran PRT A-1 ................................... 119



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.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



xviii










Gambar L6.34 Halaman Tambah Jadwal Pekerjaan B-75 .................................. 138





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.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.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.79 Halaman Pelatihan Saat Ini A-1.................................................. 161

Gambar L6.80 Halaman Pelatihan Saat Ini B-1 .................................................. 161







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.15 Halaman Pelatihan Saat Ini A-2` ................................................ 172

Gambar L7.16 Halaman Pelatihan Saat Ini B-25 ................................................ 173





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.31 Halaman Kontrak PRT A-1 ........................................................ 180

Gambar L7.32 Halaman Kontrak PRT B-1......................................................... 181



xxi









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.7 Halaman Majikan A-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.17 Halaman Daftar Pelatih A-1 ....................................................... 197

Gambar L8.18 Halaman Daftar Pelatih B-1 ........................................................ 197



xxii



Gambar L8.23 Halaman Daftar Pelatihan A-1 .................................................... 200

Gambar L8.24 Halaman Daftar Pelatihan B-1 .................................................... 200





Gambar L8.29 Halaman Jadwal Pelatihan A-1 ................................................... 203

Gambar L8.30 Halaman Jadwal Pelatihan B-1 ................................................... 203







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.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,


melalui email dan

melengkapi profil

kembali?

- Dari alur kerja PRT

oleh Maximom,


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


Informasi tentang

daftar PRT?


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


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


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


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



wadah mengenai

pelaporan ART?


wadah mengenai

pelaporan majikan?


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.


38


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.


39


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







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



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



Setelah memilih jadwal, maka pop up informasi berhasil memilih pelatihan

akan ditampilkan. Tampilan dapat dilihat pada Gambar 4.23 dan Gambar 4.24.

43



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



44





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.

analisis ui ux maximom berbasis user...

Documents