Mengapa Desainer Menggunakan Lorem Ipsum?

Jawaban singkatnya

Teks pengisi ada untuk menjawab pertanyaan soal layout, bukan soal konten. Desainer mengisi wireframe dengan lorem ipsum karena pengaturan tipografi harus dinilai lebih dulu: di mana judul memotong baris, bagaimana blok paragraf duduk di samping ruang kosong, apakah tinggi tetap sebuah kartu bertahan dengan kalimat sungguhan. Pada saat itu belum ada yang menyepakati apa yang akan dikatakan teksnya. Teks asli di tahap itu mengganggu, dan kerangka kosong tidak bisa melihat apa pun.

Alasan isinya omong kosong, bukan bahasa Inggris pengisi, adalah sesuatu yang disengaja: teks yang tidak terbaca menjaga umpan balik tetap pada hierarki, jarak, dan bobot, alih-alih memicu perdebatan tentang pilihan kata. Alasan bentuknya Latin adalah panjang kata dan campuran huruf Latin tampak seperti prosa bahasa Eropa sekilas pandang, sambil jelas bukan teks final, jadi tidak ada yang mengiranya sebagai konten.

Itu seluruh logikanya. Bagian di bawah menguraikannya, lalu membahas di mana praktik ini keliru, yang terjadi lebih sering daripada yang diakui para desainer, terutama untuk produk yang rilis dalam lebih dari satu bahasa.

Teks pengisi bukan bentuk pengisi

Kerangka kosong adalah masalahnya. Layout yang digambar sebagai kotak kosong tidak bisa gagal: tidak ada yang meluber, tidak ada yang memotong baris, tidak ada yang terdorong keluar layar. Kotak kosong terlihat tenang dan seimbang karena tidak ada isinya yang perlu dilawan. Isi kotak yang sama dengan teks, dan desain mulai pecah dengan cara yang baru bisa Anda lihat setelah sesuatu memang terlanjur pecah.

Jadi teks pengisi bukan hiasan untuk mockup; ia mewakili bentuk tulisan sungguhan. Tiga sifat menanggung bebannya. Panjang: judul yang dua kata lebih panjang memotong ke baris kedua dan menggeser semua unsur di bawahnya. Panjang kata: kata panjang menentukan tepi kanan paragraf yang tidak rata, memaksa keputusan pemenggalan, dan membuka jalur ruang kosong yang mengalir ke bawah kolom yang rata kanan kiri. Irama baris: paragraf dengan jumlah kalimat berbeda membuat blok teks terlihat padat atau lapang, dan hidup matinya sebuah halaman ada pada tekstur itu.

Tidak satu pun masalah itu muncul selama kotaknya kosong, dan tidak satu pun muncul dengan kata pengisi lima huruf. Semuanya muncul dengan teks berpanjang wajar, panjang kata wajar, dan irama baris wajar. Itulah tepat yang disediakan teks pengisi kapan pun Anda minta, dan itulah sebabnya desainer meraihnya sebelum katanya ada.

Komponen berukuran tetap membuatnya lebih tajam: sebuah tombol, sel tabel, atau kartu yang dipangkas ke dua baris hanya teruji oleh kepenuhannya. Anda tahu layout mana yang bertahan begitu menempelkan paragraf yang benar-benar panjang.

• Hal yang hanya ditunjukkan sebuah kerangka ketika ia terisi:
• Di mana judul memotong baris, dan apakah baris kedua menyisakan satu kata yatim.
• Seberapa tidak rata tepi kanan setiap paragraf sebenarnya.
• Blok mana yang terbaca sebagai konten padat dan mana yang terbaca sebagai celah.
• Komponen berukuran tetap mana yang terpotong, mengecil, atau memotong baris ketika teks melampauinya.

Mengapa omong kosong, bukan teks asli

Konten yang bisa dibaca menarik mata. Masukkan judul sungguhan ke dalam mockup, dan semua orang yang melihatnya, yaitu Anda, klien, dan manajer produk, akan membaca kalimat itu dan bereaksi terhadap kalimatnya. Umpan balik berubah menjadi pilihan kata dan nada, dan layoutnya sendiri tidak dinilai karena tidak ada yang bisa menilai hierarki di bawah teks yang sedang mereka perdebatkan. Kata yang bermakna itu magnet; Anda tidak bisa meminta orang melihat melewatkannya, karena membaca tidak bekerja begitu.

