PERANCANGAN BUKU SELF-HELP INTERAKTIF TENTANG TOXIC ...

PERANCANGAN BUKU SELF-HELP INTERAKTIF

TENTANG TOXIC RELATIONSHIP UNTUK USIA

REMAJA 12-25 TAHUN

Laporan Tugas Akhir

Ditulis sebagai syarat untuk memperoleh gelar Sarjana Desain (S.Ds.)

Nama : Tamara Geralda

NIM : 00000019610

Program Studi : Desain Komunikasi Visual

Fakultas : Seni dan Desain

UNIVERSITAS MULTIMEDIA NUSANTARA

TANGERANG

2021

ii

LEMBAR PERNYATAAN TIDAK MELAKUKAN PLAGIAT

Saya yang bertanda tangan di bawah ini:


NIM : 00000019610



Universitas Multimedia Nusantara

Judul Tugas Akhir : PERANCANGAN BUKU SELF-HELP

INTERAKTIF TENTANG TOXIC

RELATIONSHIP UNTUK USIA REMAJA 12-25

TAHUN

PERANCANGAN BUKU SELF-HELP INTERAKTIF TENTANG TOXIC

RELATIONSHIP UNTUK USIA REMAJA 12-25 TAHUN

dengan ini menyatakan bahwa, laporan dan karya tugas akhir ini adalah asli dan

belum pernah diajukan untuk mendapatkan gelar sarjana, baik di Universitas

Multimedia Nusantara maupun di perguruan tinggi lainnya.

Karya tulis ini bukan saduran/terjemahan, murni gagasan, rumusan dan

pelaksanan penelitian/implementasi saya sendiri, tanpa bantuan pihak lain, kecuali

arahan pembimbing akademik dan narasumber.

Demikian surat Pernyataan Originalitas ini saya buat dengan sebenarnya,

apabila di kemudian hari terdapat penyimpangan serta ketidakbenaran dalam

pernyataan ini, maka saya bersedia menerima sanksi akademik berupa pencabutan

gelar (S.Ds.) yang telah diperoleh, serta sanksi lainnya sesuai dengan norma yang

berlaku di Universitas Multimedia Nusantara.

Tangerang, 1 Januari 2021

Tamara Geralda

iii

HALAMAN PENGESAHAN TUGAS AKHIR

PERANCANGAN BUKU SELF-HELP INTERAKTIF

TENTANG TOXIC RELATIONSHIP UNTUK USIA

REMAJA 12-25 TAHUN

Oleh


NIM : 00000019610




. Pembimbing

Lalitya Talitha Pinasthika, M.Ds.

Ketua Program Studi

Mohammad Rizaldi, S.T., M.Ds.

Penguji

Agatha Maisie Tjandra, S.Sn., M.Ds.

Ketua Sidang

Dr. Anne Nurfarina, M.Sn.

iv

KATA PENGANTAR

Puji syukur penulis panjatkan kepada Tuhan Yang Maha Esa sehingga

penulis dapat menyelesaikan tugas akhir yang berjudul “Perancangan Buku Self-

Help Interaktif tentang Toxic Relationship untuk Usia Remaja 12-25 Tahun”.

Tugas akhir ini disusun atas ketertarikan penulis dalam membahas bagaimana

setiap pasangan harus sadar dengan kondisi toxic relationship.

Topik ini dipilih karena penulis melihat fenomena mengenai toxic

relationship yang terjadi pada remaja tidak disadari karena terjebak dalam kata

‘cinta’. Topik ini dianggap penting karena dampak negatif yang ditimbulkan dari

hubungan yang tidak sehat adalah beberapa gangguan psikis seperti stres, merasa

terisolasi, rendah diri, dan fobia sosial. Target pembaca dari tugas akhir ini adalah

remaja perempuan usia awal dan akhir yang mempunyai pasangan.

Ucapan terima kasih kepada orang-orang yang membantu TA. Ucapan ini

ditulis pada akhir kata pengantar (Eliza, 2009). Urutan nama sebagai berikut:

1. Mohammad Rizaldi, S.T., M.Ds. selaku ketua program studi Desain

Komunikasi Visual Universitas Multimedia Nusantara.

2. Adhreza Brahma, M.Ds. selaku dosen koordinator tugas akhir.

3. Lalitya Talitha Pinasthika, M.Ds. selaku dosen pembimbing.

