Sebelum membuat sistem visual, saya ingin memperjelas beberapa hal: apa yang hendak dilakukan perusahaan, siapa yang terutama ingin dijangkau, apa yang perlu mereka pahami, dan apa yang dapat mereka lakukan sesudahnya.
Dengan jawaban itu, arah desain lebih mudah dinilai. Apa yang perlu disampaikan judul lebih dahulu, informasi mana yang ditonjolkan, posisi gambar, dan tujuan tombol semuanya memiliki dasar.
Jika makna yang ingin disampaikan terus berubah, tampilan sulit stabil. Perencanaan menjelaskan satu kegiatan, tulisan menonjolkan keunggulan lain, sementara desain membentuk kesan ketiga. Banyak upaya masuk ke setiap bagian, tetapi keseluruhannya tetap tidak jelas.
Menurut saya, proses ini dapat disusun menjadi enam lapisan: maksud strategis, tugas audiens, proposisi nilai, struktur konten, aturan visual, dan konteks penggunaan.
Setiap lapisan perlu menjawab pertanyaan dari lapisan sebelumnya dan memberikan jawaban yang dapat dipakai lapisan berikutnya. Jawaban itu kemudian diperiksa dalam situasi penggunaan nyata. Ini adalah model kerja untuk menyusun dan meninjau keputusan desain.
1. Ubah arah perusahaan menjadi kebutuhan yang dapat dibahas
“Kami ingin terlihat lebih profesional” dapat memulai pembicaraan, tetapi belum cukup untuk mengarahkan desain.
Profesional dalam hal apa? Cakupan layanan yang jelas, proses penyampaian yang mudah dipahami, atau informasi penting yang dapat diperiksa? Jawaban berbeda menghasilkan konten dan tampilan berbeda.
Maksud strategis perlu menjelaskan masalah yang sedang ditangani, siapa yang dilayani, kemampuan yang menopang keberlanjutan usaha, dan bagian yang harus dijalankan oleh komunikasi ini.
Kemampuan saat ini dan arah masa depan juga harus dipisahkan. Layanan yang sudah tersedia membutuhkan informasi pendukung; kemampuan yang hendak dibangun tetap dinyatakan sebagai rencana. Menampilkan masa depan sebagai keadaan sekarang dapat membuat desain yang rapi semakin menyesatkan.
Untuk tugas desain tertentu, saya akan mempersempit lingkupnya. Halaman pengenalan membantu orang baru memahami usaha. Halaman produk membantu orang dengan kebutuhan jelas menilai kecocokan. Materi kerja sama menjelaskan pembagian peran, kondisi, dan langkah berikutnya.
Biarkan satu materi menjalankan satu tugas utama dengan baik terlebih dahulu. Tugas yang jelas memberikan titik awal untuk menentukan apa yang ditonjolkan dan apa yang ditempatkan kemudian.
2. Apa yang perlu diperjelas di setiap lapisan?
Gambar 1: Panah ke bawah menunjukkan urutan perubahan masukan desain menjadi keluaran yang dapat dipakai lapisan berikutnya. Panah tidak berarti penyelesaian satu lapisan pasti menghasilkan kinerja bisnis. Umpan balik penggunaan membantu memeriksa dan merevisi lapisan terkait.
Lapisan 1: Maksud strategis—apa yang harus didukung komunikasi ini?
Lapisan ini menetapkan arah dan batas.
Pasar yang ingin dimasuki, kemampuan yang diandalkan, dan masalah komunikasi paling mendesak perlu jelas terlebih dahulu. Setidaknya tim desain membutuhkan uraian tugas yang sudah disepakati: apa yang perlu dicapai dan apa yang belum boleh dijanjikan kepada publik.
Uraiannya tidak perlu panjang. Membantu peserta memahami sasaran secara serupa lebih berguna daripada menumpuk konsep besar.
Lapisan 2: Tugas audiens—pertanyaan apa yang mereka bawa?
Perusahaan yang sama berhadapan dengan pelanggan, karyawan, pemasok, dan mitra lain. Sebagian perhatian mereka beririsan, sebagian memiliki fokus tersendiri.
Pelanggan mungkin ingin mengetahui kecocokan, cara layanan disampaikan, dan penanganan masalah. Pemasok mungkin menanyakan apa yang harus disediakan, cara berkoordinasi, serta syarat pembayaran. Karyawan ingin memahami peran, standar kerja, dan dukungan yang tersedia.
Karena itu, “siapa yang melihat?” perlu diteruskan menjadi “penilaian apa yang harus mereka buat?”
Orang yang sama pun memiliki tugas berbeda saat baru mengenal, membandingkan pilihan, dan menyiapkan kerja sama. Menuliskan perbedaan itu membantu menempatkan informasi dengan tepat.
Lapisan 3: Proposisi nilai—mengapa layak dipelajari lebih jauh?
Proposisi nilai perlu menghubungkan masalah audiens dengan bantuan yang dapat diberikan perusahaan.
Jika keandalan penyampaian menjadi perhatian utama, jelaskan pengaturan kerja, tanggung jawab, dan penanganan pengecualian. Jika pembaca perlu menilai kecocokan, jelaskan lingkup, syarat, dan keadaan yang tidak tercakup.
Kata seperti “efisien”, “profesional”, dan “dapat dipercaya” boleh dipakai, tetapi perlu didukung. Praktik, catatan, dan batas yang dapat diverifikasi menentukan seberapa jauh suatu klaim layak disampaikan.
Tinjau klaim bersama buktinya. Ada klaim yang didukung fakta, ada yang masih perlu diuji, dan ada yang menyatakan arah masa depan. Membedakannya membuat komunikasi selanjutnya lebih kokoh.
Lapisan 4: Struktur konten—dalam urutan apa pembaca memahami?
Informasi perusahaan biasanya banyak. Namun pengunjung halaman belum tentu bersedia membaca semuanya dari awal hingga akhir.
Struktur konten menentukan pertanyaan yang dijawab dahulu, bukti yang menyusul, isi yang dapat diperluas, dan materi yang membutuhkan pintu masuk tersendiri.
Halaman layanan dapat dimulai dengan masalah yang sesuai, cara kerja, hasil yang diserahkan, syarat dan informasi terkait, lalu langkah berikutnya yang jelas. Pembaca dapat mengikuti pertanyaannya atau langsung menuju bagian yang dibutuhkan.
Judul membantu mengatur pemahaman. Judul, ringkasan, diagram, isi, dan tombol perlu bekerja di sekitar tugas yang sama. Menempatkan semua informasi pada tingkat setara membuat pembaca harus mengelompokkannya lagi.
Lapisan 5: Aturan visual—bagaimana hubungan penting terlihat?
Di sini pilihan menjadi konkret: ukuran huruf, warna, ruang kosong, bentuk, gambar, perataan, dan gerak.
Ukuran dan posisi memberi petunjuk urutan membaca, ruang kosong membentuk kelompok, garis menjelaskan hubungan, dan warna membedakan status. Peran setiap sarana perlu dipahami sebelum dipilih.
Halaman yang menjelaskan pelaksanaan harus memudahkan pembedaan langkah, tanggung jawab, dan syarat. Informasi yang perlu diperiksa membutuhkan sumber, penjelasan, dan tautan unduhan yang mudah ditemukan. Pada ponsel, teks harus berpindah baris secara wajar dan tombol mudah disentuh.
Makna warna dan bentuk perlu dinilai bersama konteks, kombinasi, dan pemakaian. Satu warna tidak dapat dengan sendirinya membuktikan skala, kemampuan, atau kredibilitas perusahaan.
Aturan visual bersama membuat berbagai halaman tampak sebagai satu sistem. Susunan khusus tetap mengikuti tugas. Halaman pengenalan, diagram proses, halaman baca, dan antarmuka kerja dapat memakai bahasa dasar yang sama dengan hierarki yang sesuai masing-masing.
Lapisan 6: Konteks penggunaan—apakah masih bekerja dalam situasi nyata?
Urutan membaca halaman komputer bisa berubah di ponsel. Diagram yang jelas di layar besar mungkin tidak terbaca sebagai pratinjau percakapan. Materi yang dibantu penjelasan dalam rapat bisa kehilangan konteks saat dikirim kepada pembaca mandiri.
Hal-hal ini perlu diperiksa pada media yang benar-benar digunakan.
Minta orang yang baru mengenal topik membaca lalu menjelaskan pemahamannya. Minta orang dengan tugas tertentu mencari informasi. Tampilkan berkas pada ukuran penggunaan nyata dan periksa apakah teks, hubungan, serta pintu masuk masih jelas.
Fakta dan proposisi inti perlu tetap konsisten di berbagai situasi. Urutan judul, panjang materi, dan cara berinteraksi dapat disesuaikan dengan tugas.
3. Hubungkan enam lapisan melalui contoh fiktif
Misalkan perusahaan pemeliharaan peralatan hendak membuat halaman layanan. Situasi berikut dibuat untuk menjelaskan model, tidak mewakili proyek nyata, dan tidak mengasumsikan hasil konversi.
Halaman ini terutama ditujukan kepada penanggung jawab peralatan yang menilai kecocokan layanan. Mereka ingin mengetahui masalah yang ditangani, cara mengajukan permintaan, siapa yang mengambil alih, dan kasus yang memerlukan penilaian terpisah.
Enam lapisannya dapat dihubungkan sebagai berikut:
| Lapisan | Hal yang perlu ditetapkan | Dampak konkret pada desain |
|---|---|---|
| Maksud strategis | Membantu calon pelanggan menilai cakupan dan menyerahkan informasi yang diperlukan | Susun halaman di sekitar kecocokan dan persiapan permintaan layanan |
| Tugas audiens | Memeriksa jenis peralatan, masalah, syarat, dan cara mengirim | Tempatkan jawaban di lokasi yang mudah ditemukan |
| Proposisi nilai | Menerima dan menangani permintaan dalam lingkup serta proses yang disepakati | Dukung klaim dengan proses dan kondisi nyata; jangan menjanjikan waktu respons yang belum dikonfirmasi |
| Struktur konten | Cakupan→proses→informasi yang diperlukan→syarat→kontak | Ikuti urutan penilaian dan perluas detail bila dibutuhkan |
| Aturan visual | Bedakan langkah, syarat, pengecualian, dan pintu masuk penting | Gunakan hierarki, pengelompokan, dan diagram sederhana |
| Konteks penggunaan | Penanggung jawab mungkin membaca di ponsel dan meneruskan kepada rekan | Periksa layar sempit, pengiriman, dan kelengkapan pemahaman setelah diteruskan |
Kini ada dasar bersama untuk membahas ukuran tombol atau susunan proses mendatar maupun tegak. Pilihan dapat dibandingkan dengan tugas pembaca dan kondisi perangkatnya.
Setiap janji layanan baru juga perlu ditelusuri kembali: dapatkah perusahaan memenuhinya saat ini, adakah proses pendukung, dan sudahkah penanggung jawab mengonfirmasi? Setiap pernyataan penting dalam desain memerlukan dasar yang dapat ditelusuri.
4. Saat menerima umpan balik, tentukan lapisan masalahnya
Jika seseorang mengatakan “desainnya belum tepat”, mintalah penjelasan yang lebih khusus.
Apakah teks sulit dilihat, penekanan tidak ditemukan, usaha sulit dipahami, langkah berikutnya tidak jelas, atau pernyataan kurang bukti? Masing-masing memerlukan perubahan berbeda.
Gambar 2: Pengujian dimulai dari tugas yang ditentukan sebelumnya. Jika tidak lolos, temukan titik putus, revisi, dan uji lagi. Jika lolos, catat lingkup serta versinya. Ini proses pemeriksaan kerja, bukan model ramalan pertumbuhan bisnis.
Jika teks sulit dibaca di ponsel, periksa ukuran, kontras, dan tata letak. Jika pembaca belum dapat menjelaskan layanan, tinjau struktur dan proposisi nilai. Jika klaim melampaui kemampuan, periksa fakta bisnis dahulu. Jika kontak dan pintu masuk ada tetapi pengiriman gagal, periksa alur penggunaan.
Terkadang masalahnya lebih awal: satu halaman mencoba melayani beberapa audiens yang sangat berbeda tanpa menetapkan tugas utama. Perubahan setempat sulit menyelesaikan semua perbedaan; maksud strategis dan tugas audiens perlu dipertimbangkan kembali.
Revisi perlu mempunyai hipotesis yang jelas. Misalnya, “Pembaca tidak menemukan syarat karena terkubur dalam paragraf panjang.” Pisahkan syarat dalam kelompok lalu uji kembali tugas yang sama. Jika audiens atau tugas berubah, perbarui kondisi pengujian terlebih dahulu agar tugas baru tidak dinilai dengan standar lama.
Pengamatan terhadap beberapa orang dapat mengungkap masalah, tetapi belum membuktikan efektivitas bagi semua orang. Klik, waktu di halaman, dan pertanyaan masuk harus ditafsirkan bersama sumber kunjungan, tugas, serta perubahan halaman. Hasil usaha juga dipengaruhi layanan, harga, saluran, dan pelaksanaan di samping kejelasan komunikasi.
5. Simpan keputusan desain agar pekerjaan dapat diteruskan
Jika setiap revisi hanya menyisakan berkas baru, alasan pilihan lama menjadi sulit dijelaskan setelah beberapa waktu.
Saya menyarankan catatan sederhana untuk keputusan penting. Ketika orang baru mengambil alih, halaman diperluas, atau bahasa ditambah, pekerjaan dapat dilanjutkan dari bukti yang sama.
| Catatan | Hal yang perlu diperjelas |
|---|---|
| Tugas dan audiens | Siapa yang terutama dibantu, serta penilaian atau tindakan apa yang didukung |
| Klaim dan bukti | Pernyataan, informasi pendukung, dan hal yang belum dikonfirmasi |
| Pilihan konten dan visual | Alasan urutan, pengelompokan, dan penekanan |
| Konteks dan cara uji | Perangkat atau media, peserta, dan tugas pemeriksaan |
| Pengamatan dan batas | Temuan nyata dan situasi yang belum tercakup |
| Revisi dan versi | Lapisan yang berubah, pihak yang mengonfirmasi, dan waktu pemeriksaan ulang |
Tidak setiap detail perlu menjadi laporan. Mulailah dari keputusan yang memengaruhi arah, pemahaman, dan penggunaan.
Ketika usaha berubah, konten terkait perlu berubah. Halaman lama mungkin tetap menarik, tetapi perlu ditinjau jika cakupan, data, atau syaratnya kedaluwarsa. Menjaga hubungan ini merupakan bagian dari pekerjaan komunikasi.
6. Perjelas hubungan rumit, lalu gambarkan
Model ini juga mengikuti proses berpikir: memetakan kerumitan secara utuh, menyaring struktur, membuatnya mudah dipahami, lalu mengungkapkannya secara visual.
Pertama uraikan usaha, audiens, tugas, bukti, saluran, dan kondisi penggunaan agar keseluruhannya terlihat. Kemudian ambil enam lapisan dan hubungan penting. Ubah setiap lapisan menjadi pertanyaan konkret dan keluaran yang dapat diperiksa, lalu gambarkan aliran, titik putus, dan umpan balik.
Diagram membantu diskusi ketika memadatkan logika yang telah dijelaskan. Setiap simpul perlu bermakna jelas, dan setiap garis perlu memiliki hubungan yang dapat dijelaskan agar pembaca dapat memakainya untuk memeriksa pekerjaannya sendiri.
Saya menginginkan komunikasi yang menarik untuk dilihat sekaligus mampu menjawab pertanyaan: mengapa mengatakan ini, mengapa menyusunnya begitu, apa dasarnya, dan siapa yang akan menggunakannya?
Menghubungkan lapisan dari strategi hingga visual memberi perencanaan, penulisan, dan desain dasar bersama untuk berdiskusi dan terus memperbaiki.