Teks dan pesan yang jelas sangat penting untuk meningkatkan usabilitas sistem. Dokumen ini memberikan panduan untuk memilih kata, menulis kalimat dan pesan, serta menampilkan teks dengan cara yang mudah dibaca dengan menggunakan bahasa sederhana, kalimat pendek, dan paragraf singkat.

1. Write Clear Text and Messages
Ramses R. S. S. (G64124067)
Ridwan AR. (G64124071)
Ramadhan D. H. (G64124010)
Tresno Perdana (G64124065)
Arief Kurniawan (G64124012)
Page 1 of 39

2. Pendahuluan
 Penggunaan kata pada antarmuka dan layar
merupakan bentuk komunikasi awal dengan user
 Kata, pesan dan teks yang jelas dan bermakna
dapat meningkatkan usabilitas sistem dan
meminimalkan kebingungan yang dapat
menyebabkan error dan penolakan sistem
Page 2 of 39

3. Pendahuluan (2)
 Pada tahap ini akan dipelajari panduan pemilihan
kata serta menuliskan pesan dan teks:
 Konsep readabilitas Panduan web:
 Pemilihan kata  Menampilkan dan
 Penulisan kalimat dan pesan menulis teks
 Jenis-jenis pesan  Menulis links dan
headings
 Menampilkan dan menulis
teks  Menulis instruksi dan
pesan error
Page 3 of 39

4. Readabilitas
 Tingkat kemudahan kalimat untuk dipahami,
berdasarkan kompleksitas kata dan kalimat
 Faktor-faktor readabilitas:
 Panjang kata
 Kebiasaan kata / kata umum
 Panjang kalimat
 Jumlah suku kata dalam kalimat
 Pengaturan informasi, layout dan format
Page 4 of 39

5. Panduan Readabilitas
 Tuliskan di bawah level
readabilitas pengguna
 Terapkan prinsip penulisan
teks persentasi
Page 5 of 39

6. Pemilihan Kata
 Jangan gunakan
 Jargon/istilah
 Singkatan dan akronim
 Bentuk singkat dari kata
Page 6 of 39

7. Pemilihan Kata (2)
 Gunakan
 Kata yang singkat dan familiar
 Karakter alfabet standar
 Kata lengkap
 Istilah positif
 Kata aksi sederhana
 Kata yang konsisten
Page 7 of 39

8. Pemilihan Kata (3)
 Jangan
 Menumpuk kata
 Menyambung kata
Page 8 of 39

9. Menulis Kalimat dan Pesan
 Jelas dan sederhana
 Tidak lebih dari dua puluh kata per kalimat
 Tidak lebih dari enam kalimat per paragraf.
 Ditulis di bawah level membaca pengguna
 Langsung dapat dipahami
Page 9 of 39

10. Menulis Kalimat dan Pesan (2)
 Berbentuk kalimat afirmatif
 Berbentuk kalimat aktif
 Sesuai urutan kejadian
 Topik utama disampaikan di awal
Page 10 of 39

11. Menulis Kalimat dan Pesan (3)
 Nonauthoritarian: pengguna yang mengontrol
 Nonthreatening: bersahabat
 Nonanthropomorphic
 Nonpatronizing: tidak mengulang pesan
 Nonpunishing
 Hati-hati dalam penggunaan humor
Page 11 of 39

12. Jenis-jenis Pesan
 Status Messages
 Informational Messages
 Warning Messages
 Critical Messages
 Question Messages
Page 12 of 39

13. Contoh
Information Messages Warning Messages
Critical Messages
Page 13 of 39

14. Menulis Teks pada Message Box
 Title bar
 Message box
Page 14 of 39

15. Lokasi Pesan
 Message line untuk pesan yang tidak boleh
mengganggu informasi di layar
 Pop-up windows bisa untuk pesan jenis apapun
 Pop-up windows cocok untuk pesan kritis
Page 15 of 39

16. Menulis Teks
Kalimat dan paragraf :
 Gunakan kalimat singkat
 Gunakan sedikit kalimat
 Kalimat berbeda untuk ide berbeda
 Gunakan paragraf singkat
 Satu paragraf untuk satu ide
Page 16 of 39

17. Menulis Teks
Style :
 Gunakan kalimat aktif
 Gunakan gaya tulis personal
 Tulis seperti berbicara
 Gunakan opini subjektif
 Gunakan contoh spesifik
 Baca keras-keras
Page 17 of 39

18. Content and Text for Web Pages
Bagian terpenting dari situs Web adalah isinya, maka
sebuah situs Web harus ditulis dengan baik.
Konten yang buruk akan meningkatkan kebingungan
pengguna, meningkatkan kesalahan pemahaman,
meningkatkan waktu baca, dan mengurangi
kepuasan pengguna.
Page 18 of 39

19. Guidelines :
 Words
 Page Text
 Page Title
 Headings and Headlines
 Instructions
 Error Messages
Page 19 of 39

