17 ประเภทของบล็อกและตัวเลือกการนำทางเว็บไซต์

เผยแพร่แล้ว: 2019-07-04

บุคคลที่นำทางผ่านเว็บไซต์ที่ตอบสนองบนแท็บเล็ต

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

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

สารบัญ

  • ทำไมการนำทางจึงมีความสำคัญสำหรับเว็บไซต์?
  • ตัวเลือกการนำทาง
    • การนำทางแบบโต้ตอบ
    • แถบการนำทางที่ติดหนึบ
    • การนำทางแบบคงที่แถบด้านข้างแนวตั้ง
    • การนำทางแบบเลื่อนแนวตั้ง
    • การนำทางพารัลแลกซ์
    • เมนูแฮมเบอร์เกอร์
    • เมนูที่ใช้มัลติมีเดีย
    • สารบัญ
    • การนำทางโพสต์ที่เกี่ยวข้อง
    • Mega เมนูแบบเลื่อนลง
    • การนำทางแบบจุดหน้าเดียว
    • การนำทางสากล
    • การนำทางเบรดครัมบ์
    • การนำทางส่วนท้ายของไขมัน
    • เมนู Subnav ที่ตอบสนอง
    • ม้าหมุนเรื่องเด่น
    • เมนูสไลด์ออก

ทำไมการนำทางจึงมีความสำคัญสำหรับเว็บไซต์?

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

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

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

ตัวเลือกการนำทาง

ต่อไปนี้คือตัวเลือกการนำทางสมัยใหม่บางส่วนที่ใช้งานได้เหมือนเวทมนตร์สำหรับบล็อกหรือเว็บไซต์ของคุณ:

การนำทางแบบโต้ตอบ ตัวอย่างไซต์ที่มีการนำทางแบบโต้ตอบ

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

แถบการนำทางที่ติดหนึบ นิตยสาร US พร้อมแถบนำทางที่ติดหนึบ

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

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

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

การนำทางแบบคงที่แถบด้านข้างแนวตั้ง

การนำทางแบบคงที่ของแถบด้านข้างแนวตั้งของ Amazon

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

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

การนำทางแบบเลื่อนแนวตั้ง

การนำทางแถบด้านข้างเลื่อนแนวตั้ง Akris

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

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

การนำทางพารัลแลกซ์ เว็บไซต์ Walking Dead ใช้การนำทางแบบพารัลแลกซ์ให้สูงสุด

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

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

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

เมนูแฮมเบอร์เกอร์ เมนูแฮมเบอร์เกอร์บน Mic

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

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

เมนูที่ใช้มัลติมีเดีย เว็บไซต์มัลติมีเดียของผู้ประกอบการ

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

การนำทางแบบมัลติมีเดียใช้ตัวเลือกการนำทางประเภทต่างๆ เช่น เมนูแฮมเบอร์เกอร์ และการนำทางส่วนท้าย และไฮไลต์เฉพาะส่วนที่สำคัญที่สุดของคำอธิบาย

สารบัญ สารบัญหน้าตำนานเทพเจ้ากรีกในวิกิพีเดีย

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

ตัวอย่างที่โดดเด่นที่สุดคือของ Wikipedia ที่ใช้สารบัญตั้งแต่ก่อตั้ง

การนำทางโพสต์ที่เกี่ยวข้อง การนำทางโพสต์ที่เกี่ยวข้องใน Gizmodo

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

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

Mega เมนูแบบเลื่อนลง เมนูดรอปดาวน์ของ Adidas

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

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

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

การนำทางแบบจุดหน้าเดียว การนำทางจุดหน้าเดียวที่ใช้โดยผู้เขียน Robin Hobb

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

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

การนำทางสากล การนำทางสากล

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

ตัวอย่างที่ดีที่สุดของการนำทางประเภทนี้คือ Disney ซึ่งเป็นเจ้าของช่องทีวี ภาพยนตร์ สวนสนุก เกม และอื่นๆ การนำทางแบบสากลนั้นสมเหตุสมผลในสถานการณ์นี้ เนื่องจากเป็นการดึงความสนใจมาที่ผลิตภัณฑ์ของดิสนีย์ทั้งหมด การนำทางนี้ยังไม่รวมกลุ่มบริษัทในเครือ นอกจากนี้ยังใช้ในเครือข่ายของเว็บไซต์ต่างๆ อย่างเช่นที่ Univision Communications เป็นเจ้าของ เช่น Jezebel, Deadspin และ Lifehacker และลิงก์การนำทางไปยังทั้ง 7 แบรนด์ที่ Gawker Media เป็นเจ้าของก่อนหน้านี้

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

การนำทางเบรดครัมบ์ การนำทางเบรดครัมบ์

ในเรื่อง “Hansel and Gretel” เด็กๆ ทิ้งเศษขนมปังไว้เพื่อหาทางกลับบ้าน การนำทางเบรดครัมบ์ หรือ เส้นทาง เบรดครัมบ์ ทำงานบนหลักการเดียวกัน เหล่านี้เป็นลิงค์การนำทางแบบลำดับชั้นที่ปรากฏที่ด้านบนของหน้าเว็บในแบบอักษรขนาดเล็กและแสดงตำแหน่งของผู้เยี่ยมชมในเว็บไซต์

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

ในกรณีของตัวอย่าง Amazon ของเรา หนังสือเล่มนี้อยู่ในหมวดหมู่ "Genre Fiction" ซึ่งเป็นส่วนหนึ่งของส่วน "วรรณกรรมและนิยาย" และนำกลับไปที่ส่วน "หนังสือ" หลักบนเว็บไซต์ Amazon

การนำทางส่วนท้ายของไขมัน การนำทางส่วนท้ายของไขมัน

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

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

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

เมนู Subnav ที่ตอบสนอง เมนู Subnav ที่ตอบสนอง

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

ไซต์ที่มีเมนูการนำทางย่อยที่ปรับเปลี่ยนตามอุปกรณ์ประกอบด้วยไอคอนเครื่องหมายบวกขนาดเล็ก เครื่องหมายลูกศร หรือการเปลี่ยนสี ซึ่งระบุว่าเมนูมีหมวดหมู่ย่อย

ม้าหมุนเรื่องเด่น ม้าหมุนเรื่องเด่น

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

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

เมนูสไลด์ออก เมนูสไลด์ออก

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

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

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

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

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