WAWASAN TENTANG PENULISAN UX

 “Jack Kerouac pernah berkata tanpa tahu bahwa kata-katanya akan mencerminkan esensi penulisan UX dengan sempurna. Kami kebanyakan berpikir tentang desain sebagai sesuatu yang menarik secara visual dan mudah digunakan, dengan gambar visual yang muncul di pikiran terlebih dahulu. Namun, jenis konten yang paling sering dan beragam yang ditangani pengguna adalah teks”

Apa Itu Penulisan UX?

Penulisan UX adalah aktivitas profesional menulis teks untuk antarmuka pengguna, baik web maupun seluler. Ini termasuk membuat teks dari label kecil tombol dan ikon hingga tagline, pesan kesalahan, pemberitahuan, petunjuk dan petunjuk navigasi, pedoman, dan sebagainya.

Yang penting untuk diingat adalah bahwa

• teks adalah bagian dari desain
• teks adalah bagian dari pengalaman pengguna.

Istilah UX Writing sering diganti dengan Copywriting. Apakah mereka berarti sama?

Pada dasarnya, tidak, mereka mendefinisikan berbagai jenis kegiatan. Tujuan utama copywriter adalah membuat teks yang menjual sesuatu, baik itu produk, layanan, alat, hal-hal intelektual dan kreatif, dll. Tugas penulis UX adalah membuat teks yang mendukung dan meningkatkan komunikasi pengguna dengan antarmuka, biarkan mereka memahami dengan jelas apa yang terjadi dan meringankan pengalaman negatif jika terjadi kesalahan  atau masalah interaksi.

Namun demikian, berasal dari bidang periklanan, istilah "salinan" sebagai sinonim dari "teks" dengan cepat mendapat pijakan dalam desain UI/UX juga. Berdasarkan itu, orang yang membuat teks untuk antarmuka juga disebut copywriter, jauh sebelum istilah "penulis UX" mulai digunakan. Terlebih lagi, di banyak perusahaan, orang yang menulis teks pemasaran dan teks antarmuka adalah orang yang hampir sama. Jadi, jangan terlalu bingung: meskipun istilah mendefinisikan tugas yang berbeda, mereka masih sering digunakan sebagai sinonim, dan potongan teks di UI biasanya disebut copy

Apakah Teks Diperlukan untuk Semua Jenis Interaksi?

 visual ditransmisikan ke otak jauh lebih cepat daripada teks, dan potongan informasi penting sering kali ditetapkan oleh otak sebagai gambar meskipun diperoleh melalui persepsi teks. Dalam antarmuka pengguna, di mana interaksi dasar harus memakan waktu beberapa detik, aspek ini sangat penting, dan dapat dilihat sebagai alasan sebenarnya untuk mengubah segalanya menjadi grafik. Di sisi lain, ada aspek makna: pengguna dapat melihat gambar dengan sangat cepat, tetapi jika pesan yang mereka transfer tidak jelas dan dapat dibaca dua kali, kecepatan ini tidak akan memberikan pengalaman pengguna yang positif.

Ada banyak grafik dan asosiasi yang dikenal luas, seperti penerima telepon untuk panggilan telepon, amplop untuk surat, kaca pembesar untuk pencarian, dan sebagainya. Tentu saja, dengan menggunakannya, Anda membuat persepsi fungsionalitas UI yang jauh lebih cepat daripada menggunakan salinan alih-alih gambar. Namun demikian, dalam kasus ketika gambar ikon tidak begitu jelas, penggunaannya harus dipikirkan dengan matang. Ada kasus ketika teks mentransfer ide atau data dengan lebih jelas, jadi ini adalah solusi efektif untuk menggunakan skema ganda ketika ikon didukung oleh teks

4 Fitur Dasar Teks UX yang Efektif

• jelas  (pengguna mengerti apa yang Anda bicarakan, pesan inti tidak kabur atau rumit)
• ringkas  (sepotong teks bermakna, singkat, dan terkonsentrasi pada tujuan, tidak ada pembicaraan kosong yang disertakan)
• berguna  (salinan memberi pengguna informasi yang diperlukan atau membantu interaksi)
• konsisten  (salinan dalam antarmuka satu produk digital mempertahankan gaya, nada, suara, dan terminologi yang sama)

