Lorem Ipsum และข้อความตัวอย่าง

Lorem ipsum มาจากไหน

ประโยคที่คุ้นเคยอย่าง “Lorem ipsum dolor sit amet…” เป็นข้อความที่ถูกสลับมาจาก De finibus bonorum et malorum (“ว่าด้วยขอบเขตของความดีและความชั่ว”) ของซิเซโร เมื่อ 45 ปีก่อนคริสตกาล คำต่าง ๆ ถูกตัดและดัดแปลง “lorem” คือท้ายของคำ “dolorem” ที่ถูกตัดคร่อมระหว่างสองบรรทัดในต้นฉบับ ผลลัพธ์ดูเหมือนภาษาละติน แต่อ่านเป็นภาษาละตินไม่ได้

ช่างพิมพ์ใช้ข้อความเติมแบบนี้มานานแล้ว มันแพร่หลายในทศวรรษ 1960 ผ่านแผ่นตัวอักษรลอกติด Letraset และในทศวรรษ 1980 โปรแกรมจัดหน้าสิ่งพิมพ์อย่าง Aldus PageMaker ก็มีมาให้แล้ว ในทศวรรษ 1990 Richard McClintock นักวิชาการภาษาละติน สืบข้อความนี้ย้อนไปถึงซิเซโร เนื่องจากต้นฉบับมีอายุกว่าสองพันปี ข้อความนี้จึงใช้ได้อย่างอิสระ

ทำไมนักออกแบบจึงใช้ข้อความตัวอย่าง

ข้อความที่อ่านได้ดึงความสนใจ ในการประชุมรีวิว ผู้คนเริ่มวิจารณ์ประโยคแทนเลย์เอาต์ lorem ipsum มีคำสั้นและยาวปนกันอย่างเป็นธรรมชาติและไม่มีความหมาย สายตาจึงเห็นบรรทัด ย่อหน้า และความหนาแน่นของตัวอักษร ไม่ใช่ประโยค ซึ่งทำให้มันมีประโยชน์สำหรับ

• การตัดสินใจเรื่องเลย์เอาต์และตัวอักษรในช่วงแรก ได้แก่ ความกว้างคอลัมน์ ระยะห่างบรรทัด ขนาดตัวอักษร
• เทมเพลตและคอมโพเนนต์ที่ภายหลังจะรับเนื้อหาจากผู้เขียนหลายคน
• การทดสอบว่าหน้าเว็บทำงานอย่างไรเมื่อมีข้อความสั้นมากและยาวมากในตำแหน่งเดียวกัน

เมื่อข้อความตัวอย่างทำให้เข้าใจผิด

lorem ipsum ยาวเท่าเดิมไม่ว่าจะวางไว้ที่ใด แต่เนื้อหาจริงไม่เป็นเช่นนั้น สิ่งที่มักทำให้ประหลาดใจ ได้แก่

• หัวเรื่องและปุ่ม ที่เขียนภายหลังยาวหรือสั้นกว่าข้อความตัวอย่าง และทำให้เลย์เอาต์เสีย ให้ทดสอบด้วยข้อความจริงที่สั้นที่สุดและยาวที่สุด ไม่ใช่ค่าเฉลี่ย
• ชื่อ ที่อยู่ และราคา มีรูปแบบเฉพาะ เช่น นามสกุลยาว ชื่อถนน 30 อักขระ ราคาที่มีสัญลักษณ์สกุลเงินและตัวคั่นหลักพัน
• คำแปล มักยาวกว่าภาษาอังกฤษ และป้ายกำกับสั้น ๆ อาจยาวขึ้นเป็นสองเท่า คำประสมภาษาเยอรมันจะไม่ตัดบรรทัดหากไม่ได้ใส่ยัติภังค์
• โครงสร้างจริง มีรายการ ลิงก์ คำพูดอ้างอิง และหัวข้อย่อย ซึ่งไม่เคยปรากฏในบล็อก lorem ipsum

สำหรับการทดสอบการใช้งาน ให้ใช้ข้อความที่สมจริง ผู้เข้าร่วมไม่สามารถประเมินว่าหน้านั้นสมเหตุสมผลหรือไม่ หรือหาข้อมูลในหน้านั้นได้ หากข้อมูลเป็นข้อความตัวอย่างภาษาละติน

ข้อความตัวอย่างในภาษาอื่น

เลย์เอาต์ที่ใช้ได้กับอักษรละตินอาจใช้ไม่ได้กับระบบการเขียนอื่น ภาษาจีนและญี่ปุ่นเขียนโดยไม่เว้นวรรคระหว่างคำ บรรทัดจึงตัดได้ระหว่างอักขระแทบทุกคู่ โดยมีกฎห้ามเครื่องหมายวรรคตอนบางตัวขึ้นต้นบรรทัด ภาษาไทยก็ไม่เว้นวรรคระหว่างคำเช่นกัน แต่ต้องตัดบรรทัดที่ขอบเขตของคำ เบราว์เซอร์จึงต้องใช้พจนานุกรมเพื่อหาจุดตัด ภาษาเกาหลีเว้นวรรคระหว่างหน่วยคำ แต่มีรูปพยางค์ต่อบรรทัดมากกว่ามาก ทุกระบบการเขียนต้องใช้ฟอนต์ที่มีอักขระนั้น หากฟอนต์ที่เลือกไม่มี เบราว์เซอร์จะใช้ฟอนต์อื่นแทน ซึ่งมีความกว้างและความสูงบรรทัดต่างกัน ภาษาไทยยังมีสระและวรรณยุกต์ที่อยู่เหนือและใต้พยัญชนะ จึงมักต้องการระยะห่างบรรทัดมากกว่าอักษรละติน

ด้วยเหตุนี้ เครื่องมือสร้างของ LeedyBox จึงสร้างข้อความตัวอย่างเป็นภาษาเกาหลี ญี่ปุ่น และจีนได้ด้วย สำหรับเว็บไซต์หลายภาษา ให้ทดสอบทุกเลย์เอาต์ด้วยข้อความในระบบการเขียนเป้าหมาย ไม่ใช่ด้วย lorem ipsum

ข้อความตัวอย่างที่ดีกว่าสำหรับแต่ละงาน

ไลบรารีข้อมูลทดสอบอย่าง Faker สร้างชื่อ ที่อยู่ และวันที่ที่ดูน่าเชื่อถือได้ในหลายภาษา สำหรับต้นแบบและการทดสอบอัตโนมัติ

ก่อนเผยแพร่

ข้อความตัวอย่างที่หลงเหลือบนหน้าที่เผยแพร่ดูไม่ใส่ใจ และไม่ได้ให้อะไรทั้งกับผู้อ่านและเครื่องมือค้นหา ก่อนเปิดตัว

• ค้นหาในโค้ดและระบบจัดการเนื้อหาด้วยคำว่า “lorem”, “ipsum” และเครื่องหมายอื่นที่ทีมของคุณใช้ เช่น “TODO” หรือ “TBD”
• ตรวจตำแหน่งที่ไม่มีใครอ่านระหว่างรีวิว ได้แก่ ชื่อหน้า คำอธิบายเมตา ข้อความแทนรูปภาพ ข้อความเมื่อไม่มีข้อมูล และเทมเพลตอีเมล
• ฟังหน้าเว็บหนึ่งรอบด้วยโปรแกรมอ่านหน้าจอ ข้อความตัวอย่างและป้ายกำกับที่ขาดหายจะสังเกตได้ง่ายกว่ามากเมื่อฟัง

คำถามที่พบบ่อย