30+ Istilah Penting seputar UX Writing

UX Writing, atau User Experience Writing, adalah bagian penting dari user experience (UX) design yang efektif. Memahami istilah-istilah kunci dalam UX Writing dapat membantu kita mengembangkan keterampilan dalam menyusun teks yang relevan, jelas, dan mudah dipahami untuk pengguna.
Berikut adalah 50 istilah penting seputar UX Writing beserta contoh penggunaannya. Yuk simak!.

Mau jadi UI-UX Designer? Cek panduan lengkap UI-UX Design berikut.

1. Accessibility

Accessibility mengacu pada kemampuan sebuah produk untuk diakses dan digunakan oleh orang-orang dengan berbagai jenis kemampuan dan kebutuhan.

Contoh: Menggunakan kontras warna yang kuat antara teks dan latar belakang untuk memudahkan pembaca dengan gangguan penglihatan.

2. Active Voice

Active voice adalah gaya penulisan di mana subjek dari kalimat melakukan tindakan langsung pada objek.

Contoh: “Klik tombol ‘Submit’ untuk mengirim formulir” (active voice) dibandingkan dengan “Tombol ‘Submit’ akan diklik untuk mengirimkan formulir” (passive voice).

3. Breadcrumb

Breadcrumb adalah serangkaian tautan yang menunjukkan kepada pengguna letak mereka dalam hierarki suatu situs web.

Contoh: Beranda > Produk > Elektronik > Smartphone

4. Call to Action (CTA)

CTA adalah elemen desain yang dirancang untuk mendorong pengguna untuk mengambil tindakan tertentu, seperti mengklik tombol atau mengisi formulir.

Contoh: “Beli sekarang”, “Daftar gratis”, “Mulai percobaan gratis”.

5. Contextual Help

Contextual help adalah informasi yang ditampilkan kepada pengguna saat mereka membutuhkannya, biasanya dalam bentuk tooltip atau teks bantuan.

Contoh: Ketika pengguna mengarahkan kursor mouse ke tombol yang tidak jelas, tooltip muncul untuk memberikan penjelasan singkat tentang fungsinya.

6. Error Message

Error message adalah pesan yang ditampilkan kepada pengguna ketika mereka melakukan tindakan yang tidak valid atau gagal.

Contoh: “Username atau password salah. Silakan coba lagi.”

7. Feedback

Feedback adalah tanggapan yang diberikan kepada pengguna tentang tindakan atau interaksi mereka dengan produk.

Contoh: Setelah mengirim formulir, pengguna menerima pesan konfirmasi yang menyatakan bahwa formulir telah berhasil disampaikan.

8. Flow

Flow adalah urutan tindakan atau langkah-langkah yang diambil oleh pengguna saat menggunakan produk atau mengakses informasi.

Contoh: Proses pembelian dari memilih produk hingga menyelesaikan pembayaran.

9. Microcopy

Microcopy adalah teks pendek yang ditampilkan di user interface untuk memberikan informasi atau bantuan kepada pengguna.

Contoh: “Masukkan alamat email Anda” di dalam kotak input email.

10. Navigation

Navigation adalah struktur dan tata letak yang digunakan untuk membantu pengguna menavigasi melalui produk atau situs web.

Contoh: Menu utama di bagian atas situs web yang memungkinkan pengguna untuk beralih antara halaman-halaman yang berbeda.

11. Onboarding

Onboarding adalah proses memperkenalkan pengguna baru ke produk atau layanan dan membantu mereka memahami cara menggunakannya.

Contoh: Menggunakan tutorial interaktif saat pengguna pertama kali masuk ke aplikasi.

12. Progress Indicator

Progress indicator adalah elemen desain yang menampilkan kepada pengguna seberapa jauh mereka telah mencapai dalam suatu proses atau tugas.

Contoh: Bar progres yang menunjukkan berapa persen dari formulir yang telah diisi.

13. Responsive Text

Responsive text adalah teks yang beradaptasi dengan ukuran layar dan perangkat yang digunakan oleh pengguna.

Contoh: Ukuran teks yang disesuaikan untuk tampilan desktop dan mobile.

14. Status Message

Status message adalah pesan yang memberitahu pengguna tentang status atau keadaan suatu tindakan yang dilakukan.

Contoh: “Data telah berhasil disimpan” setelah pengguna mengupdate profil mereka.

15. Tone of Voice

Tone of voice adalah gaya komunikasi yang digunakan dalam teks untuk mencerminkan kepribadian atau merek tertentu.

Contoh: Gaya komunikasi yang santai dan ramah untuk merek yang ditujukan untuk anak muda, dan lebih serius dan profesional untuk merek perusahaan.

16. User Flow

User flow adalah rute atau jalur yang diambil oleh pengguna saat berinteraksi dengan produk dari awal hingga akhir.

Contoh: User flow untuk menyelesaikan pembelian dari memilih produk hingga menyelesaikan pembayaran.

Tertarik jadi Data Analyst? Baca panduan lengkap Data Analysis ini.

17. Whitespace

Whitespace adalah ruang kosong di sekitar elemen-elemen desain yang memberikan pernafasan visual dan meningkatkan kejelasan interface.

Contoh: Menggunakan ruang kosong di antara paragraf atau elemen desain untuk meningkatkan legibilitas.

18. Wizard

Wizard adalah alat atau fitur yang membimbing pengguna melalui serangkaian langkah atau proses untuk menyelesaikan tugas tertentu.

Contoh: Wizard pendaftaran yang memandu pengguna melalui proses pendaftaran langkah demi langkah.

19. Content Strategy

