ออกแบบหน้าเว็บไซต์ของคุณอย่างมีวิทยาศาสตร์: 23 บทเรียนสำคัญจากการวิจัยการติดตามสายตา - Christina Laun การวิจัยเกี่ยวกับ Eye-Tracking ได้รับความนิยมอย่างมากในด้านการออกแบบเครือข่าย แต่วิธีการแปลงผลการวิจัยเหล่านี้ให้เป็นการออกแบบที่เป็นรูปธรรมและเป็นไปได้สำหรับการดำเนินงานยังคงเป็นเรื่องยาก ต่อไปนี้เป็นเคล็ดลับบางส่วนจากผลการวิจัย Eye-Tracking ที่สามารถให้คำแนะนำในการปรับปรุงการออกแบบเว็บไซต์ของคุณ: 1. เมื่อเทียบกับรูปภาพ ข้อความจะดูน่าสนใจยิ่งขึ้น ตรงกันข้ามกับสิ่งที่คุณคิด เมื่อเรียกดูเว็บไซต์ ไม่ใช่ภาพที่ดึงดูดสายตาของผู้ใช้โดยตรง ผู้ใช้ส่วนใหญ่ที่คลิกผ่านไปยังไซต์ของคุณโดยไม่ได้ตั้งใจกำลังมองหาข้อมูล ไม่ใช่รูปภาพ ดังนั้นการตรวจสอบให้แน่ใจว่าการออกแบบเว็บไซต์ของคุณเน้นส่วนข้อมูลที่สำคัญที่สุดจึงเป็นหลักการแรกของการออกแบบ 2. การเคลื่อนไหวของดวงตาแรกจะเน้นที่มุมซ้ายบนของหน้าเว็บ นิสัยนี้ของผู้ใช้ท่องเว็บเป็นสิ่งที่คาดหวังได้ อย่างไรก็ตาม มุมซ้ายบนคือศูนย์ปฏิบัติการหลักและใช้ในการออกแบบแอปพลิเคชันคอมพิวเตอร์ที่สำคัญที่สุด เมื่อคุณสร้างเว็บไซต์และพิจารณาการออกแบบเว็บไซต์ คุณควรพยายามรักษารูปแบบนี้ไว้ คุณรู้ไหมว่าถ้าคุณต้องการรักษาลักษณะส่วนบุคคลและสร้างเว็บไซต์ที่ประสบความสำเร็จ คุณต้องเคารพนิสัยของผู้ใช้ 3. เมื่อผู้ใช้เรียกดูหน้าเว็บ ก่อนอื่นพวกเขาจะสังเกตส่วนบนซ้ายและส่วนบนของหน้าเว็บ จากนั้นจึงอ่านและเรียกดูเนื้อหาทางด้านขวา รูปแบบการเรียกดูทั่วไปของผู้ใช้จะอยู่ในรูปของตัว “F” ตรวจสอบให้แน่ใจว่าองค์ประกอบสำคัญของเนื้อหาเว็บไซต์ของคุณกระจุกตัวอยู่ในส่วนสำคัญเหล่านี้เพื่อให้แน่ใจว่าผู้อ่านมีส่วนร่วม วางพาดหัว คำบรรยาย หัวข้อยอดนิยม และบทความสำคัญที่นี่เพื่อดึงดูดให้ผู้อ่านเข้ามาอ่าน 4. ผู้อ่านไม่สนใจโฆษณาแบนเนอร์ การวิจัยแสดงให้เห็นว่าผู้อ่านเพิกเฉยต่อโฆษณาแบนเนอร์ส่วนใหญ่—แม้ว่าคุณจะสนับสนุนเว็บไซต์ของคุณด้วย—เพียงเสี้ยววินาทีเท่านั้น หากคุณต้องการสร้างรายได้ผ่านการโฆษณา คุณต้องสร้างสรรค์พื้นที่โฆษณาของคุณและกำหนดค่าแบบฟอร์มการโฆษณาบนเว็บไซต์อย่างมีเหตุผล 5. แบบอักษรและการจัดรูปแบบแฟนซีจะถูกละเว้น ทำไม นั่นเป็นเพราะว่าผู้ใช้จะคิดว่าสิ่งเหล่านี้เป็นโฆษณาไม่ใช่ข้อมูลที่พวกเขาต้องการ ในความเป็นจริง การศึกษาแสดงให้เห็นว่าผู้ใช้ประสบปัญหาในการค้นหาข้อมูลที่ต้องการในรูปแบบฟอนต์แฟนซีที่เต็มไปด้วยสีสันมากมาย เนื่องจากสัญญาณภาพบอกให้พวกเขาเพิกเฉยต่อมัน รักษาเว็บไซต์ให้สะอาดและอย่าปล่อยให้ข้อมูลสำคัญถูกละเลยเนื่องจากรูปลักษณ์ที่ฉูดฉาด 6. ใช้ตัวเลขแทนตัวเลข หากคุณใช้ตัวเลขแทนรายการตัวเลข ผู้อ่านจะพบว่าข้อมูลจริงบนเว็บไซต์ของคุณง่ายขึ้น โปรดทราบว่าคุณกำลังเขียนถึงผู้อ่านที่จะเข้าชมเว็บไซต์ของคุณเป็นครั้งแรก ดังนั้นทำให้พวกเขาค้นหาข้อมูลที่ต้องการและทำให้พวกเขาสนใจได้อย่างง่ายดาย 7. ขนาดตัวอักษรส่งผลต่อพฤติกรรมการเรียกดู ต้องการเปลี่ยนวิธีคิดของผู้คนเกี่ยวกับเพจของคุณหรือไม่? เปลี่ยนขนาดตัวอักษรของหน้าเว็บ แบบอักษรขนาดใหญ่ช่วยกระตุ้นการเรียกดู ในขณะที่แบบอักษรขนาดเล็กช่วยเพิ่มการเน้นการอ่าน ตามความต้องการของคุณ ให้กำหนดอัตราส่วนของทั้งสองอย่างสมเหตุสมผล 8. เมื่อเจอเนื้อหาที่น่าสนใจผู้ใช้จะดูคำบรรยายอีกครั้งเท่านั้น อย่ายืนกรานในรูปแบบคงที่สำหรับคำบรรยายมากเกินไป – ทำให้คำบรรยายมีความเกี่ยวข้องและน่าสนใจ คุณยังสามารถใส่คำหลักในคำบรรยายของคุณเพื่อใช้ประโยชน์จากเครื่องมือค้นหาอย่างมีประสิทธิภาพและดึงดูดผู้อ่านได้ 9. ผู้คนส่วนใหญ่ท่องเว็บเพียงส่วนเล็กๆ เท่านั้น คุณสามารถใช้สิ่งนี้เพื่อประโยชน์ของคุณหากคุณให้ข้อมูลแก่ผู้ใช้ของคุณในขณะที่พวกเขาเรียกดูเพื่อให้พวกเขาตรงเป้าหมายโดยเร็วที่สุด เน้นบางส่วนหรือสร้างรายการเพื่อให้ข้อมูลหน้าเว็บค้นหาและอ่านได้ง่ายขึ้น 10. ย่อหน้าสั้นมีความหมายมากกว่าย่อหน้ายาว ข้อมูลเว็บมีไว้สำหรับผู้ใช้ที่ไม่ได้เชื่อมต่อส่วนใหญ่ซึ่งเน้นการเรียกดูที่รวดเร็ว เก็บข้อมูลที่ประกอบด้วยย่อหน้าและประโยคสั้นๆ เช่น คำอธิบายผลิตภัณฑ์นี้สำหรับเว็บไซต์อีคอมเมิร์ซ เว้นแต่บริบทจะกำหนดไว้ 11. ตามการล็อกด้วยภาพ รูปแบบคอลัมน์เดียวมีความหมายได้ดีกว่ารูปแบบหลายคอลัมน์ อย่าทำให้ผู้เข้าชมเว็บไซต์ของคุณมีข้อมูลมากเกินไป โดยส่วนใหญ่แล้ว ความเรียบง่ายจะมีพลังมากกว่า ผู้ใช้มองข้ามเนื้อหาที่มีหลายคอลัมน์ได้ง่าย และเราจำเป็นต้องขจัดสิ่งรบกวนเหล่านี้ 12. โฆษณาที่ด้านบนและด้านซ้ายของหน้าเว็บจะสะดุดตามากขึ้น หากคุณต้องการฝังโฆษณาบนเว็บไซต์ของคุณ ให้ลองรวมโฆษณาเหล่านั้นไว้ที่ด้านซ้ายบนของหน้าเพื่อดึงดูดความสนใจด้วยภาพสูงสุด แน่นอนว่า เพียงเพราะผู้ใช้สังเกตเห็นโฆษณาเหล่านี้ไม่ได้หมายความว่าพวกเขาจะคลิกโฆษณาด้วยเมาส์ ดังนั้นอย่าเสียสละการออกแบบเว็บไซต์ดั้งเดิมของคุณเพื่อเพิ่มความสนใจให้กับโฆษณาของคุณ 13. การวางโฆษณาถัดจากเนื้อหาที่ดีที่สุดของคุณสามารถเพิ่มความสนใจได้เช่นกัน หากคุณต้องการเพิ่มการมองเห็นและอัตราการคลิกผ่านของโฆษณาของคุณ คุณสามารถวางไว้ข้างเนื้อหาที่น่าสนใจที่สุดและรวมเข้ากับการออกแบบหน้าเว็บได้ ด้วยวิธีนี้ ผู้ใช้สามารถค้นหาสิ่งที่ต้องการ และคุณสามารถปรับปรุงประสิทธิภาพของการโฆษณาของคุณได้ 14. ในการทดสอบต่างๆ ผู้คนอ่านโฆษณาแบบข้อความอย่างตั้งใจมากที่สุด ตามที่กล่าวไว้ข้างต้น ผู้ใช้อินเทอร์เน็ตโดยเฉลี่ยไม่ได้ใช้เวลามากนักในการดูเนื้อหาที่เห็นได้ชัดว่าเป็นโฆษณา นี่คือสาเหตุที่โฆษณาแบบข้อความทำงานได้ดีมาก แทนที่จะหันเหความสนใจจากเนื้อหา พวกเขาผสมผสานกับส่วนที่เหลือของหน้า ทำให้ระคายเคืองต่อสายตาผู้อ่านน้อยลง และทำให้การโฆษณารูปแบบนี้มีแนวโน้มที่จะอ่านได้สำเร็จมากขึ้น 15. รูปภาพขนาดใหญ่จะดึงดูดความสนใจได้มากขึ้น หากคุณกำลังจะใช้รูปภาพในหน้าเว็บ ยิ่งยิ่งใหญ่ก็ยิ่งดี ผู้คนมีแนวโน้มที่จะดูภาพที่สามารถมองเห็นรายละเอียดและรับข้อมูลได้อย่างชัดเจน ตรวจสอบให้แน่ใจว่ารูปภาพที่คุณใช้เกี่ยวข้องกับเนื้อหาของบทความ ไม่เช่นนั้นอาจถูกมองข้ามไป ผู้อ่านส่วนใหญ่มีการเชื่อมต่อที่รวดเร็ว ดังนั้นคุณสามารถใช้รูปภาพขนาดใหญ่บนเว็บไซต์ของคุณได้ 16. ภาพระยะใกล้ที่สะอาดตาจะดึงดูดความสนใจจากสายตามากขึ้น บางทีภาพศิลปะเชิงนามธรรมเหล่านั้นอาจทำให้เว็บไซต์ของคุณดูน่าสนใจ แต่จะไม่ดึงดูดความสนใจของผู้อ่านมากนัก หากคุณต้องการใช้รูปภาพเหล่านี้ ตรวจสอบให้แน่ใจว่ารูปภาพเหล่านั้นชัดเจนและอ่านง่าย สิ่งสำคัญคือต้องทราบว่าภาพของ "คน" ที่แท้จริงนั้น "ดีกว่า" มากกว่าภาพของสิ่งที่เรียกว่านางแบบ 17. ชื่อเรื่องดึงดูดความสนใจ เมื่อเรียกดูหน้าเว็บ สิ่งแรกที่ผู้อ่านจะสังเกตเห็นคือชื่อเรื่อง ตรวจสอบให้แน่ใจว่าลิงก์ที่เกี่ยวข้องทั้งหมดบนหน้าเว็บมีความชัดเจนและมีประสิทธิภาพเพื่อให้ผู้อ่านสามารถค้นหาเพิ่มเติมผ่านเว็บไซต์ได้อย่างราบรื่น 18. ผู้ใช้ใช้เวลาดูปุ่มและเมนูเป็นจำนวนมาก ดังนั้นคุณจึงต้องใช้เวลาเพิ่มเติมในการรักษาการออกแบบอย่างระมัดระวัง ท้ายที่สุดแล้ว พวกเขาไม่เพียงแต่ดึงดูดสายตาของผู้อ่านเท่านั้น แต่ยังเป็นองค์ประกอบสำคัญของการออกแบบเว็บไซต์อีกด้วย 19. รูปแบบของแบบฟอร์มสามารถขยายสมาธิของผู้อ่านได้ การแยกย่อยเนื้อหาและย่อหน้า และการใช้แบบฟอร์มที่กว้างขวางเพื่อแสดงบทความของคุณสามารถรับประกันอัตราการเรียกดูของผู้อ่าน การใช้ตัวเลขและสัญลักษณ์อื่นๆ เพื่อเน้นเนื้อหาสำคัญของบทความจะทำให้เว็บไซต์ใช้งานง่ายขึ้น และช่วยให้ผู้ใช้ค้นหาข้อมูลที่ต้องการได้รวดเร็วยิ่งขึ้น 20. หลีกเลี่ยงการแสดงข้อความจำนวนมาก การวิจัยแสดงให้เห็นว่าเว็บเบราว์เซอร์โดยเฉลี่ยไม่ได้ใช้เวลาในการอ่านข้อความจำนวนมาก ไม่ว่าข้อความเหล่านั้นจะมีความสำคัญหรือเขียนได้ดีเพียงใดก็ตาม ดังนั้นข้อความขนาดใหญ่เหล่านี้จึงต้องแบ่งออกเป็นย่อหน้าย่อย การเน้นสถานที่สำคัญและการวางปุ่มที่คลิกได้ยังช่วยเพิ่มความสนใจของผู้ใช้ได้อีกด้วย 21. รูปแบบดึงดูดความสนใจ การใช้ตัวหนา ตัวอักษรพิมพ์ใหญ่ แบบอักษรสี และการขีดเส้นใต้ในข้อความสามารถช่วยให้ผู้ใช้รับข้อมูลที่สำคัญที่สุดที่แสดงในข้อความได้ คุณต้องระมัดระวังในการใช้งาน เนื่องจากการใช้งานมากเกินไปอาจทำให้เพจของคุณอ่านยากและทำให้ผู้อ่านกลัว 22. ใช้พื้นที่สีขาวให้เกิดประโยชน์ แม้ว่าการเติมเต็มทุกตารางนิ้วของหน้าเว็บอาจเป็นเรื่องยาก แต่จริงๆ แล้วควรเว้นพื้นที่บางส่วนในเว็บไซต์ของคุณไว้จะดีกว่า การมีข้อมูลมากเกินไปในเว็บไซต์อาจทำให้ผู้ใช้ล้นหลาม และอาจลืมเนื้อหาที่ให้มาได้มาก ดังนั้นควรทำให้หน้าเว็บเรียบง่ายและเหลือพื้นที่ว่างให้ผู้อ่านได้พักผ่อน 23. วางไว้ที่ด้านบนของหน้าเว็บ จากนั้นเครื่องมือนำทางจะมีบทบาทที่ดีขึ้น ตามหลักแล้ว คุณจะไม่พอใจกับการเรียกดูหน้าแรกเมื่อผู้อ่านเปิดไซต์ของคุณ แต่คุณต้องการให้พวกเขาเลื่อนดูเพื่อดูเนื้อหาอื่นๆ ที่น่าสนใจ การวางเนวิเกเตอร์ไว้ที่ด้านบนของหน้าเว็บทำให้ผู้ใช้สามารถค้นหาเนื้อหาเป้าหมายที่ต้องการได้อย่างง่ายดายโดยใช้เครื่องมือนี้