Teks tanpa arti menolak ikut dalam hal itu. Tidak ada yang punya pendapat tentang “consectetur adipiscing elit”, jadi percakapan tetap di tempat yang seharusnya sementara layout sedang diputuskan: hierarki, jarak, bobot, skala. Itu bukan aturan atau pun trik, melainkan pengakuan bahwa meminta para pemangku kepentingan mengabaikan makna kata yang terbaca adalah permintaan yang tidak akan mereka turuti.

Ada manfaat yang lebih sunyi juga: teks pengisi tidak membawa ikatan apa pun. Draf teks asli menyiratkan halaman itu sudah mengatakan sesuatu, dan orang memperlakukan draf yang beredar sebagai konten yang sudah disetujui. Teks pengisi menyatakan dirinya belum selesai, sehingga diskusi layout tidak berubah menjadi diskusi persetujuan konten.

Mengapa khususnya Latin

Setelah Anda menerima bahwa pengisinya harus tidak terbaca, Anda masih perlu ia tampak seperti tulisan, dan itu bagian Latinnya. Teks pengisi gagal pada tugasnya jika ia terlihat palsu: bidang berisi “asdf asdf asdf” dikenali sebagai pengisi, dan mata meluncur lepas dari layout alih-alih membacanya sebagai sebuah halaman. Kata Latin punya bentuk prosa bahasa Eropa: panjang kata yang campur aduk, kata hubung pendek, tanda baca yang dikenal, huruf naik dan huruf turun tersebar seperti bahasa Inggris atau Jerman, cukup mirip sehingga satu paragraf di antaranya terbaca sebagai paragraf pada jarak Anda menilai layout.

Ia juga terang-terangan bukan teks final. Bahasa Yunani akan terlihat seperti pilihan desain; bahasa Prancis akan dibaca oleh separuh ruangan; bahasa karangan butuh usaha supaya tetap konsisten. Latin menempati titik tengah yang stabil: semua orang mengenalinya sebagai bahasa yang tidak akan dipakai siapa pun, jadi ia mewakili konten tanpa ada yang mengira pengisi itu sebagai sebuah keputusan. Mudah dikenali itulah yang membuat satu baris pembuka yang sama bertahan sebagai konvensi; maknanya adalah “kolom ini belum diisi”.

Yang menjadi syarat adalah bahwa “bentuk prosa bahasa Eropa” berarti aksara Latin, kata yang dipisah spasi, dan kira-kira campuran karakter bahasa Inggris, tidak lebih dari itu. Ia tidak bilang apa pun tentang bagaimana bahasa Jerman mengembang atau bagaimana bahasa China memotong baris. Keterbatasan itulah yang jadi topik bagian kegagalan di bawah.

Dari mana lorem ipsum berasal

Kisah asalnya diceritakan dengan lebih yakin daripada yang didukung buktinya. Berikut versi yang diterima secara luas, dengan bagian yang tidak pasti ditandai.

Sumber Latin klasik

Teks standarnya menurun dari Latin sungguhan. Kata pembukanya adalah kutipan yang diganggu dari De Finibus Bonorum et Malorum karya Cicero, “On the Ends of Good and Evil”, risalah etika dari abad pertama sebelum Masehi, dari bagian di dekat awal buku satu yang membahas kesenangan dan penderitaan. Bahwa Cicero adalah sumbernya, itu bagian yang disepakati para ahli dan penulis desain; rujukan bagian yang persis dikutip berbeda-beda di tiap cerita ulang, dan yang tersisa menunjukkan kutipan yang dipotong dan ditambal, suku kata dipangkas di tengah kata, dan serpihan disambung kembali. “Lorem ipsum dolor sit amet” bukan kalimat bahasa Latin; itu puing dari sebuah kalimat.

Jadi pertanyaan “apakah ini Latin sungguhan?” punya jawaban yang jujur: teks awalnya adalah Latin, dan ia dirusak dengan sengaja.

Praktik percetakan, bukan penemuan

Pengacakannya lebih penting daripada sumbernya, dan ia lebih tua daripada produk mana pun. Selama berabad-abad, contoh huruf dan bukti cetak memakai Latin yang tampak seperti prosa sungguhan tetapi tidak bisa disalahartikan sebagai buku siapa pun: pengisi yang memperlihatkan jenis huruf tanpa menawarkan teks yang bisa dibaca dan disalin. Lorem ipsum adalah satu penyelamat dari praktik itu, bukan penemuan satu orang cerdik di satu momen. Seberapa jauh contoh tertuanya berada benar-benar kabur dalam cerita populer: Anda akan melihat tanggal yang tersebar di paruh kedua milenium kedua, dan hampir semuanya bisa ditelusuri ke segelintir cerita ulang daring yang saling bersandar. Anggap tahun persis apa pun dalam kisah ini sebagai tebakan yang dibuat seseorang.

