5.0 Pengantar Bagian 5: Desain UI/UX
Bagian ini tentang tempat perangkat lunak bertemu orang yang memakainya. Cakupannya luas: riset yang mengungkap apa yang dibutuhkan pengguna, antarmuka dan sistem desain yang menyajikannya, kata-kata yang memandu tindakan, aksesibilitas dan dukungan bahasa yang membuatnya dapat dipakai semua orang, dan rekayasa frontend yang mengantarkannya ke kenyataan berantakan peramban dan perangkat nyata. Menggoda untuk memperlakukan semua ini sebagai dekorasi yang Anda terapkan di akhir. Mohon lawan. Di sinilah semua kerja hulu entah mencapai pengguna atau runtuh, dan ia ditentukan jauh sebelum layar terakhir dipoles.
Bagi tim besar, desain produk sesungguhnya masalah koordinasi. Ketika puluhan skuad merilis ke satu produk bersama, keputusan independen menumpuk menjadi kekacauan: alur terduplikasi, terminologi yang bertentangan, komponen yang tidak konsisten, dan pipeline bahasa yang tak dimiliki siapa pun. Perbaikan di setiap bab di sini berbentuk sama. Ubah keputusan sekali jalan menjadi aset bersama yang diatur, seperti persona, sistem desain, strategi konten, kerangka internasionalisasi (i18n), pustaka komponen, dan anggaran kinerja, agar banyak tim yang bekerja terpisah tetap berjumlah menjadi satu pengalaman yang koheren.
Enterprise dan pemerintah menaikkan taruhan lebih jauh. Perangkat lunak enterprise sering punya pengguna yang terikat, dan mereka membayar desain buruk dalam pelatihan, galat, dan beban dukungan alih-alih dengan pergi. Layanan pemerintah menjangkau seluruh publik (termasuk orang dalam krisis, pada perangkat lama, dengan kepercayaan diri digital rendah, atau tanpa penyedia alternatif), sehingga kualitas desain menjadi soal kesetaraan dan kepercayaan sipil. Di sini, aksesibilitas bukan sekadar bagus untuk dimiliki melainkan mandat hukum: badan publik diwajibkan oleh hukum membangun perangkat lunak yang dapat dipakai penyandang disabilitas, dan kewajiban bahasa sederhana serta akses bahasa sering membawa kekuatan hukum juga.
Bab dalam bagian ini
5.1 Fondasi UX: Praktik riset, pemodelan pengguna, dan design thinking yang memungkinkan organisasi membuat keputusan produk berbasis bukti alih-alih menebak, dan memberi setiap tim peta pengguna yang sama.
5.2 Desain UI dan sistem desain: Kerajinan membentuk apa yang dilihat dan disentuh orang, dan sistem token, komponen, dan pola yang bersama dan diatur yang menjaga ribuan layar lintas banyak tim tetap koheren.
5.3 Aksesibilitas: Membangun perangkat lunak yang dapat dipersepsi, dioperasikan, dipahami, dan dipakai penyandang disabilitas, diperlakukan sekaligus sebagai kewajiban hukum, kewajiban etis, dan sekadar desain yang baik.
5.4 Desain konten dan komunikasi: Membentuk kata, pesan, dan komunikasi yang dipakai produk untuk membantu orang bertindak, dalam bahasa sederhana dan suara yang konsisten, karena kata adalah antarmuka.
5.5 Internasionalisasi dan lokalisasi: Arsitektur yang memungkinkan perangkat lunak beradaptasi dengan bahasa dan wilayah apa pun, dan alur kerja yang menerjemahkan serta menyesuaikannya secara budaya untuk setiap lokal.
5.6 Rekayasa frontend: Membangun lapisan yang menghadap klien untuk lingkungan yang tidak Anda kendalikan, dengan perhatian pada umur panjang kerangka kerja, strategi render, kinerja, dan ketahanan.
5.7 Pengembangan aplikasi seluler: Membangun untuk perangkat seluler, mencakup pendekatan native, lintas platform, dan progressive web; pedoman desain platform; kendala offline, baterai, dan fragmentasi; distribusi toko aplikasi; serta keamanan dan aksesibilitas seluler.
5.8 Riset desain dan uji kegunaan: Mengurangi risiko membangun hal yang salah lewat riset generatif dan evaluatif, metode yang tepat untuk setiap pertanyaan, uji kegunaan yang dilakukan dengan baik, perekrutan yang representatif, dan sintesis yang benar-benar mengubah keputusan.
5.9 Desain layanan: Merancang seluruh layanan yang dialami orang lintas kanal dan seiring waktu, panggung depan dan belakang, memakai service blueprint dan peta perjalanan serta menyelaraskan organisasi di belakang layanan, bukan sekadar satu layar.
5.10 Desain visualisasi data: Memilih bagan yang tepat untuk pertanyaan dan meng-encode data dengan jujur, menerapkan keunggulan grafis, palet yang dapat diakses dan aman bagi buta warna, dan anotasi yang jelas, agar bagan menginformasikan keputusan alih-alih menyesatkan.
Bagaimana bab-bab ini saling berkaitan
Bab-bab ini membentuk benang merah tunggal dari pemahaman ke pengiriman. Fondasi UX (5.1) menetapkan siapa pengguna dan pekerjaan apa yang sedang ia coba selesaikan. UI dan sistem desain (5.2) memberi pemahaman itu bentuk visual yang konsisten. Desain konten (5.4) menyediakan kata yang membawanya. Rekayasa frontend (5.6) mengirim hasilnya. Aksesibilitas (5.3) dan internasionalisasi (5.5) bukan tahap terpisah melainkan kualitas yang dijalin melalui semua yang lain: pengalaman yang dapat diakses dan dapat diterjemahkan dirancang masuk ke komponen bersama, pola konten, dan kode sejak awal, tidak pernah ditempelkan belakangan. Bab 5.3 khususnya bersandar pada bab 5.2 untuk menyelesaikan aksesibilitas sekali di setiap komponen, dan pada bab 5.6 untuk mempertahankannya dalam markup semantik berbasis standar.
Bagian ini juga menjangkau seluruh panduan. Pola “aset mengalahkan sekali pakai” di sini mencerminkan pemikiran platform bersama bab 8.4 (rekayasa platform dan pengalaman pengembang), dan nilai serta cara kerja di bab 1.1 dan 1.4 menetapkan kondisi organisasi yang membuat koherensi desain mungkin sama sekali. Pemeriksaan aksesibilitas, regresi visual, dan anggaran kinerja termasuk dalam pipeline pengiriman bab 8.1 (CI/CD dan pengiriman), agar kualitas ditegakkan pada setiap perubahan alih-alih diaudit tepat sebelum peluncuran. Dan pemantauan pengguna nyata (data kinerja yang dikumpulkan dari perangkat dan jaringan pengguna sebenarnya) yang menjadi sandaran kinerja frontend terhubung langsung dengan praktik observabilitas bab 9.2. Dilakukan dengan baik, pekerjaan di sini yang membuat sistem yang dijelaskan di tempat lain benar-benar dapat dipakai oleh orang yang dimaksudkan untuk dilayaninya.