เว็บไซต์จำเป็นต้องมีปุ่ม home มั๊ย?

เว็บไซต์จำเป็นต้องมีปุ่ม home มั๊ย?

Share:

1+

Homepage เปรียบเสมือนหน้าบ้านของเว็บไซต์ที่ช่วยให้ User เข้าใจภาพรวมว่าเว็บทำอะไร และยังช่วย Navigate User ไปยังหน้าอื่น ๆ ของเว็บ ดีไซน์เทรนด์ของเว็บสมัยใหม่ต้องการให้เว็บดูโล่งขึ้น หลาย ๆ เว็บจึงเริ่มเอาเมนู Home ออกจากหน้าเว็บเพื่อให้เว็บดูคลีนขึ้น และเหลือไว้แต่โลโก้สำหรับคลิกกลับไปหน้า Home – ในเมื่อเรามีโลโก้ให้คลิกกลับไปหน้า Home แล้วเว็บจำเป็นต้องมีเมนู “Home” อีกมั๊ย?

Amazon.com ไม่มีเมนู Home User ต้องคลิกที่โลโก้เพื่อกลับไปหน้า Home
Amazon.com ไม่มีเมนู Home User ต้องคลิกที่โลโก้เพื่อกลับไปหน้า Home
Medium.com มีทั้งเมนู Home และโลโก้ให้ User คลิกเพื่อกลับไปหน้า Home

หน้า Home สำคัญแค่ไหน?

หน้า Home เป็นหน้าที่ทีม Design ให้ความสำคัญมากเป็นพิเศษเพราะเป็นหน้าแรกที่คนเข้าเว็บเห็น และเป็นหน้าที่คาดว่าคนจะเห็นเยอะที่สุดในเว็บไซต์ แต่ในความเป็นจริงแล้ว Homepage ไม่ได้เป็นทางเข้าเพียงทางเดียวของเว็บไซต์ ผู้ใช้ส่วนใหญ่เข้าเว็บผ่านทาง Search Engine และไปที่หน้าอื่นก่อนที่จะได้เห็นหน้า Home ซะอีก ในเมื่อ Journey ของ User ไม่ได้เริ่มเข้าเว็บจากหน้า Home การกลับไปหน้าแรกจึงเป็น Task สามัญของผู้ใช้

หน้า Home ไม่ได้เป็นทางเข้าทางเดียวของเว็บไซต์ คนส่วนใหญ่เข้าเว็บผ่าน Search Engine (ข้อมูลจาก Nick Babich – Adobe, 2017)

มี UI หลายตัวที่ช่วยพา User กลับหน้าแรก เช่น Home button, Logo, Breadcrumb trail เป็นต้น เทียบกันแล้ว Logo เป็นตัวเลือกที่ให้คำใบ้ว่าตัวเองทำหน้าที่อะไรกับ User น้อยที่สุดเมื่อเทียบกับ Breadcrumb หรือ Home Button ที่ UI มีตัวหนังสือบอกโต้ง ๆ ว่า “Home”

A site logo linking to the homepage is not enough. Logo design and placement, as well as the presence of a text link to the homepage affect success of navigation to homepage.

Hoa Loranger (NN/g)

NN/g ให้ความเห็น (ปี 2017) เกี่ยวกับเรื่องปุ่ม Home Button ว่ายังไงเว็บก็ควรมี Home Button อยู่ เพราะ User กลับไปหน้าแรกได้ชัวร์ ๆ โดยไม่ต้องคิดเยอะ มีหลายเหตุการณ์ที่ User ยังมีความจำเป็นต้องกลับไปหน้า Home ก่อนที่จะไปต่อที่ส่วนอื่น ๆ ของเว็บไซต์

  • User เข้าเว็บจากช่องทางอื่น เช่น ผ่าน Search Engine และมีโอกาสไปเจอหน้าอื่นก่อน จึงอยากกลับไปหน้า Home เพื่อดูภาพรวมของเว็บไซต์
  • User หลงไปใน Navigation ลึก ๆ และต้องการเริ่ม Task ใหม่ จึงอยากกลับไปตั้งต้นใหม่ที่หน้า Home

เว็บที่ไม่จำเป็นต้องมี Home Button