Kiat Berguna tentang Penulisan UX

1. Integrasikan salinan asli di UI sedini mungkin

Bekerja pada versi awal antarmuka pengguna, desainer UX cenderung menggunakan apa yang disebut Lorem Ipsum. Ini semacam teks placeholder populer yang terlihat seperti bahasa Latin tetapi sebenarnya tidak berarti apa-apa. Ini bertujuan untuk membuat teks yang tampak alami dalam tata letak halaman web, layar ponsel, halaman majalah atau surat kabar, dll.

Pertama, teks adalah bagian dari desain. Berbagai kombinasi huruf terlihat berbeda. Kata-kata memiliki volume dan struktur yang berbeda. Ini terutama berlaku untuk tagline yang menyajikan salah satu elemen terpenting dari  hierarki visual halaman web  dan dipindai pada detik-detik pertama interaksi. Jadi, apa yang menyenangkan mata Anda di Lorem Ipsum mungkin tidak bekerja dengan teks asli yang akan digunakan pada halaman atau layar.

Kedua, dengan menggunakan teks realistis, Anda membuat prototipe terasa asli dan alami. Misalnya, jika Anda mendesain situs web yang menjual peralatan memasak, Anda tidak akan menggunakan foto atau ilustrasi mesin pertanian untuk placeholder, bahkan pada tahap awal proses desain, bukan? Mengapa? Karena tidak akan menghubungkan konsep desain dengan tujuan yang ditetapkan untuk produk ini. Hal yang sama terjadi dengan bagian teks dari tata letak. Salinan yang Anda gunakan harus membuat gambar dan pengalaman terpadu dengan semua elemen tata letak lainnya. Terlebih lagi, Anda dapat menghabiskan waktu berjam-jam mengerjakan tampilan yang bagus untuk pop-up notifikasi, pesan sistem, dan blok teks halaman web – dan semua upaya itu akan sia-sia ketika Anda menyadari bahwa salinan asli yang akan digunakan di UI ini berbeda dalam panjang, struktur dan bahkan mungkin pesan.

2. Bangun hierarki teks yang solid yang memungkinkan pengguna memindai konten halaman

pengguna tidak memulai interaksi dengan membaca setiap elemen teks pada halaman atau layar. Mereka memindainya untuk mencari kait yang dapat menarik perhatian mereka: jika cukup meyakinkan, pengguna membuat keputusan untuk memberikan sumber daya tampilan kedua, penuh perhatian, dan menyelami detail. Meskipun gambar dalam bentuk apa pun jauh lebih menarik dan lebih cepat dipahami, dalam banyak kasus, teks menjadi elemen yang memainkan peran penting dalam pengambilan keputusan. Salah satu alasannya adalah karena dari satu generasi ke generasi lainnya, kita secara tradisional terbiasa melihat teks sebagai sumber informasi utama.

Berdasarkan hal itu, perlu diingat bahwa pesan utama yang disajikan dalam bentuk teks sebaiknya cepat ditemukan di detik-detik pertama interaksi. Semua elemen teks harus diatur menurut  hierarki tipografi  sehingga dengan memindai halaman atau layar, pengguna dapat dengan cepat memahami bagian mana yang membawa pesan inti dan mana yang kurang penting. Selain itu, disarankan untuk membuat teks bekerja secara harmonis dengan  gambar utama pada halaman atau layar  (ilustrasi, foto, gambar yang dirender 3D, dll.)

3. Tarik perhatian dengan angka dan elemen yang ditandai