Kisah dekade 1960-an dan apa yang benar-benar bisa Anda kutip

Versi cerita rakyat bilang seorang penyusun huruf, atau lembaran huruf transfer kering dekade 1960-an, menciptakan teks itu dan menyebarkannya ke studio-studio desain, lalu penerbitan desktop menyelesaikan pekerjaannya. Gambaran besarnya masuk akal: teksnya sudah dipakai di dunia percetakan, sebuah produk pasar massal membuatnya universal, dan perangkat lunak desain membakunya dari sana. Rinciannya yang sering diulang, siapa yang memotong lembaran itu, tahun berapa, desainer terkenal siapa, bukan sesuatu yang bisa Anda kutip secara presisi, dan orang yang sudah coba mendokumentasikannya pun tidak berhasil mengunci detailnya. Jika Anda butuh satu kalimat yang andal: tidak ada yang tahu siapa membuat lorem ipsum jadi standar, tetapi standarlah ia menjadi.

Yang bukan cerita rakyat adalah apa yang terjadi setelahnya: begitu penerbitan desktop dan desain web mengambil teks itu, orang yang baru datang menyalin keluaran alat yang sudah ada, dan konvensinya terkunci. Itu sebabnya sebagian besar generator masih mulai dengan tiga kata yang sama terkenalnya.

Cara kerja lorem ipsum

Secara mesin, membuat teks pengisi adalah salah satu dari dua hal, dan keduanya gampang ketukar. Yang pertama adalah teks kanonik yang diperluas lewat pengacauan: ambil kutipan Cicero yang sudah rusak itu, lalu terus terapkan proses yang sama, buang huruf, tambah huruf lain, geser akhiran, dan Anda dapat halaman demi halaman teks mirip Latin yang tidak pernah menjadi kalimat. Dari situlah tampilan klasik “lorem ipsum” datang.

Yang kedua adalah bank kata dan undian acak: generator memegang daftar kata bermotif Latin dan mengambil dari situ untuk merakit paragraf yang Anda minta. Tanpa tata bahasa, tanpa makna, tanpa model bahasa nyata apa pun; keluarannya adalah derau berbentuk prosa. Sebagian besar alat yang benar-benar Anda pakai, termasuk generator yang ditautkan di akhir panduan ini, bekerja begitu.

Kedua metode memanfaatkan sifat yang sama: keterkenalan ada di level bentuk, bukan di level kebenaran. Anda menilai satu paragraf dari jarak sekitar satu setengah kaki, yaitu jarak di mana panjang kata, pemotongan baris, dan kerapatan tinta berpengaruh sedangkan ejaan tidak. Omong kosong dengan bentuk yang tepat lolos sebagai konten sekilas pandang, dan itu tepat yang dibutuhkan sebuah uji layout.

Kenali juga batas triknya: undian acak memberi panjang dan irama yang wajar, bukan campuran kata prosa sejati yang sangat bertumpu pada segelintir kata pendek yang umum. Pada jarak layout tidak ada yang menyadarinya, dan jarak layout adalah patokan yang dipenuhi.

Di mana ia keliru

Teks pengisi punya pekerjaan yang sempit, dan tiga kegagalan menjelaskan sebagian besar kerusakan yang ia buat.

Meninggalkannya di hasil akhir

Bencana klasiknya adalah halaman yang sudah tayang masih membawa “consectetur adipiscing elit” karena tidak ada yang mengganti teksnya. Di dalam mockup, teks pengisi menyatakan “belum selesai”; di produk yang sudah rilis ia menyatakan “kami tidak peduli”. Judul, label navigasi, dan teks tombol yang asli harus sudah terpasang jauh sebelum berkas keluar dari perangkat Anda, karena itulah unsur yang pertama dibaca setiap peninjau, dan panjangnya tidak pernah boleh Anda tebak.

Ada versi yang lebih halus: mengisi semua kolom dengan pengisi kecuali yang penting. Tabel harga yang disusun dengan nama paket pengisi belum menguji apa pun, karena paket yang isinya benar-benar berbunyi “Enterprise Annual Contract” itulah yang memotong baris.

Meninjau aksesibilitas atau konten dengannya