4. Fiona V. Damanik, M.Psi. selaku narasumber psikolog.

5. Teman-teman penulis yang tidak dapat disebutkan satu persatu selaku

pihak-pihak yang langsung terkait dengan proses penulisan tugas

akhir.

v

6. Orangtua penulis yang sudah mendukung selama proses perkuliahan

hingga perancangan tugas akhir.


Tamara Geralda

vi

ABSTRAKSI

Dalam perkembangan masa remaja, menjalani hubungan dengan orang lain

merupakan bentuk support bagi individu tersebut untuk menemukan jati dirinya.

Namun, dalam proses perkembangan tersebut beberapa remaja tidak menyadari

bahwa hubungan yang dijalani dapat berubah menjadi hubungan yang toxic. Pada

fase di mana remaja masih ada dalam tahapan emosi yang labil, beberapa remaja

masih kesulitan dalam mengambil suatu keputusan yang bijak dalam hubungan

dan memilih bersikap denial untuk mempertahankan hubungan yang toxic

sehingga berdampak pada kesehatan psikis dan fisiknya. Untuk itu diperlukannya

penyampaian informasi untuk membantu membangun kesadaran remaja

(pasangan) mengenai toxic relationship yang dikemas dalam bentuk buku self-

help interaktif. Perancangan buku self-help interaktif meliputi proses

pengumpulan data dengan metode gabungan (kuantitatif dan kualitatif),

melakukan proses pencarian ide lewat metode perancangan Human Centered

Design (HCD), merancang konsep dan desain visual buku, dan melakukan

implementasi karya serta melakukan user test untuk evaluasi akhir. Perancangan

buku self-help interaktif dapat membantu membangun kesadaran remaja terhadap

toxic relationship lewat interactive visual storytelling dan proses refleksi mandiri

yang terdapat pada konten buku.

Kata kunci : toxic relationship, remaja, interactive visual storytelling

vii

ABSTRACT

In the process of adolescent growth, having a relationship with other individuals

is a support for the teenager to find their identity. Although in that process not all

teenagers realize that the relationship can change into a toxic relationship. In a

phase where teenagers still have unstable emotion, many of them feel troubled to

pick a wise decision in a relationship and choose to be denial to maintain that

toxic relationship which lead to harm their psychic and physical health.

Therefore, there is still a need to inform the youth to help building awareness

about toxic relationship by self-help interactive book. This self-help interactive

book design involves the process of collecting data by mixed methods

(quantitative and qualitative), obtaining idea by design method using Human

Centered Design(HCD), designing concept and visual book design, implementing

the design and doing user test to final evaluate. This self-help interactive book

project is made to help building teenagers awareness about toxic relationship by

interactive visual storytelling and the process of self reflection through the

content of the book.

Keywords: toxic relationship, teenager, interactive visual storytelling

viii

DAFTAR ISI

LEMBAR PERNYATAAN TIDAK MELAKUKAN PLAGIAT .................... II

HALAMAN PENGESAHAN TUGAS AKHIR ............................................... III

KATA PENGANTAR ......................................................................................... IV

ABSTRAKSI ........................................................................................................ VI

ABSTRACT ........................................................................................................ VII

DAFTAR ISI ..................................................................................................... VIII

DAFTAR GAMBAR ........................................................................................... XI

DAFTAR TABEL ......................................................................................... XVIII

DAFTAR LAMPIRAN .................................................................................... XIX

BAB I PENDAHULUAN ...................................................................................... 1

1.1. Latar Belakang .......................................................................................... 1

1.2. Rumusan Masalah ..................................................................................... 3

1.3. Batasan Masalah........................................................................................ 3

1.4. Tujuan Tugas Akhir .................................................................................. 4

1.5. Manfaat Tugas Akhir ................................................................................ 4

1.5.1. Manfaat Bagi Penulis ..................................................................... 4

1.5.2. Manfaat Bagi Orang Lain............................................................... 5

1.5.3. Manfaat Bagi Universitas ............................................................... 5

BAB II TINJAUAN PUSTAKA ........................................................................... 6

ix

2.1. Teori Graphic Design Solutions ............................................................... 6

2.1.1. Elemen Desain ............................................................................... 6

2.1.2. Prinsip Desain ............................................................................. 18

2.2. Media Informasi ...................................................................................... 27