Salah satu investigasi perilaku pengguna yang disediakan oleh  Nielsen Norman Blog membagikan temuan menarik: berdasarkan studi pelacakan mata, saat pengguna memindai halaman web, angka sering menghentikan mata yang berkeliaran dan menarik fiksasi, bahkan ketika mereka tertanam dalam massa kata-kata yang diabaikan pengguna. Orang-orang secara tidak sadar mengasosiasikan angka dengan fakta, statistik, ukuran, dan jarak – sesuatu yang berpotensi berguna bagi mereka. Jadi mereka terpikat dengan angka-angka yang disertakan dalam salinan sementara kata-kata yang mewakili angka dapat terlewatkan di sebagian besar teks. Selain itu, angka apa pun yang diwakilinya, mereka lebih ringkas daripada varian tekstualnya, yang memungkinkan desainer membuat konten menjadi ringkas dan menghemat waktu untuk membaca sekilas data.

Semua yang disebutkan di atas bisa menjadi alasan untuk melanggar beberapa aturan dan kebiasaan. Secara tradisional, kami disarankan untuk mengeja angka di awal kalimat, mengeja angka dari nol hingga sepuluh, dll., dan Anda dapat mengikuti semua itu dengan sukses di artikel dan jenis konten salinan lainnya yang disajikan dengan teks dalam jumlah besar. Namun, untuk teks yang menyertai interaksi, Anda harus sefokus mungkin, dan sebaiknya menarik perhatian pengguna dengan angka.

4. Fokus dan fleksibel tata bahasa

Tidak diragukan lagi, kejelasan dan ketepatan tata bahasa membangun fondasi pengalaman yang baik dalam hal teks. Namun, ini mungkin bekerja secara berbeda jika Anda menulis salinan untuk sebuah tombol atau pesan terbatas pada sejumlah kecil karakter pada layar pop-up. Jadi, di sini Anda harus memutuskan untuk menjadi fleksibel tata bahasa, yang berarti menghindari konstruksi yang rumit dan mengurangi elemen yang tidak memainkan peran penting.

Misalnya,  panduan Desain Material tentang penulisan menyarankan untuk menghindari tanda baca yang tidak perlu seperti titik dalam salinan untuk label, teks arahkan kursor, daftar berpoin, teks isi dialog, atau titik dua setelah label.

5. Lakukan pengujian A/B untuk salinan elemen interaktif

Salinan tombol adalah salah satu bagian penting dari pengalaman pengguna: jika Anda tidak menyukai desain dan penulisan UX, Anda mungkin terkejut betapa banyak waktu dan upaya yang harus dicurahkan untuk elemen tata letak yang kecil namun berdampak ini. Apa yang tertulis di  tombol harus mengarahkan pengguna ke tindakan dan membiarkan mereka memahami apa yang terjadi selanjutnya. Jadi, seperti halnya Anda menguji solusi desain seperti warna, penempatan, atau ukuran tombol, Anda disarankan untuk membuat teks tombol label objek lain dari  pengujian A/B. Terutama, jika Anda bukan bagian dari target audiens inti: misalnya, Anda membuat produk untuk orang lanjut usia dengan tingkat literasi teknologi yang rendah sementara Anda sendiri adalah pengguna muda yang mahir dari berbagai perangkat lunak dan gadget. Pengujian akan memberi Anda pemahaman tentang bagaimana pengguna sebenarnya memandang label dan jenis teks apa yang lebih meyakinkan bagi mereka

6. Bangun dialog yang alami dan konsisten

Hal terbaik yang dapat Anda lakukan untuk pengguna Anda dengan konten tertulis adalah menciptakan perasaan komunikasi dengan manusia. Seorang manusia yang memiliki gaya dan suara komunikasi yang jelas sangat membantu dan tidak mencoba menemukan kembali roda di setiap langkah hanya untuk membuat Anda kagum. Tentukan terminologi utama dan nama operasi – dan gunakan di seluruh pesan dan notifikasi: misalnya, gunakan kata “hapus” setiap kali tindakan ini harus dilakukan, dan jangan ganti dengan “hapus” untuk beberapa layar jika tindakannya sama. Sinonim baik untuk membuat bahasa menjadi cerah dan hidup dalam artikel atau buku, tetapi mereka dapat merusak pengalaman pengguna membuat pengguna menemukan hubungan antara istilah sinonim daripada hanya menggunakan produk untuk memecahkan masalah mereka.

