Kata-kata dan Tindakan: Panduan untuk Mikrokopi

Diterbitkan: 2022-03-11

Lihatlah antarmuka digital. Apa yang menonjol? Warna? Ikonografi? Foto-foto heboh? Tentu. Tetapi jika semua hal itu menghilang, apa yang akan terjadi pada desainnya?

Itu akan tetap bekerja.

Bagaimana itu mungkin? Kata-kata. Mereka menyediakan 95% dari informasi komunikatif yang kita butuhkan. Hapus mereka dan desainnya tidak berguna.

Anehnya, para ahli desain masih menganggap salinan UX sebagai renungan, terutama dalam hal mikrokopi, potongan teks pendek yang membantu pengguna menemukan apa yang mereka butuhkan dari sebuah antarmuka. Jika dijalankan dengan buruk, label tombol, pesan kesalahan, petunjuk UI, dan ajakan bertindak dapat merusak desain yang paling elegan sekalipun.

Memilih kata yang tepat menghilangkan ambiguitas dan meningkatkan kepercayaan pada antarmuka—komponen utama konversi.

Mikrokopi di Squarespace.
Squarespace menggunakan mikrokopi untuk membantu pengguna menemukan templat situs web yang sesuai.

Desain Berkembang dengan Kata-kata

Sebagai desainer, kami bekerja keras untuk membuat antarmuka yang intuitif dan mudah dinavigasi.

Kami berusaha untuk mengurangi gesekan dan membantu pengguna melakukan apa yang ingin mereka lakukan, tetapi kami tidak dapat membiarkan intensitas upaya kami untuk meningkatkan ego kami. Tidak ada desain yang menjelaskan dirinya sendiri dengan sempurna. Kami membutuhkan kata-kata untuk menjembatani kesenjangan antara tujuan desain kami dan realitas interaksi pengguna.

Menulis mikrokopi tidak perlu menjadi tugas yang panjang dan berat. Desainer yang bekerja tanpa manfaat dari penulis UX berpengalaman di tim tidak punya waktu untuk bekerja keras dalam setiap pilihan kata. Tetapi mereka dapat menggunakan beberapa prinsip yang mudah digunakan yang mengarah pada salinan yang jelas dan meyakinkan.

1. Tulis Satu Kalimat Ringkas

Terlalu banyak teks. Ini adalah kebodohan klasik dari banyak aplikasi dan situs web. Kami ingin pengguna mengetahui semua yang kami pikir perlu mereka ketahui, dan kami lupa bahwa kebanyakan orang tidak akan meluangkan waktu untuk membaca paragraf padat. Masalahnya meningkat dengan antarmuka seluler dan skenario on-boarding, di mana rentang perhatian pengguna berada pada titik terendah. Solusinya?

Lajang. Tajam. Kalimat.

Tanyakan, “Bagaimana saya bisa mengatakan semua yang perlu dikatakan dengan cara yang sesingkat mungkin tetapi tetap menarik?” Potong semua bulu, menolak untuk menerima kalimat dengan lebih dari 8 kata, dan jangan lupa untuk menjadi tajam. Snappy mudah diingat, ekonomis, berenergi, dan dalam beberapa kasus, berirama.

Salinan UX di Atlassian. Klik untuk melihat gambar berukuran penuh.
Apakah itu pertanyaan atau diskusi? Atlassian menggunakan kalimat pendek untuk membantu pengguna memutuskan bagaimana melibatkan anggota komunitas lainnya.

2. Hindari Jargon

Pengetahuan domain yang luas memudahkan jargon teknis untuk masuk ke dalam desain kami, tetapi kata-kata dan frasa ini merupakan jalan buntu pengalaman bagi sebagian besar pengguna. Kita cepat lupa: Pengetahuan dan tata nama internal perusahaan tidak berarti apa-apa bagi pelanggan.

Kata-kata kecil dan lugas berbicara lebih keras daripada kata-kata besar yang terdengar penting, tetapi jargon masih berhasil menyelinap ke antarmuka kita. Untuk mengatasi masalah ini, uji mikrokopi dengan pengguna.

Tidak ada anggaran? Mintalah teman dan keluarga untuk mengintip, dan jangan memberikan primer terlebih dahulu. Ketika teks masuk akal bagi mereka yang tidak memiliki pemahaman orang dalam, teks siap diluncurkan.

Praktik terbaik penulisan UX.
Bahkan sedikit perubahan dalam kata-kata dapat membuat salinan lebih mudah dipahami.

3. Pasangkan Visual dengan Kata-kata

Dampak elemen desain visual seperti foto, ikon, dan ilustrasi tidak perlu dipertanyakan lagi. Gambar diproses lebih cepat oleh mata manusia, dan mereka memiliki kemampuan untuk menyampaikan ide dengan singkat dan bernuansa yang tidak dapat ditandingi oleh kata-kata.