Teks pengisi tidak memberi tahu apa pun tentang panjang konten sungguhan, jadi ia bahan yang salah untuk apa pun yang bergantung pada makna. Pembaca layar akan membacakan omong kosong dengan lancar, jadi peninjauan aksesibilitas di atas lorem ipsum menemukan semua masalah pada teks yang tidak punya masalah, sementara teks alternatif, tujuan tautan, dan urutan pembacaan di bawah judul asli tidak teruji. Sesi usabilitas dengan teks pengisi menghasilkan peserta yang memparafrasekan omong kosong, yang berarti satu sesi terbuang dengan sopan.

Hal yang sama berlaku untuk panjang. Paragraf lorem ipsum punya rata-rata sesuai parameter generatornya; teks produk sungguhan punya pesan error beberapa kali lebih panjang daripada pengisinya, nama produk tanpa spasi, dan string yang diketik pengguna sepanjang kolom mengizinkan. Teks pengisi bisa mendekati rata-rata. Ia tidak bisa mendekati ekorannya.

Menguji produk multibahasa dengan pengisi berbentuk bahasa Inggris

Ini kegagalan dengan biaya nyata terbesar, dan sebagian besar penjelas melewatkannya sepenuhnya. Teks standar mendekati prosa sepanjang bahasa Inggris, yang kata-katanya dipisah spasi, dan beraksara Latin. Tiga variabel yang benar-benar menentukan apakah sebuah layout bertahan setelah diterjemahkan, yaitu berapa banyak ruang yang diambil teks, di mana baris boleh patah, dan ke arah mana teks berjalan, semuanya dipatok ke bahasa Inggris oleh pilihan itu, jadi satu paragraf lorem ipsum Inggris tidak menguji satu pun dari semuanya untuk bahasa lain.

Pertama, perluasan. Terjemahan ke sebagian besar bahasa Eropa butuh ruang yang kelihatan lebih banyak daripada naskah Inggris aslinya; patokan yang sering dikutip dalam lokalisasi menyatakan bahwa bahasa Jerman, Prancis, dan Spanyol masing-masing butuh kira-kira 15-35 persen lebih banyak, dan bahasa Jerman biasanya yang paling panjang di antara yang umum. Kolom yang ukurannya diambil dari paragraf pengisi Inggris tiga belas kata adalah kolom yang dengan mudah diluberi oleh kalimat Jerman dua puluh kata.

Kedua, aturan pemotongan, dan ini yang paling menggigit. Teks Mandarin dan Jepang tidak memakai spasi sama sekali: tidak ada kata yang bisa dipilih algoritma pemenggalan baris, pemotongan terjadi antar karakter, dan kepadatan per barisnya tidak mirip apa pun dalam aksara Latin. Menguji satu paragraf lorem ipsum Inggris untuk bahasa-bahasa itu berarti Anda belum menguji pemotongan baris sama sekali. Masalah cerminnya adalah string yang tidak bisa dipotong: satu URL, satu alamat email, satu kata majemuk Jerman yang panjang, yang berperilaku seperti CJK dalam ukuran kecil dan meluberkan wadah yang menangani “lorem ipsum” dengan indah.

Ketiga, arah. Bahasa Arab dan Ibrani membalik layout: perataan, penanda daftar, urutan baca, dan satu paragraf Latin tidak memberi tahu apa pun tentang bagaimana desain yang dicerminkan berperilaku. Semua ini bukan alasan untuk membuang teks pengisi pada produk internasional; ini berarti pengisinya harus menyesuaikan bentuk bahasa sasaran, bukan bentuk bahasa Inggris.

Apa yang dipakai gantinya

Teks pengisi menjadi alat yang salah begitu pertanyaannya berhenti menjadi “apakah layout ini bertahan” dan berubah menjadi “apakah halaman ini bekerja”. Tiga penukaran menutup hampir semua kasus.

Konten asli sedini mungkin. Perbaikan terkuat adalah berhenti memakai teks pengisi segera setelah katanya ada. Judul, navigasi, label tombol, dan pengantar bagian biasanya sudah ditulis sebelum tinjauan desain; masukkan drafnya dan biarkan layout menyerap kebenaran tentang panjangnya, walaupun redaksinya berubah belakangan. Desainer yang bekerja dengan judul asli tetap mendapat umpan balik layout, dan perdebatan soal kata terjadi lebih awal, saat harganya masih murah.

