วิธีใช้แบบอักษรและขนาดตัวอักษรเพื่อปรับปรุงอัตราการแปลง
เผยแพร่แล้ว: 2017-08-29แบบอักษรเป็นหนึ่งในคุณสมบัติที่ประเมินค่าต่ำที่สุดที่นักออกแบบมักละเลยเมื่อออกแบบเว็บไซต์ นักออกแบบที่ดีรู้ถึงความสำคัญของการออกแบบตัวอักษรและผลกระทบที่มีต่อผู้ชม จากการศึกษาพบว่ารูปแบบตัวอักษรที่คุณเลือกมีพลังที่จะปรับปรุงหรือลดประสบการณ์ผู้ใช้และอารมณ์ของผู้ดู หากผู้เยี่ยมชมพบว่าเนื้อหาของคุณอ่านยากเกินไปหรือไม่น่าสนใจ พวกเขาก็มีแนวโน้มที่จะละทิ้งไซต์ ซึ่งจะลดอัตราการแปลงของคุณ ตัวเลือกแบบอักษรที่เหมาะสมที่สุดสามารถปรับปรุงประสบการณ์ของผู้ใช้ และยังมีความสามารถในการสะท้อนวิสัยทัศน์และเป้าหมายของธุรกิจของคุณ จุดมุ่งหมายไม่ควรเป็นเพียงการสร้างเว็บไซต์ที่มีเนื้อหาที่มีคุณภาพเท่านั้น แต่เพื่อสร้างเว็บไซต์ที่มีเนื้อหาที่มีคุณภาพและดึงดูดสายตา
วิธีเลือกแบบอักษรที่สมบูรณ์แบบและข้อผิดพลาดที่ควรหลีกเลี่ยง:
การเลือกแบบอักษรที่เหมาะสมรวมถึงการเลือกประเภทแบบอักษรที่ถูกต้อง ขนาดแบบอักษรที่เหมาะสม สีที่เหมาะสม ระยะห่างระหว่างบรรทัดและการจัดช่องไฟ แม้ว่าการออกแบบตัวอักษรอาจดูไม่เกี่ยวข้องเมื่อเทียบกับด้านอื่นๆ ของการออกแบบเว็บไซต์ แต่ก็มีบทบาทสำคัญในการเพิ่มอัตราการแปลง มีข้อควรพิจารณาบางประการที่ควรคำนึงถึงเมื่อตัดสินใจเลือกรูปแบบตัวอักษรที่เหมาะสม
โพสต์ที่เกี่ยวข้อง: เปลี่ยนแบบอักษรให้เว็บไซต์ของคุณ
- เลือกแบบอักษรสำหรับกลุ่มเป้าหมายและแบบอักษรที่แสดงถึงเอกลักษณ์ของแบรนด์ของคุณ
หากคุณยังใหม่ต่อแนวคิดของแบบอักษร คุณอาจเชื่อว่าแบบอักษรอย่างเช่น Calibri, Arial เป็นต้น ได้รับการออกแบบสำหรับบริบทเฉพาะ คุณต้องเริ่มคิดนอกกรอบและเลือกแบบอักษรตามกลุ่มเป้าหมายและเอกลักษณ์ของแบรนด์ของคุณ แบบอักษรทุกแบบมีบุคลิกของตัวเอง กลุ่มเป้าหมายของคุณคือกลุ่มมิลเลนเนียลหรือคุณกำลังพยายามเข้าถึงกลุ่มคนรุ่นใหม่ที่เป็นผู้ใหญ่มากขึ้น? เว็บไซต์ของคุณได้รับการพัฒนาสำหรับเพศใดโดยเฉพาะหรือไม่? ฟอนต์เข้ากับประเภทของธุรกิจที่คุณทำหรือไม่? คำถามเหล่านี้เป็นคำถามที่คุณต้องถามตัวเองก่อนตัดสินใจใช้แบบอักษร
- แบบอักษรสมัยใหม่/ร่วมสมัย
แบบอักษรเหล่านี้มักมีการออกแบบที่เรียบง่ายและเรียบร้อย ความงามของพวกเขาอยู่ในความเรียบง่าย ตัวละครมักจะบางหรือหนามาก เช่น ลอมบอก
ดาวน์โหลดได้ ที่ Behance
โพสต์ที่เกี่ยวข้อง: วิธีปรับแต่งไซต์ WordPress โดยการเพิ่ม CSS ที่กำหนดเอง
- แบบอักษรดั้งเดิม
แบบอักษรเหล่านี้ให้บรรยากาศแบบดั้งเดิมมากขึ้นเนื่องจากมีอยู่มาระยะหนึ่งแล้ว แบบอักษรเหล่านี้แสดงถึงความสะดวกสบายและความน่าเชื่อถือ ดังที่แสดงโดยแบบอักษรจอร์เจีย โรมันครั้งใหม่ เป็นต้น หากคุณต้องการให้เว็บไซต์ของคุณมีลักษณะที่ล้าสมัยและคลาสสิก แบบอักษรเหล่านี้คือแบบอักษรที่คุณควรเลือกใช้ แบบอักษรเช่น Athene และ Barbaro ยังสามารถให้บริการตามวัตถุประสงค์
ดาวน์โหลดเอเธนส์ ที่ Behance
ดาวน์โหลด Barbaro ที่ 1001Fonts
- ความซับซ้อนและความสง่างาม
แบบอักษรที่มักจะมีส่วนโค้งและส่วนโค้งจำนวนมากมักใช้สำหรับเว็บไซต์เกี่ยวกับความงามหรือความโรแมนติก ตัวอย่างเช่น สคริปต์ Castro ให้บรรยากาศโรแมนติก ในขณะที่แบบอักษรเช่น Vanity นั้นสมบูรณ์แบบสำหรับการสร้างเว็บไซต์ที่เกี่ยวข้องกับความงาม
ดาวน์โหลดเอเธนส์ ที่ Dribble
- แบบอักษรตัวหนา
โดยทั่วไปแล้ว แบบอักษรที่กำหนดไว้อย่างดีพร้อมอักขระที่รัดกุมและหนามักใช้เพื่อสร้างข้อความที่เป็นตัวหนาและดึงดูดสายตาผู้ใช้ในทันที ตัวอย่างที่ดี ได้แก่ แบบอักษรเช่น Consequences และ Nevis