Tetapi interpretasi gambar sangat bervariasi dibandingkan dengan kata-kata. Budaya, usia, jenis kelamin, status sosial ekonomi, dan sejumlah faktor lain membuat gambar sulit untuk diterjemahkan. Beberapa kata yang dipilih dengan baik dapat memberikan kejelasan instan.

Tips menulis UX. Klik untuk melihat gambar berukuran penuh.
Simbol yang paling umum rentan terhadap salah tafsir. Saat pengguna mengarahkan mouse ke ikon navigasi Walmart, label akan muncul.

4. Jadilah Saat Ini dan Manusia

Pada zamannya, Wizard Instalasi Windows 95 adalah keajaiban untuk dilihat, tetapi seperempat abad telah berlalu, dan itu tidak lagi menjadi tolok ukur praktik terbaik UX. Mikrokopi yang berjalan kembali ke masa lalu dengan frasa seperti "Tekan 'Berikutnya' untuk memulai instalasi" atau "Klik salah satu tombol di bawah" adalah kesempatan keterlibatan yang terbuang sia-sia.

Ini tidak berarti bahwa mikrokopi harus terdengar seperti ditulis oleh beberapa influencer YouTube remaja. Jadilah segar. Jadilah otentik. Hanya saja, jangan malas.

Salinan materi iklan di wizard penyiapan Windows 95. Klik untuk melihat gambar berukuran penuh.
Meskipun tanggal hari ini, petunjuk di Windows 95 Installation Wizard cocok dengan literasi digital saat itu.

5. Memandu Pengguna sebagai Orang Kedua atau Orang Pertama

Penyegaran cepat bagi kita yang lupa aturan tata bahasa:

  • Orang kedua = kamu atau kamu
  • Orang pertama = saya, saya, atau saya

Bagaimana kami menggunakan sudut pandang ini untuk memandu pengguna melalui antarmuka?

Orang kedua (Anda atau Anda) adalah cara kami biasanya berbicara dengan mitra percakapan. Dalam kebanyakan kasus, orang kedua adalah pilihan mikrokopi karena membuat pengguna merasa seperti UI menangani mereka secara langsung.

Gunakan orang pertama (saya atau saya) saat menggarisbawahi kepemilikan konten atau tindakan pengguna.

*Bonus: Memanfaatkan Sumber Daya

Ada banyak hal yang perlu dipertimbangkan dalam hal mikrokopi. Untuk menulisnya dengan baik membutuhkan kemauan yang terus menerus untuk belajar. Pengguna dan teknologi adalah mitra dalam tarian yang tak terduga. Mereka sering berganti timah—terkadang mulus, lalu menggelegar.

Desainer tidak bisa puas hanya mengandalkan tulisan UX yang dulu kekinian, tapi bukan berarti mereka harus menyalurkan semangat seorang novelis avant-garde untuk menulis mikrokopi yang relevan. Ada sumber daya untuk itu.

Baik itu panduan penulisan Desain Material, rekomendasi terminologi Apple HIG, atau Aplikasi Hemingway yang bagus, web penuh dengan sumber daya yang diarahkan untuk menulis mikrokopi yang kaya dan efektif.

Desain UX Mikrokopi. Klik untuk melihat gambar berukuran penuh.
Hemingway dikenal karena prosanya yang ringkas—tidak ada kata yang terbuang percuma.

Tulis Mikrokopi dengan Misi

Mark Twain pernah menulis, “Menulis itu mudah. Yang harus Anda lakukan adalah mencoret kata-kata yang salah.” Siapa pun yang pernah menderita karena kata-kata yang tepat dapat menghargai ironi itu.

Kata-kata, dalam konteks apa pun, memiliki bobot. Dalam produk digital kami, mereka membuat perbedaan antara pengalaman pengguna yang luar biasa dan pengalaman yang tidak menyenangkan. Mikrokopi harus memberikan kejelasan dan keyakinan kepada pengguna, “Jika saya melakukan X, maka Y akan terjadi.”

Selain itu, mikrokopi adalah peluang bagi bisnis untuk melibatkan pengguna dengan menggabungkan aspek suara merek mereka dengan fungsionalitas antarmuka.

Mungkin tidak mudah untuk melepaskan diri dari kata-kata templat yang kita semua kenal (Klik Di Sini, Daftar, Kirim), tetapi upaya untuk mengungkap detail mikrokopi yang menyenangkan pengguna dan meningkatkan konversi sangat berharga.

• • •

Bacaan lebih lanjut di Blog Desain Toptal:

  • Kata-kata Penting – Nilai Sejati dari UX Copy
  • UX Lebih Baik Melalui Interaksi Mikro
  • Pesanan Web Baru: Gambaran Umum Desain Konten-Pertama
  • Tingkatkan UX Anda dengan Prinsip Desain Interaksi yang Sukses Ini
  • Strategi Produk: Panduan untuk Konsep dan Proses Inti