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

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

ติดตามบทความจากเรา

รับบทความน่ารู้เกี่ยวกับงานออนไลน์จากเรา Grappik Design ได้โดยทันทีส่งตรงถึงอีเมลคุณ

แบบไหนเรียกกว่าดี

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

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

 

ตัวแปรหลักของตัวอักษร

ตัวแปรหลักที่ทำให้ข้อความบนเว็บไซต์ของเราออกมาดีหรือแย่จะประกอบไปด้วย

Font family : ถ้าข้อความเป็นเหมือนคนคนหนึ่ง Font family(รูปแบบฟอนต์) ก็เป็นเหมือนเครื่องแต่งกายที่ทำให้คนคนนั้นออกมาหล่อมากกว่าปกติหรือออกมาแย่กว่าปกติก็ได้ถ้าเลือกตัวเลือกที่ผิดไป

Font size : ขนาดของตัวอักษรก็เป็นอีกหนึ่งจุดหลักที่ต้องใส่ใจ ข้อความที่ใหญ่จะทำให้มีความโดดเด่นแต่ถ้าใหญ่จนเกินไปก็ทำให้อ่านยากได้ ข้อความที่เล็กเกินไปทำให้อ่านยากต้องเพ่งมากกว่าปกติ

Line height : ระยะห่างระหว่างบรรทัดก็เป็นอีกจุดสำคัญที่ช่วยสร้างพื้นที่ระหว่างบรรทัดให้อ่านได้ง่ายมากขึ้น

Text width : ข้อความที่เบียดกันมากจนเกินไปทำให้อ่านยาก แต่กว้างเกินไปก็เปลืองเนื้อที่และอ่านยากอีกด้วย

 

ทำอย่างไรให้ข้อความอ่านง่าย

วิธีแรกที่ควรจะทำคือการกำหนด Font size, Line height, Text width ให้ลงตัวเสียก่อน เริ่มต้นด้วยการพิมพ์ข้อความที่ต้องการลงไปซึ่งในหนึ่งหน้าเว็บควรจะประกอบไปด้วยข้อความหลากหลายขนาดคือ H1 H2 H3 และข้อความปกติ(body) และจะดีมากถ้าคุณใช้ข้อความเป็นข้อความจริงที่คุณจะใช้งานบนเว็บไซต์แต่ถ้าไม่มีเราแนะนำให้ใช้ Lorem Ipsum จำทำให้เห็นรูปร่างหน้าตาของข้อมความได้ดียิ่งขึ้น

 

จะรู้ได้อย่างไรว่าเหมาะสม

ข้อความของคุณเล็กเกินไปถ้า

  • ต้องเพ่งสมาธิในการอ่านมากกว่าปกติ
  • ต้องหรี่ตาระหว่างอ่าน
  • มีความต้องการจะซูมเข้าไปเพื่ออ่าน

ข้อความของคุณใหญ่เกินไปถ้า

  • คุณจะเห็นตัวอักษรชัดกว่าข้อความโดยรวม
  • สามารถอ่านข้อความได้เพียงสั้นๆในแต่ละครั้ง
  • มีความต้องการจะซูมออกเพื่ออ่าน

 

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

 

Comments

comments

Worrapob

Author Worrapob

More posts by Worrapob