7. Buat teks Anda terasa seperti teman pengguna

Mendukung ide sebelumnya, menjaga gaya dialog yang sesuai dengan harapan audiens target. Menjadi jelas dan ramah lebih penting di sini daripada rumit secara linguistik – satu-satunya pengecualian adalah ketika pengguna target mengharapkan bahasa semacam ini. Penelitian pengguna  adalah pekerjaan rumah Anda dalam hal ini: ini memungkinkan desainer dan penulis untuk mengklarifikasi pilihan gaya yang tepat untuk tidak hanya visual tetapi juga solusi penyalinan

8. Hindari bahasa gaul

Dengan bahasa gaul, yang kami maksud di sini adalah segala jenis istilah khusus dan teknis yang dapat membingungkan pengguna. Misalnya, saat Anda memberi tahu pengguna bahwa video sedang buffering, apakah Anda yakin dia tahu apa artinya itu? Jika ya, itu pilihan teks yang bagus. Jika tidak, cari kata yang lebih sederhana. Jangan gunakan "aktifkan" alih-alih "hidupkan", yang jauh lebih jelas bagi kebanyakan orang

9. Jangan lupa tentang kapitalisasi

Pada dasarnya, kapitalisasi adalah penulisan atau pencetakan dengan huruf kapital atau dengan huruf kapital awal. Ada tiga tingkat kapitalisasi:

• huruf  besar semua (semua huruf kapital)
• judul kasus (huruf pertama dari setiap kata dikapitalisasi, tidak termasuk preposisi hingga 4 huruf dan artikel)
• kasus kalimat  (Anda hanya menggunakan huruf kapital pada huruf pertama dari kata pertama dan kata benda yang tepat, seperti yang Anda lakukan dalam sebuah kalimat).

untuk penutur bahasa Inggris, masih merupakan fitur alami bahasa yang, selain merasa teksnya kurang atau lebih formal, menandai tingkat hierarki teks. Jadi, keputusan terserah Anda, tentu saja, tetapi pertimbangkan tip berikut tentang kapitalisasi:

• Gunakan  Caps Gaya Judul  untuk menandai label bidang, tindakan, item menu, dan judul halaman
• Pilih  batas gaya kalimat  untuk salinan yang lebih panjang seperti deskripsi halaman atau bidang dan tooltips
• Terapkan  ALL-CAPS secara  moderat, hanya untuk item super penting (tagline pendek, nama merek, poin navigasi inti di  header situs web , teks ajakan bertindak singkat, dan singkatan seperti OK), dan hindari dalam semua kasus lainnya.

Apa pun pilihan yang Anda buat, yang terpenting: konsisten . Buat keputusan sekali – dan ikuti melalui seluruh antarmuka. Jika Anda memutuskan untuk menggunakan case judul untuk semua tombol, periksa apakah Anda selalu mematuhi aturan itu. Inkonsistensi mengalihkan perhatian dan bahkan mengganggu pengguna.

10. Mulai dari informasi yang paling penting

Nasihat ini tampaknya sangat sederhana, sehingga mengejutkan betapa banyak orang yang berurusan dengan salinan tidak mengikutinya. Dalam hal teks pendek, instruksi, atau pesan, fokuslah hanya pada informasi berharga, dan jangan mengalihkan perhatian pengguna dengan terlalu banyak teks pendahuluan dan pemanasan. Tentu, itu tidak berarti bahwa Anda harus membuat teks hanya informasi yang kering dan tidak emosional, namun cobalah untuk meminimalkan bagian yang mendukung dan memaksimalkan yang aktif. Untuk teks yang lebih panjang, seperti artikel, panduan, deskripsi produk, dan sejenisnya, pertimbangkan untuk menggunakan prinsip jurnalisme yang disebut Prinsip Piramida Terbalik . Saat itulah Anda beralih dari apa yang perlu diketahui menjadi apa yang menyenangkan untuk diketahui, dari pesan inti hingga detail yang mungkin tidak terlalu penting.