2.3. Buku ........................................................................................................ 28

2.3.1. Anatomi Buku .............................................................................. 29

2.3.2. Tipografi dalam Buku .................................................................. 31

2.3.3. Desain Cover Buku ...................................................................... 33

2.3.4. Page Layout ................................................................................. 35

2.3.5. Grid .............................................................................................. 38

2.3.6. Binding ......................................................................................... 39

2.4. Ilustrasi .................................................................................................... 46

2.4.1. Peran Ilustrasi ............................................................................... 46

2.4.2. Karakter ........................................................................................ 47

2.5. Interactive Media .................................................................................... 49

2.5.1. Interactive Storytelling ................................................................ 49

2.6. Buku Self-help ........................................................................................ 50

2.7. Toxic Relationship ................................................................................... 51

2.7.1. Ciri-ciri Toxic Relationship .......................................................... 52

2.7.2. Penyebab Toxic Relationship ....................................................... 54

2.7.3. Akibat Toxic Relationship ............................................................ 56

2.7.4. Cara Mencegah Toxic Relationship ............................................. 56

BAB III METODOLOGI .................................................................................. 60

x

3.1. Metodologi Pengumpulan Data ............................................................. 60

3.1.1. Wawancara ................................................................................... 60

3.1.2. Kuesioner ..................................................................................... 72

3.1.3. Studi Existing ............................................................................... 78

3.2. Metodologi Perancangan ....................................................................... 104

3.2.1. Inspiration ................................................................................. 104

3.2.2. Ideation ..................................................................................... 108

3.2.3. Implementation .......................................................................... 128

BAB IV ANALISIS .......................................................................................... 143

4.1. Analisis Alpha ....................................................................................... 143

4.1.1. Analisis Prototype Day .............................................................. 143

4.1.2. Analisis Desain Revisi Alpha ..................................................... 153

4.2. Analisis Beta ......................................................................................... 158

4.2.1. Analisis Desain Beta .................................................................. 159

4.2.2. Analisis Beta Test ....................................................................... 187

4.2.3. Analisis Revisi Beta ................................................................... 198

BAB V PENUTUP ............................................................................................ 201

5.1. Kesimpulan ........................................................................................... 201

5.2. Saran ...................................................................................................... 203

DAFTAR PUSTAKA ......................................................................................... XX

xi

DAFTAR GAMBAR

Gambar 2.1. Garis ................................................................................................... 7

Gambar 2.2. Bentuk Dasar ...................................................................................... 8

Gambar 2.3. Figure and Ground ............................................................................. 9

Gambar 2.4. Diagram: Sistem Warna Substraktif ..................................................... 11

Gambar 2.5.Warna Complementary, Analogous, Triadic ........................................... 12

Gambar 2.6.Warna Split-complementary, Tetradic, Square ....................................... 13

Gambar 2.7.Warna Monochromatic ......................................................................... 13

Gambar 2.8.Tekstur Asli ......................................................................................... 17

Gambar 2.9.Tekstur Visual ..................................................................................... 17

Gambar 2.10.Folding Styles .................................................................................... 18

Gambar 2.11. Susunan Simetri, Asimetri, dan Radial ............................................... 19

Gambar 2.12. Poster ‘Design Fall 2004 Cover: “T,” ................................................ 19

Gambar 2.13. Desain Kemasan: Superdrug Herbal Supplements ............................... 20

Gambar 2.14. Penekanan ........................................................................................ 21

Gambar 2.15. Contoh Poster Pengaplikasian Irama .................................................. 24

Gambar 2.16. Repetisi ............................................................................................ 25

Gambar 2.17.Unity & Variety ................................................................................. 26

Gambar 2.18 Hukum Perseptual Organisasi ............................................................. 26

Gambar 2.19 Anatomi Buku ................................................................................... 29

Gambar 2.20 Typeface Adobe Jenson Pro ................................................................ 31

Gambar 2.21 Typeface Dolly .................................................................................. 32

Gambar 2.22 Typeface Chalet, Burin Sans, Trade Gothic .......................................... 32

xii

Gambar 2.23 Softcover Bound Along the Spine Fold ................................................ 34

Gambar 2.24 Hardcover 3- and 4-piece cases: Full Binding .................................... 35

Gambar 2.25 Drab Layout .................................................................................... 36

Gambar 2.26 Deluxe Layout ................................................................................... 37