Content strategy adalah rencana yang disusun untuk mengelola, menyusun, dan menyajikan kont

en secara efektif kepada pengguna.

Contoh: Rencana untuk menghasilkan konten yang relevan dan bermanfaat bagi audiens target.

20. Information Architecture

Information architecture adalah struktur dan organisasi informasi dalam suatu produk atau situs web untuk memastikan pengguna dapat menemukan informasi dengan mudah dan cepat.

Contoh: Pengelompokkan artikel berdasarkan topik atau kategori yang sama di sebuah blog.

21. User Persona

User persona adalah representasi fiktif dari karakteristik, kebutuhan, dan perilaku pengguna ideal produk.

Contoh: Sarah, seorang profesional muda yang sibuk dengan pekerjaan penuh waktu dan mencari aplikasi untuk mengatur jadwal dan tugasnya.

22. Wireframe

Wireframe adalah sketsa atau blueprint awal dari tata letak halaman atau user interface tanpa graphic design atau detail visual.

Contoh: Sketsa sederhana dari tata letak halaman beranda sebuah situs web yang menunjukkan lokasi elemen-elemen utama seperti header, menu, dan konten.

23. Typography

Typography adalah ilmu dan seni dari tata letak, ukuran, dan gaya huruf yang digunakan dalam desain teks.

Contoh: Pemilihan font yang sesuai untuk judul, teks utama, dan teks tambahan dalam desain web.

24. Content Hierarchy

Content hierarchy adalah urutan dan prioritas informasi dalam suatu produk atau situs web, yang ditentukan oleh pentingnya informasi tersebut bagi pengguna.

Contoh: Memperbesar dan menyorot judul artikel untuk menunjukkan kepada pengguna bahwa itu adalah informasi yang paling penting di halaman tersebut.

25. Error Prevention

Error prevention adalah praktik desain untuk mencegah kesalahan atau kesalahan yang dilakukan oleh pengguna.

Contoh: Meminta pengguna untuk mengkonfirmasi tindakan sebelum mengeksekusinya, seperti menghapus suatu item.

26. Feedback Loop

Feedback loop adalah siklus di mana pengguna memberikan umpan balik tentang produk, dan tim pengembang menggunakan umpan balik tersebut untuk meningkatkan produk.

Contoh: Pengguna mengirimkan laporan bug, tim pengembang memperbaiki bug tersebut, dan pengguna menerima pembaruan perangkat lunak.

27. Guided Interaction

Guided interaction adalah desain interaksi yang membimbing pengguna melalui proses atau tugas dengan memberikan petunjuk atau arahan yang jelas.

Contoh: Memandu pengguna melalui proses pembuatan akun dengan langkah-langkah yang jelas dan sederhana.

28. Inclusive Language

Inclusive language adalah penggunaan kata dan frasa yang memperhatikan keberagaman dan mempertimbangkan berbagai pengalaman dan perspektif.

Contoh: Menggunakan kata “semua orang” daripada kata “pria” atau “wanita” dalam komunikasi produk.

29. Microinteractions

Microinteractions adalah animasi atau respons kecil yang terjadi saat pengguna berinteraksi dengan elemen user interface.

Contoh: Tombol yang memancarkan cahaya ketika diklik atau input field yang memperbesar saat fokus.

30. Plain Language

Plain language adalah penggunaan kata dan frasa yang sederhana, jelas, dan mudah dimengerti oleh semua orang.

Contoh: Mengganti “Mengklik di sini” dengan “Lanjutkan” atau “Pelajari lebih lanjut”.

31. Semantic Markup

Semantic markup adalah penggunaan tag HTML yang sesuai untuk menggambarkan struktur dan makna konten secara akurat.

Contoh: Menggunakan tag untuk elemen yang merupakan bagian atas halaman dan untuk elemen yang merupakan bagian bawah halaman.

32. User Interface (UI) Copy

UI copy adalah teks yang ditampilkan secara langsung di user interface, seperti tombol, label, dan pesan kesalahan.

Contoh: Label tombol “Masuk”, pesan kesalahan “Nama pengguna atau kata sandi salah”.

33. Voice Search Optimization

Voice search optimization adalah praktik untuk mengoptimalkan konten agar mudah ditemukan dan dimengerti oleh asisten suara seperti Siri, Google Assistant, atau Alexa.

Contoh: Mengoptimalkan konten dengan pertanyaan-pertanyaan yang sering diajukan untuk jawaban suara.

34. Whitespace

Whitespace adalah ruang kosong di sekitar elemen-elemen desain yang memberikan pernafasan visual dan meningkatkan kejelasan interface.

Contoh: Menggunakan ruang kosong di antara paragraf atau elemen desain untuk meningkatkan legibilitas.

35. Zero UI

Zero UI adalah user experience tanpa user interface yang jelas, yang terjadi ketika pengguna berinteraksi dengan produk melalui teknologi seperti suara atau gerakan.

Contoh: Mengontrol lampu pintar menggunakan suara atau gerakan tangan tanpa perlu menyentuh tombol atau layar.

Tertarik jadi Graphic Designer? Baca panduan lengkap Graphic Design di sini.

Menguasai istilah-istilah penting dalam UX Writing adalah langkah penting untuk menjadi seorang profesional di bidang ini. Dengan pemahaman yang mendalam tentang konsep-konsep ini, kita dapat mengembangkan teks yang efektif dan memberikan user experience yang memuaskan. Jangan ragu untuk terus belajar dan berlatih, dan kita akan menjadi seorang UX Writer yang sukses dalam waktu singkat.

Mari terus belajar dan kembangkan skill di MySkill.