ดาวน์โหลดผล ที่ Fontspace
ดาวน์โหลดเนวิส ที่ Fontspace
- แบบอักษรส่วนบุคคล
คุณสามารถเลือกแบบอักษรที่ปรับแต่งเองได้ ซึ่งสร้างขึ้นโดยเฉพาะเพื่อสื่อถึงแก่นแท้ของบริษัทคุณอย่างแท้จริง มันจะช่วยคุณสร้างเอกลักษณ์ของแบรนด์ที่โดดเด่นเป็นของตัวเอง
- ความสามารถในการอ่าน
วัตถุประสงค์ของเว็บไซต์ของคุณควรเป็นการเข้าถึงลูกค้าผ่านเนื้อหาของคุณ แต่อาจทำได้ยากหากเนื้อหาของคุณไม่สามารถอ่านได้ หากเนื้อหาในเว็บไซต์ของคุณอ่านยากเกินไป ผู้เยี่ยมชมมักจะออกจากหน้าของคุณ ซึ่งอาจส่งผลให้อัตราตีกลับสูงขึ้นและอัตรา Conversion ลดลง ปัจจัยบางประการที่ส่งผลต่อความสามารถในการอ่านเนื้อหามีดังนี้:
- ออกแบบ
แม้ว่าฟอนต์ที่สร้างสรรค์จะช่วยเพิ่มพลังให้กับเว็บไซต์ของคุณ แต่ก็ยังต้องไม่มากเกินไป คุณไม่ควรทำให้แบบอักษรฟุ่มเฟือยจนแทบจะถอดรหัสไม่ได้ บางครั้งน้อยมาก ดังนั้นอย่าทำให้เนื้อหาซับซ้อนเกินไปโดยทำให้เนื้อหายากเกินกว่าจะอ่านสำหรับผู้เยี่ยมชมของคุณ อย่าประนีประนอมกับการอ่าน!
การใช้แบบอักษรหลายแบบมากเกินไปจะทำให้เกิดความยุ่งเหยิงและทำให้ดูไม่เป็นระเบียบ พยายามหลีกเลี่ยงข้อผิดพลาดนี้ เนื่องจากอาจสร้างความสับสนให้กับผู้เข้าชมและส่งผลต่อการแสดงผลเชิงลบโดยรวม ใช้แบบอักษรหนึ่งหรือสองสามแบบอักษรเมื่อสร้างเว็บไซต์
- ขนาด
บางสิ่งที่อาจไม่มีความสำคัญเท่าขนาดฟอนต์ยังคงมีส่วนสำคัญในการนำเสนอวิสัยทัศน์และอัตลักษณ์ของแบรนด์คุณต่อผู้เยี่ยมชมไซต์ได้อย่างถูกต้อง ขนาดแบบอักษรที่จะใช้ไม่ควรเล็กเกินไป เพื่อหลีกเลี่ยงไม่ให้ผู้ชมต้องเครียดหรือใหญ่เกินไปจนใช้พื้นที่ส่วนใหญ่ของหน้าเว็บของคุณ คุณมีแนวโน้มที่จะมีแพลตฟอร์มที่ดีกว่าสำหรับการโต้ตอบกับผู้เยี่ยมชมของคุณหากขนาดตัวอักษรสามารถอ่านได้ ยิ่งไปกว่านั้น พวกเขาพร้อมจะเข้าใจข้อความของคุณมากขึ้น ในยุคนี้ ผู้คนเข้าถึงอินเทอร์เน็ตผ่านอุปกรณ์ที่หลากหลาย (สมาร์ทโฟน แล็ปท็อป แท็บเล็ต ฯลฯ) ดังนั้น คุณต้องเลือกขนาดแบบอักษรที่เข้ากันได้กับอินเทอร์เฟซต่างๆ
- ความสำคัญของระยะห่างระหว่างเส้นและการจัดช่องไฟ
ปัจจัยต่างๆ เช่น ระยะห่างระหว่างบรรทัดและการจัดช่องไฟช่วยให้ผู้ดูเข้าใจความยาวโดยประมาณของเนื้อหา หากเนื้อหายาวเกินไปหรือมีความยุ่งยากในการอ่านมากเกินไป ผู้เข้าชมมักจะออกจากหน้านี้ นอกจากนี้ หากช่องว่างระหว่างอักขระหรือบรรทัดกว้างเกินไปหรือไม่เพียงพอ ผู้ใช้อาจประสบปัญหาในการอ่านบทความ การจัดช่องไฟและระยะห่างระหว่างบรรทัดต้องเท่ากับทุกบรรทัด/อักขระ มิฉะนั้น เว็บไซต์ของคุณอาจมีความรู้สึกไม่เป็นมืออาชีพ
โพสต์ที่เกี่ยวข้อง: ไม่กี่วิธีในการทำให้เว็บไซต์ของคุณเข้าถึงได้ง่าย
- โครงร่างสี
เมื่อเลือกชุดสี คุณต้องคำนึงถึงกลุ่มเป้าหมายและความชอบของพวกเขาด้วย ลองนึกถึงกลุ่มอายุเป้าหมาย เพศ และเฉพาะกลุ่ม จากนั้นเลือกโทนสีของคุณตามนั้น จากการศึกษาพบว่าผู้หญิงมักชอบสีโทนสว่าง ในขณะที่ผู้ชายจะชอบสีที่สว่างกว่าและเข้มกว่า ขึ้นอยู่กับปัจจัยเหล่านี้ (และปัจจัยอื่นๆ ที่คล้ายกัน) เลือกสีที่เหมาะสมกับแบบอักษรของคุณ คุณต้องเลือกสีที่โดดเด่นสำหรับโลโก้แบรนด์ของคุณและสีอื่นๆ สำหรับเว็บไซต์ที่เข้ากับสีที่โดดเด่นของคุณ
การเพิ่มสีสันสามารถทำให้เว็บไซต์ของคุณสว่างขึ้นได้อย่างแท้จริง แต่คุณต้องไม่ใส่สีมากเกินไปจนกลายเป็นสีที่เจือปนจนแยกไม่ออก สีควรมีความกลมกลืนกันมากกว่าสร้างความยุ่งเหยิง นี่คือจุดที่ขั้นตอนของพื้นที่สีขาวสามารถพิสูจน์ได้ว่าเป็นประโยชน์อีกครั้ง การเว้นวรรคสีขาวเป็นส่วนสำคัญที่มักไม่ได้รับความสำคัญตามสมควร หากทำอย่างถูกต้อง จะช่วยเพิ่มความสามารถในการอ่านโดยรวมและเพิ่มความละเอียดอ่อนให้กับเว็บไซต์ของคุณ
บทสรุป
การมุ่งเน้นที่รายละเอียดเล็กๆ น้อยๆ เช่น แบบอักษร ขนาดและสีอาจดูเหมือนเป็นการเสียเวลาและทรัพยากร แต่แน่นอนว่าต้องจ่ายเพิ่มโดยการเพิ่มอัตราการแปลงของคุณ แบบอักษรทุกแบบมีบุคลิกของตัวเองและทุกสีบอกเล่าเรื่องราวที่แตกต่างกัน พวกเขาร่วมกันมีความสามารถในการสร้างผลกระทบต่ออารมณ์และอารมณ์ของผู้ดู ดังนั้นจึงเป็นวิธีการแปลงผู้เยี่ยมชมแบบสุ่มให้กลายเป็นลูกค้าที่มีศักยภาพด้วยความพยายามเพียงเล็กน้อย