Gambar 2.27 Sexy Layout ....................................................................................... 38

Gambar 2.28 Grid .................................................................................................. 39

Gambar 2.29 Perfect Binding .................................................................................. 40

Gambar 2.30 Tape Binding ..................................................................................... 41

Gambar 2.31 Side-stitch Binding ............................................................................. 41

Gambar 2.32 Sadle stitch Binding ........................................................................... 42

Gambar 2.33 Pamphlet Binding .............................................................................. 43

Gambar 2.34 Screw and Post Binding...................................................................... 43

Gambar 2.35 Stab Binding ...................................................................................... 44

Gambar 2.36 Spiral Binding ................................................................................... 45

Gambar 2.37 Plastic Comb Binding ........................................................................ 45

Gambar 2.38 Alice meeting the March Hare and the Mad Hatter in an illustration by

John Tenniel for the chapter “A Mad Tea-Party” in Lewis Carroll's Alice's Adventures in

Wonderland (1865) .................................................................................................. 47

Gambar 2.39 Perceiving personality through appearance ......................................... 48

Gambar 3.1 Wawancara Psikolog Pertama via Zoom ............................................... 63

Gambar 3.2 Wawancara Psikolog Kedua via Zoom ................................................. 64

Gambar 3.3 Wawancara Remaja A via Line ............................................................. 67

Gambar 3.4 Wawancara Remaja B via Line ............................................................. 69

xiii

Gambar 3.5 Wawancara publisher Kamboja Press .................................................... 72

Gambar 3.6 Diagram Hasil Kuesioner Section 1, Pertanyaan 1 .................................. 73




Gambar 3.10 Diagram Hasil Kuesioner Section 2, Pertanyaan 1 ................................ 74








Gambar 3.18 Cover Buku “Give Yourself Goosebumps” ......................................... 79

Gambar 3.19 Cover Buku “Chicken Soup for the Couple’s Soul” .............................. 85

Gambar 3.20 Cover Buku “Couple’s Recipe” ........................................................... 89

Gambar 3.21 Contoh interaktivitas dalam buku “Couple’s Recipe” ........................... 90

Gambar 3.22 Halaman informasi tujuh kunci untuk memaafkan dalam hubungan pada

buku “Couple’s Recipe” ........................................................................................... 90

Gambar 3.23 Cover Buku “The Other Side of Hate is Love” ..................................... 96

Gambar 3.24 Contoh ilustrasi di dalam buku “The Other Side of Hate is Love”.......... 97

Gambar 3.25 Contoh halaman playsheet buku “The Other Side of Hate is Love” ....... 98

Gambar 3.26 Halaman layout chapter awal buku “The Other Side of Hate is Love” ... 98

xiv

Gambar 3.27 User persona 1 ................................................................................ 109

Gambar 3.28 User persona 2 ................................................................................ 110

Gambar 3.29 Brainstorming ................................................................................. 111

Gambar 3.30 Proposition ..................................................................................... 112

Gambar 3.31 Big idea ........................................................................................... 115

Gambar 3.32 Tone of voice ................................................................................... 116

Gambar 3.33 Moodboard ...................................................................................... 117

Gambar 3.34 Color palette ................................................................................... 118

Gambar 3.35 Illustration style ............................................................................... 120

Gambar 3.36 Sketsa 1 ........................................................................................... 121

Gambar 3.37 Sketsa 2 .......................................................................................... 122

Gambar 3.38 Sketsa 3 ........................................................................................... 122

Gambar 3.39 Sketsa 4 ........................................................................................... 123

Gambar 3.40 Sketsa 5 ........................................................................................... 124

Gambar 3.41 Referensi MC 1 ............................................................................... 125



Gambar 3.44 Proses karya yang telah dilakukan sebelum alpha test ........................ 129

Gambar 3.45 Information architecture alpha ......................................................... 130

Gambar 3.46 Layout margin dan grid buku ............................................................ 131

Gambar 3.47 Cover depan buku dan halaman kosong ............................................. 132

Gambar 3.48 Halaman undang-undang Hak Cipta dan keterangannya ...................... 133

Gambar 3.49 Halaman cover dalam dan salam penulis ............................................ 134

xv

Gambar 3.50 Halaman persiapan dan daftar isi ....................................................... 135

Gambar 3.51 Halaman bagian 1 dan informasi toxic relationship ............................ 136