UX Magazine บอกว่า มีข้อยกเว้นบางกรณีที่เว็บไม่จำเป็นต้องมี Home Button เช่น

  • เว็บที่มีหน้าเดียว (Single page website) เช่น Landing page
  • เว็บที่มีหน้า Home เป็น Key feature เช่น News Feed: Facebook, Twitter Search: Google, Pinterest, Wikipedia เป็นต้น
  • เว็บที่หน้า Home ไม่ได้เห็นหน้าหลักที่ต้องการให้ User มี interaction เช่น eBay, Amazon
ตัวอย่าง Single page website (Credit: writingbee.net)
Facebook ไม่มีหน้า Home แต่ใช้ New Feeds แทนหน้าแรก (Credit: cnet.com)
Pinterest ใช้หน้า home แสดง Key feature (Search)

คำถามแรกที่ต้องถามตัวเองก่อนตัดสินใจจะเอา Home Button ออก คือ หน้า Home มีความสำคัญแค่ไหน อยากให้ User กลับไปหน้า Home รึเปล่า?

แนวโน้มของเว็บไซต์ที่ใช้ Home Button

Promediacorp ได้เก็บสถิติของเว็บจาก Amazon’s Alexa top 500 sites* ว่ามีเว็บไหนใช้แค่โลโก้ และเว็บไหนใช้ Link Home ร่วมด้วย ผลปรากฎว่ามีเว็บแค่ 37.4% มี Home Button บน Navigation และที่เหลือ 62.6% ไม่มี

*มีเว็บของ Alexaจำนวน 436 จาก 500 เว็บที่ให้ข้อมูล

ข้อมูลปี 2011 โดย ProMediaCorp

User กลุ่มที่มีความคุ้นเคยกับเทคโนโลยี (tech-savvy) อาจจะรู้อยู่แล้วว่า ถ้าต้องการกลับไปหน้า Home ให้คลิกที่ logo

Audience มีผลกับการเลือกใช้ Home Button

Audience เป็น Factor หนึ่งที่ใช้ตัดสินใจว่า จำเป็นต้องมี Home Button ในหน้าเว็บหรือไม่

Ryan Stemkoski (Co-founder ของ Ziplineinteractive.com) ได้ทำการเก็บข้อมูล (ปี 2015) เกี่ยวกับการใช้ Home button จากเว็บไซต์ 750 เว็บในอเมริกาเหนือ เพื่อทดสอบว่า Home Button จำเป็นแค่ไหน และพบว่า

  1. User ส่วนใหญ่ โดยเฉพาะ Generation ใหม่ ๆ เข้าใจว่าจะกลับไปหน้า Home โดยคลิกที่โลโก้ได้
  2. จำนวน Traffic ของเว็บไซต์ที่มีหรือไม่มี Home button ไม่ได้แตกต่างกันอย่างมีนัยสำคัญ
  3. เว็บที่ไม่มี Home Button มี Direct traffic จากผู้ที่เคยเข้าใช้งานแล้ว (returning users) เพิ่มขึ้นระหว่าง Session ซึ่งบอกได้ว่า User ที่ไม่รู้ว่าต้องคลิกที่โลโก้เพื่อกลับไปหน้า Home จะลบ Web Adreess ใน URL bar (เช่น ลบ 123 ออกจาก Abc.com/123) เพื่อกลับไปหน้าแรกแทน

จากงานวิจัย ทีมของ Ryan ตัดสินใจเอา Home button ออกจากเว็บไซต์ ถึงเเม้ว่าปุ่ม home จะเป็นปุ่มที่ใช้บ่อยและบอกทางกลับไปหน้า Home ได้ชัดเจนกว่า Logo ก็ตาม เพื่อจะได้ใช้พื้นที่ตรงนั้นกับ UI อื่น ๆ เเทน

Ryan เสริมว่า ถ้ากลุ่มผู้ใช้เว็บเป็นคนที่มีอายุหน่อย เขาก็ยังจะเก็บ Home Button ไว้อยู่ เพราะงานวิจัยของเขาบอกว่า กลุ่มคนมีอายุยังไม่คุ้นกับเว็บแบบไม่มี Home button ซักเท่าไหร่

คำถามต่อมาที่ต้องถามตัวเองก่อนตัดสินใจจะเอา Home Button ออก คือ Audience ของเว็บเราเป็นใคร?