Pengisi yang setia panjang untuk bahasa sasaran. Jika produknya rilis dalam bahasa Jerman, bangun bentuk Jermannya. Ada dua jalur: penerjemahan semu, yang menulis ulang setiap string asli menjadi teks sintetis beraksen yang lebih panjang sesuai perkiraan perluasan, sehingga Anda melihat panjangnya tanpa menunggu penerjemah; atau paragraf pengisi yang sekadar dibuat lebih panjang, kira-kira 1.3 kali volume bahasa Inggris, untuk bahasa yang dituju. Untuk CJK, tempelkan prosa Mandarin atau Jepang sungguhan dengan panjang yang wajar; perilaku pemotongan barisnya justru intinya, dan hanya teks asli yang menjalankannya.

String asli terburuk. Sebelum serah terima, ganti pengisi dengan masukan terpanjang yang benar-benar bisa diterima kolom itu: nama keluarga ganda, judul produk yang kepanjangan, email sepanjang mungkin, dan pesan error terpanjang yang pernah Anda tulis. Ini membosankan, dan ini pemeriksaan dengan imbalan terbesar yang bisa Anda lakukan, karena rilis sebuah layout ditentukan oleh kasus tepinya, bukan oleh rata-ratanya.

• Daftar penukarannya dalam satu tempat:
• Menjelajahi layout, gaya, dan hierarki: teks pengisi, pertahankan.
• Menentukan ukuran komponen dan breakpoint: draf konten asli dengan panjang yang wajar.
• Merancang bahasa internasional: penerjemahan semu atau pengisi bahasa sasaran.
• Pengujian usabilitas, peninjauan aksesibilitas, peninjauan konten: hanya kata sungguhan.

Memakai generator lorem ipsum dengan benar

Generator yang ditautkan dari halaman ini dibuat untuk pekerjaan layout dan tidak untuk yang lain. Anda memilih jumlah paragraf, dari 1 sampai 10, dan jika mau mengatur kalimat per paragraf serta kata per kalimat; biarkan salah satu kolom kosong dan alat ini mengacak dalam sebuah rentang, yaitu 4 sampai 9 kalimat per paragraf dan 8 sampai 18 kata per kalimat. Pengacakan itu justru intinya: lima paragraf dengan ukuran sama terlihat seperti pengisi kosong, dan Anda tidak bisa menilai tepi kanan yang tidak rata kalau setiap baris berhenti di titik yang sama. Kotak centang «Mulai dengan frasa klasik» menahan baris pembuka klasik “Lorem ipsum dolor sit amet” jika Anda ingin mockup-nya terbaca sebagai konvensi yang dikenali. Pada setelan maksimum, yaitu 10 paragraf, 9 kalimat masing-masing, dan 18 kata per kalimat, keluarannya adalah 10 × 9 × 18 = 1,620 kata.

Di baliknya ada metode bank kata, bukan pengacauan klasik: bank tetap berisi 280 kata Latin, yang hanya bagian awalnya mengikuti teks warisan Cicero; sisanya kosakata Latin yang campur aduk, dengan beberapa token tak beraturan yang diselipkan. Kata diambil secara independen dan seragam dengan Math.random, jadi hasil pembuatan berulang terlihat berbeda satu sama lain, dan tidak ada apa pun dalam keluarannya yang ditiru dari frekuensi kata Latin sungguhan. Ini memang derau berbentuk prosa: tugasnya adalah panjang dan irama yang wajar, bukan palsuan yang benar secara filologi.

Batasnya layak disebut terang-terangan, karena itu pilihan desain dan bukan kutu yang baru ketahuan nanti. Keluarannya adalah teks biasa di dalam sebuah kotak dengan tombol salin. Tidak ada mode markah HTML, tidak ada mode daftar atau judul, dan tidak ada unduhan berkas: untuk menempelkan ke kode atau ke alat desain, Anda membungkus paragrafnya sendiri, sehingga strukturnya tetap milik Anda. Semuanya berjalan lokal, dan tidak ada yang Anda buat dikirim ke mana pun.

Secara praktis: ambil jumlah paragraf yang cocok dengan bagian yang sedang Anda rancang, biarkan kolom kalimat dan kolom kata kosong supaya variasinya alami, tempel ke dalam kerangka, lalu tukar dengan string yang benar-benar akan ada sebelum siapa pun di luar tim Anda melihat berkas itu.

• Yang generator ini lakukan: 1 sampai 10 paragraf teks pengisi biasa, kolom kalimat dan kata yang opsional, baris pembuka klasik yang opsional.
• Yang generator ini tidak lakukan: membuat HTML, daftar, atau judul, menyimpan berkas, atau mengirim apa pun yang Anda tulis ke mana pun.

Pertanyaan yang sering diajukan