Gambar 3.52 Halaman playsheet 1 ........................................................................ 137

Gambar 3.53 Halaman cerita: Tanda yang tak kusadari 1 ........................................ 139

Gambar 3.54 Halaman cerita: Tanda yang tak kusadari 2 ........................................ 140

Gambar 3.55 Halaman cabang 1 ............................................................................ 141

Gambar 3.56 Halaman playsheet 2, 3, 4 ................................................................. 142

Gambar 4.1 Evaluasi interaksi, pertanyaan 1 .......................................................... 144




Gambar 4.5 Evaluasi visual, pertanyaan 1 .............................................................. 146





Gambar 4.10 Evaluasi visual, pertanyaan 6 ............................................................ 147



Gambar 4.13 Evaluasi experience, pertanyaan 1 ..................................................... 150




xvi



Gambar 4.19 Cover versi alpha (kiri) dan versi beta (kanan) ................................... 154

Gambar 4.20 Ilustrasi versi alpha (kiri) dan versi beta (kanan) ................................ 156

Gambar 4.21 Color Palette versi alpha (atas) dan versi beta (bawah) ...................... 157

Gambar 4.22 Keseluruhan desain alpha (kiri) dan versi beta (kanan) ....................... 157

Gambar 4.23 Ilustrasi karakter perempuan dan laki-laki .......................................... 160

Gambar 4.24 Ilustrasi sangkar burung dan penerapan supergrafis ............................ 162

Gambar 4.25 Typeface Quache ............................................................................. 163

Gambar 4.26 Penerapan typeface Quache pada buku .............................................. 164

Gambar 4.27 Typeface TT Norms ......................................................................... 164

Gambar 4.28 Penerapan Typeface TT Norms pada buku ......................................... 165

Gambar 4.29 Penerapan warna pada chapter 1 ....................................................... 167



Gambar 4.32 Penerapan warna pada beberapa halaman penutup .............................. 169

Gambar 4.33 Penerapan warna pada halaman cerita................................................ 170

Gambar 4.34 Penerapan manuscript grid pada halaman buku .................................. 171

Gambar 4.35 Penerapan manuscript grid pada halaman cerita ................................. 172

Gambar 4.36 Penerapan manuscript grid pada halaman playsheet ........................... 173

Gambar 4.37 Contoh layouting ilustrasi dalam cerita .............................................. 174

Gambar 4.38 Contoh halaman playsheet ................................................................ 175

Gambar 4.39 Information architecture beta .......................................................... 181

xvii

Gambar 4.40 Mockup buku “Ceritamu Dalam Menyadari Toxic Relationship” ......... 186

Gambar 4.41 Screenshoot beta test ....................................................................... 187

Gambar 4.42 Evaluasi beta interaksi, pertanyaan 1 ................................................ 188




Gambar 4.46 Evaluasi beta visual, pertanyaan 1 .................................................... 190








Gambar 4.54 Evaluasi beta user experience, pertanyaan 1 ..................................... 194






Gambar 4.60 Iterasi beta, halaman 17 & 18 buku .................................................. 199

Gambar 4.61 Iterasi beta, halaman 51 ................................................................... 200

xviii

DAFTAR TABEL

Tabel 3.1. Studi Existing “Give Yourself Goosebumps” ........................................ 80

Tabel 3.2. Studi Existing “Chicken Soup for the Couple’s soul” ......................... 86

Tabel 3.3. Studi Existing “Couple’s Recipe” ........................................................ 91

Tabel 3.4. Studi Existing “The Other Side of Hate is Love” ................................ 99

Tabel 4.1. Analisis interaktivitas playsheet......................................................... 182

Tabel 4.2. Spesifikasi buku ................................................................................. 186

xix

DAFTAR LAMPIRAN

LAMPIRAN A: LAMPIRAN BIMBINGAN..................................................... xxiv

LAMPIRAN B: TRANSKRIP WAWANCARA ............................................... xxvi

LAMPIRAN C: HASIL KUESIONER ................................................................. xl

LAMPIRAN D: LAMPIRAN KARYA ............................................................... lvii

PERANCANGAN BUKU SELF-HELP INTERAKTIF TENTANG TOXIC ...

Documents

Transcript of PERANCANGAN BUKU SELF-HELP INTERAKTIF TENTANG TOXIC ...