ทดสอบกับ User คือคำตอบที่ดีที่สุด

Google Analytic ให้คำตอบที่ดีที่สุดว่าควรจะเอา Home Button ออกจากเว็บมั๊ย เราสามารถเก็บข้อมูลก่อนตัดสินใจเอาปุ่มออก โดยแยก link ออกเป็น 2 link ตามตัวอย่างด้านล่าง แล้วให้ตัวเลขเป็นตัวสินใจว่า เอาออกหรือเก็บไว้ดี

ตัวอย่างการแยก Link ของ Home Button กับ Logo เพื่อทดสอบกับ Google Analytic:

  • Website.com/?ref=logo
  • Website.com/ref=home

[แถม] UI Tip สำหรับ Home Button

  • Home Button ควรตั้งชื่อตั้งชื่อแบบตรงตัวว่า “Home”
  • แน่ใจว่า Home Link ในหน้า “Home” กดไม่ได้
  • เว็บที่มีเว็บย่อยรวมอยู่ด้วย ควรแยก link Home ที่วิ่งไปหาหน้า Home ของเว็บย่อย กับหน้า Home ของเว็บหลักออกจากกัน
  • อย่าลืมว่า Logo ควรคลิกแล้วกลับไปหน้า Home ได้ด้วย

Takeaway

  • จำนวน Traffic ของเว็บไซต์ที่มีหรือไม่มี Home button ไม่ได้แตกต่างกันอย่างมีนัยสำคัญ
  • Audience ของเว็บไซต์มีผลต่อการตัดสินใจว่าจะเอา Home Button ออกหรือไม่ กลุ่มคน Gen ใหม่ ๆ เข้าใจว่าการคลิกที่โลโก้กลับไปหน้าแรกได้เหมือนกัน ถ้าเว็บมีกลุ่ม Audience ที่เป็น Baby boomer อาจต้องพิจารณาใส่ Home Button ในเว็บไซต์ด้วย
  • อย่างไรก็ตาม การมี Home Button ทำให้ User Journey สำหรับกลับไปหน้าแรกมีความชัดเจนกว่าคลิกที่ Logo เพียงอย่างเดียว การใช้ Home Button และ Logo ควบคู่กันทำให้ประสิทธิภาพของ Navigation ดีกว่า
  • References
  • https://www.nngroup.com/articles/homepage-links/#contentBody
  • https://promediacorp.com/2011/06/most-websites-exclude-home-from-navigation-study/
  • http://www.stemkoski.com/should-you-still-include-a-home-button-in-your-website-navigation/
  • https://www.webdesignerdepot.com/2015/08/the-ux-case-against-the-home-button/
  • https://theblog.adobe.com/ux-mythbusting-is-the-homepage-really-the-most-important-part-of-your-website/
  • https://www.improvemarketing.co.uk/single-post/2018/03/16/Should-I-have-a-homepage-button-UX-SEO

การนำข้อมูลไปใช้

  • การนำข้อมูลไปใช้ควรพิจารณาถึงขอบเขต ข้อจำกัด และบริบทของการทดสอบที่อ้างอิงมา
  • ควรพิจารณาข้อมูลควบคู่ไปกับปัจจัยอื่น ๆ ด้วย ไม่ควรใช้ข้อมูลชุดเดียว ตัดสิน UX ทั้งหมดของ web/app
  • ข้อมูลในบทความเป็นผลลัพธ์ภายใต้ขอบเขตของการทดสอบเท่านั้น ควรทำการทดสอบกับ web/app และ Personas ของตนเองด้วย เพื่อให้ได้ผลลัพธ์ที่แท้จริง

BetterUXUI.com ให้ความสำคัญกับความถูกต้องของข้อมูล

ข้อมูลและงานวิจัยต่าง ๆ ที่อ้างอิงในบทความ อ้างอิงจากปีข้อมูลนั้น ๆ หากมีข้อมูลที่ใหม่กว่าและต้องการให้ทางเว็บไซต์อัพเดทบทความ สามารถ Request ให้แก้ไขบทความให้มีความถูกต้องและเป็นปัจจุบันมากขึ้น


ไม่พลาดบทความใหม่ๆ จาก BetterUXUI.com

1. กด Like Facebook page BetterUXUI

2. สมัครและอ่านบทความทางอีเมล

1+

Share:
Back to Top