20. Words :
Minimalkan penggunaan kata-kata yang menarik
perhatian ke Web.
 “This Web site,”
 “Click here,”
 “Follow this link.”
Page 20 of 39

21. Page Text :
Halaman web harus dibaca dan ditulis dengan
benar.
 Presentation
Menyediakan teks yang kontras tinggi dengan latar
belakang
Page 21 of 39

22. Page Text :
 Writing
• Style
• Links
• Scanning
• International audience
• Testing
Page 22 of 39

23. Page Text :
 Writing
• Style
 Gunakan Style yang mencerminkan kebutuhan pengguna
situs.
 Tulisan yang obyektif.
 Gunakan organisasi piramida terbalik. Umum - Khusus
 Ringkas, hanya menggunakan sekitar setengah jumlah kata
dari teks konvensional.
 Setiap paragraf harus:
 Singkat.
 Mengandung satu ide utama.
Page 23 of 39

24. Page Text :
 Writing
• Links
 Minimalkan link dalam teks.
 Tempatkan di awal atau akhir paragraf dari teks.
Page 24 of 39

25. Page Text :
 Writing
• Scanning
 Membuat teks scannable dengan menggunakan:
 Bulleted listings.
 Tables.
 Headings and subheadings.
 Highlighted and emphasized important issues.
 Short paragraphs.
Page 25 of 39

26. Page Text :
 Writing
• Testing
 Tes untuk keterbacaan dan mudah dibaca
Page 26 of 39

27. Page Text :
 Writing
• International audience
 Pertimbangkan kebutuhan pengunjung internasional.
Page 27 of 39

28. Page Text :
 Writing Link Labels
• Meaningful labels
• Embedded links
• Standalone links
• Glosses or link labels
Page 28 of 39

29. Page Text :
 Writing Link Labels
• Meaningful labels
 Deskriptif kata, terdiferensialkan, prediksi, dan aktif.
 Kata kunci diposisikan di awal.
 Konten yang ringkas namun tidak lama untuk dipahami.
 Kalimat yang jelas menunjukkan tujuan link atau tindakan
yang dihasilkan.
 Link nama yang cocok dengan halaman tujuan mereka.
Page 29 of 39

30. Page Text :
 Writing Link Labels
• Embedded links
 Mengintegrasikan Link yang tertanam ke dalam teks.
 Pastikan bahwa link tertanam bersifat deskriptif.
 Buatlah hanya beberapa kata.
 Jangan dari dua baris.
Page 30 of 39

31. Page Text :
 Writing Link Labels
• Standalone links
Link Standalone tidak boleh melebihi satu kalimat panjang.
Page 31 of 39

32. Page Text :
 Writing Link Labels
• Glosses or link labels
Menyediakan glosses atau label link ke membantu pemahaman
link
Page 32 of 39

33. Page Text :
 Link Titles
• Judul link yang menggambarkan
 Nama link situs tersebut akan mengarah pada (jika berbeda
dari situs saat ini).
 Nama link subsection akan mengarah pada (jika tinggal di
dalam situs saat ini).
 Jenis informasi dapat ditemukan di tempat tujuan.
 Bagaimana informasi yang terkait berhubungan dengan
anchor link dan konten halaman saat ini.
 Seberapa besar informasi yang terkait.
 Peringatan tentang kemungkinan masalah yang akan ditemui
di ujung.
Page 33 of 39

34. Page Text :
 Link Titles
• Batasi judul tidak lebih dari 60 karakter.
POOR>
Paragraphs with embedded links are sometimes useful for a variety of reasons.
BETTER>
Paragraphs with embedded links are sometimes useful for a variety or reasons.
BEST>
Embedded Links
Page 34 of 39

35. Page Title
 Menyediakan judul halaman
• Memiliki kata kunci yang bermakna.
• Kata pertama adalah deskripsi yang paling penting.
• Masuk akal bila dilihat keseluruhan dari konteks.
• Berbeda dari page titles.
• Gunakan case yang dipadukan.
 Jangan menyorot kata kunci.
Page 35 of 39

36. Headings and Headlines
 Buat judul yang bermakna dan headline yang cepat
dipahami isi.
 Buatlah kata pertama yang penting dari informasi.
 Jangan memakai awalan (the dan a).
 Buat bermakna untuk memecah blok besar teks.
Page 36 of 39

37. Instructions
 Jangan gunakan kalimat yang menunjukkan urutan
halaman tertentu atau aliran.
 Jelaskan kemana "Up" akan menuju.
 Frasekan instruksi pada browser.
 Minimalkan “Click here“.
 Katakanlah “Select this link."
Page 37 of 39

38. Error Messages
 Memberikan pesan kesalahan yang bermanfaat dan
tepat untuk
 Lengkap atau salah mengetik, masuk, atau data yang dipilih.
 Permintaan untuk dokumen yang tidak ada atau tidak dapat
ditemukan.
 Tampilkan kembali pesan pada halaman yang terkait.
 Menyajikan dengan cara visual khas dan terlihat.
Page 38 of 39

39. Terima Kasih
Page 39 of 39