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