5 การเปลี่ยนแปลงแบบอักษรง่ายๆ เพื่อเพิ่มผู้อ่าน ความคิดเห็น และการแชร์ในบล็อกของคุณ

โพสต์ของแขกรับเชิญนี้จัดทำโดย Bnonn จาก Information Highwayman

คุณอาจไม่ทราบ แต่การตั้งค่าแบบอักษรในบล็อกของคุณอาจส่งผลกระทบอย่างมากต่อจำนวนคนที่อ่านเนื้อหาของคุณ

และจำนวนคนที่อ่านเนื้อหาของคุณมีผลอย่างมากต่อการที่โพสต์จะกลายเป็นกระแสไวรัล

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

ขนาดตัวอักษร - ขั้นต่ำ 16px

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

น่าเศร้าที่ไม่มีอะไรเปลี่ยนแปลงตั้งแต่นั้นมา การสุ่มตัวอย่างการออกแบบบล็อกใหม่ที่ SiteInspire (แกลเลอรีการออกแบบเว็บไซต์ที่นำเสนอการออกแบบที่ดีที่สุด) แสดงให้เห็นว่าขนาดตัวอักษรโดยเฉลี่ยสำหรับเนื้อหาคือ 12 พิกเซล บางส่วนต่ำถึง สิบพิกเซล ไม่เกิน 14 พิกเซล ในทำนองเดียวกัน หากคุณสุ่มตัวอย่างข้อเสนอจาก Elegant Themes หรือ ThemeForest ยอดนิยม คุณจะพบว่าทุกธีมกำหนดเนื้อหาโพสต์ที่ 12 หรือ 13 พิกเซล

และแน่นอนว่าผู้สร้างธีมคนอื่นๆ มักจะทำตามผู้นำของกลุ่มใหญ่

แต่ตามที่ผู้เชี่ยวชาญด้านการใช้งานและการพิมพ์ Oliver Reichenstein จาก Information Architects ชี้ให้เห็นว่า 16 พิกเซล คือขนาดตัวอักษรที่เบราว์เซอร์ ตั้งใจ ให้แสดงตามค่าเริ่มต้น และมีขนาด ไม่ ใหญ่นัก ข้อความขนาด 16px บนหน้าจอโดยเฉลี่ยจะมีขนาดเท่ากับข้อความขนาด 12 จุดในการพิมพ์ นั่นคือขนาดเริ่มต้นสำหรับนิตยสารส่วนใหญ่ เช่นเดียวกับโปรแกรมประมวลผลคำทั้งหมด เนื่องจากเป็นขนาดที่ผู้คนพบว่าอ่านได้สะดวกที่สุด หลายๆ คน โดยเฉพาะผู้ที่มีอายุ 40 ปีขึ้นไป พบว่าการอ่านข้อความเล็กๆ เป็นเรื่องยากมาก ดังที่ Reichenstein สังเกต:

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

ใช้ข้อความสีเข้มกับสีอ่อน การกลับด้านไม่ดี

โชคดีที่เราก้าวข้ามผ่านสมัยที่ผู้เขียนเนื้อหาคิดว่า สีแดงม่วงบนข้อความสีน้ำเงิน ดูดีมาก แต่ ข้อความสีขาวบนพื้นดำ หรือที่เรียกว่าแบบกลับด้าน ยังคงเป็นเรื่องปกติ เช่นเดียวกับรูปแบบต่างๆ เช่น สีขาวบนสีเข้มอื่นๆ

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

เหตุใดจึงเสี่ยงที่จะสูญเสียผู้อ่านจำนวนมาก? สีดำหรือสีเทาเข้มมากบนพื้นสีขาวดูสะอาดตา และมีธีมดีๆ มากมายที่ใช้สีเหล่านั้น

ความกว้างของบรรทัด - 45 ถึง 75 อักขระ

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

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

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

ความสูงของเส้น —130% หรือมากกว่า

โชคดีที่นี่เป็นข้อผิดพลาดที่เกิดขึ้นไม่บ่อยนัก หากคุณใช้ธีมแบบมืออาชีพ คุณก็ไม่ต้องกังวล

เพื่อเป็นตัวอย่าง ฉันได้ตั้งค่าย่อหน้านี้ไว้ที่ความสูงของบรรทัดเริ่มต้น (หรือที่เรียกว่าการนำหน้า ตามหลังแถบตะกั่วที่ใช้แยกบรรทัดข้อความบนแท่นพิมพ์แบบเก่า) มันให้ความรู้สึกคับแคบและไม่น่าดึงดูดใจในการอ่าน และเป็นการยากที่จะไล่ตามบรรทัดจากบรรทัดหนึ่งไปยังอีกบรรทัดหนึ่งเพราะมันกลมกลืนกัน

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

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

ขอบด้านซ้าย—อย่าทำลายมัน

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

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

แต่ถ้าคุณทำลายขอบด้านซ้าย ทุกอย่างจะตกนรก ตาของคุณจะต้องกวาดสายตาไปรอบๆ เพื่อพยายามหาระยะขอบใหม่ เพื่อให้คุณสามารถอ่านต่อได้

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

เคล็ดลับพิเศษ: ตัวอักษรขนาดใหญ่ช่วยเพิ่มจำนวนผู้อ่าน

คำว่า “drop caps” ฉันหมายถึงตัวพิมพ์ใหญ่เริ่มต้น โดยที่อักษรตัวแรกของคำแรกของโพสต์ของคุณโดดเด่นกว่าตัวอื่นๆ มาก จากการวิจัยของ Ogilvy & Mather พบว่าสิ่งนี้ช่วยเพิ่มจำนวนผู้อ่านชิ้นงานได้เฉลี่ย 13%

Drop Caps ไม่ได้ถูกสร้างไว้ในธีมบล็อกส่วนใหญ่ และอาจเป็นเรื่องยากที่จะทำบนเว็บ แต่หากคุณเชี่ยวชาญเรื่องการเขียนโค้ด ลองดูบทช่วยสอนเกี่ยวกับวิธีสร้างธีมเหล่านี้

ข้อผิดพลาดห้าประการ: คุณกำลังทำอะไรอยู่?

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

Bnonn เป็นที่รู้จักในเมืองต่างๆ ในชื่อ Information Highwayman เขาช่วยให้ธุรกิจขนาดเล็กขายสินค้าออนไลน์ได้มากขึ้นด้วยการปรับปรุงทั้งสำเนาและการออกแบบ เมื่อเขาไม่ได้เจาะลึกหน้าแรกของใครบางคน เขากำลังสอนลูกๆ ของเขาเกี่ยวกับสตีมพังค์, Nathan Fillion และวิธีจับซอมบี้โดยไม่ถูกกัด