17 ประเภทของบล็อกและตัวเลือกการนำทางเว็บไซต์
เผยแพร่แล้ว: 2019-07-04คุณรู้หรือไม่ว่า 67% ของผู้เยี่ยมชมของคุณจะออกจากเว็บไซต์ของคุณหากการนำทางทำให้พวกเขารำคาญ? บล็อกและการนำทางเว็บไซต์ที่ดีมีความสำคัญต่อความสำเร็จ เนื่องจากส่งผลต่อการเข้าชม เวลาที่ใช้กับไซต์ของคุณ และอัตราการแปลง
เนื่องจากความก้าวหน้าของอินเทอร์เน็ต จึงมีการคาดเดามากมายเกี่ยวกับเมนูการนำทางประเภทต่างๆ การนำทางเป็นหนึ่งในองค์ประกอบหลักที่ส่งผลต่อประสบการณ์ของผู้ใช้ และบล็อกหรือเว็บไซต์ที่ไม่มีการนำทางนั้นเป็นไปไม่ได้
สารบัญ
- ทำไมการนำทางจึงมีความสำคัญสำหรับเว็บไซต์?
- ตัวเลือกการนำทาง
- การนำทางแบบโต้ตอบ
- แถบการนำทางที่ติดหนึบ
- การนำทางแบบคงที่แถบด้านข้างแนวตั้ง
- การนำทางแบบเลื่อนแนวตั้ง
- การนำทางพารัลแลกซ์
- เมนูแฮมเบอร์เกอร์
- เมนูที่ใช้มัลติมีเดีย
- สารบัญ
- การนำทางโพสต์ที่เกี่ยวข้อง
- Mega เมนูแบบเลื่อนลง
- การนำทางแบบจุดหน้าเดียว
- การนำทางสากล
- การนำทางเบรดครัมบ์
- การนำทางส่วนท้ายของไขมัน
- เมนู Subnav ที่ตอบสนอง
- ม้าหมุนเรื่องเด่น
- เมนูสไลด์ออก
ทำไมการนำทางจึงมีความสำคัญสำหรับเว็บไซต์?
พิจารณาเว็บไซต์ของคุณเป็นเมือง คุณเพิ่งลงเครื่องที่สิงคโปร์ ดูไบ โรม หรือจุดหมายปลายทางอื่นๆ ที่คุณต้องการ คุณรู้ว่าสถานที่ใดที่คุณต้องการดู แต่คุณไม่รู้ว่าจะไปที่นั่นได้อย่างไร เมืองส่วนใหญ่มีป้ายบอกทางเพื่อนำทางผู้คนไปยังสถานที่หนึ่งๆ ป้ายยังช่วยให้ผู้คนมีส่วนร่วม คุณอาจไม่เคยคิดที่จะเยี่ยมชมโคลอสเซียม แต่หากคุณเห็นป้ายที่บอกว่าอยู่ใกล้คุณอาจถูกชักชวนให้ไปเยี่ยมชม
การนำทางของบล็อกและเว็บไซต์ได้รับการออกแบบโดยคำนึงถึงหลักการเดียวกัน หากไม่มีการนำทาง ผู้เข้าชมจะไม่ทราบว่าจะไปที่ใดหรือหน้าใดควรค่าแก่การดู พวกเขาจะไม่พบหน้ารายการผลิตภัณฑ์หรือหน้าการสมัครของคุณ
จุดประสงค์ของการนำทางคือเพื่อช่วยสำรวจเว็บไซต์เพิ่มเติม จำเป็นต้องสร้างแรงบันดาลใจให้ผู้คนอยากรู้อยากเห็นและโน้มน้าวให้พวกเขาคลิกลิงก์ การนำทางเว็บไซต์ที่ดีจะช่วยให้ผู้เยี่ยมชมสามารถไปจากหน้าหนึ่งไปยังอีกหน้าหนึ่งได้โดยปราศจากความยุ่งยาก หากคุณทำได้ดี ผู้เข้าชมจะออกจากไซต์ของคุณโดยตั้งใจที่จะกลับมาอีกครั้ง สมัครรับจดหมายข่าว หรือแม้แต่ซื้อผลิตภัณฑ์หรือบริการ
ตัวเลือกการนำทาง
ต่อไปนี้คือตัวเลือกการนำทางสมัยใหม่บางส่วนที่ใช้งานได้เหมือนเวทมนตร์สำหรับบล็อกหรือเว็บไซต์ของคุณ:
การนำทางแบบโต้ตอบ 
เมนู การนำทาง แบบโต้ตอบ ประเภทนี้มักจะประกอบด้วยแถบแนวนอนพร้อมองค์ประกอบที่ให้การโต้ตอบเมื่อผู้เยี่ยมชมวางเมาส์เหนือลิงก์ นี่เป็นตัวเลือกการนำทางที่ยอดเยี่ยมที่สุดประเภทหนึ่ง เนื่องจากมีการผสมผสานระหว่างองค์ประกอบแบบคงที่ ไดนามิก และแบบโต้ตอบ ซึ่งทั้งหมดนี้ผสมเข้าด้วยกันเพื่อดึงดูดสายตา สัญญาว่าผู้ใช้จะได้รับประสบการณ์ที่มีส่วนร่วม สร้างแรงบันดาลใจ และโต้ตอบได้ อย่างไรก็ตาม เนื่องจากองค์ประกอบที่เคลื่อนไหวได้มากมาย ตัวเลือกการนำทางเหล่านี้จึงไม่ค่อยเข้ากันได้กับเบราว์เซอร์หรืออุปกรณ์มือถือทุกประเภท
แถบการนำทางที่ติดหนึบ 
ตามชื่อที่ระบุ แถบการนำทางที่ติดหนึบ คือเมนูเว็บไซต์ ซึ่งโดยทั่วไปแล้วจะแสดงในแนวนอนที่ด้านบนซึ่งคงอยู่กับที่และจะไม่หายไปเมื่อคุณเลื่อนลงมาที่เว็บไซต์ วิธีนี้ช่วยป้องกันไม่ให้คุณย้อนกลับไปที่ส่วนหัวของเว็บไซต์จนไม่เหลือตำแหน่งในหน้าเลื่อน ช่วยให้ผู้ใช้นำทางไซต์ได้จากทุกที่บนหน้า
เนื่องจากปลั๊กอิน CSS และ jQuery ธีมเว็บไซต์จำนวนมากจึงมาพร้อมกับเมนูติดหนึบเป็นคุณสมบัติเริ่มต้น การนำทางประเภทนี้ยังใช้งานได้ดีกับอุปกรณ์พกพาเนื่องจากหน้าจอนั้นยาวและบางลง
หากไซต์ของคุณมีหน้าหลายหน้าให้นำทางไป ควรใช้เมนูการนำทางแบบติดหนึบ เพราะจะช่วยในการมีส่วนร่วมของผู้ใช้และทำให้ผู้เยี่ยมชมเว็บไซต์ของคุณนานขึ้น แถบนำทางที่ติดหนึบบางแถบยังลดขนาดลงเมื่อคุณเลื่อนลง เพื่อไม่ให้มีการบุกรุกน้อยลงและช่วยให้คุณดูเนื้อหาของหน้าได้ดีขึ้น
การนำทางแบบคงที่แถบด้านข้างแนวตั้ง
การนำทางแบบคงที่ของแถบด้านข้าง ได้รับความนิยมมาหลายปีแล้ว แม้ว่านักออกแบบส่วนใหญ่กล่าวว่าเมนูเหล่านี้ทำงานได้ดีกว่าสำหรับเว็บไซต์ขนาดกะทัดรัดและทันสมัย แต่ก็มีบล็อกและนิตยสารจำนวนมากที่ยังคงใช้การนำทางในลักษณะนี้
เว็บไซต์ส่วนใหญ่ใช้แผงสีคงที่ทางด้านซ้ายของหน้า ซึ่งสามารถแสดงลิงก์ทั้งหมดได้อย่างรวดเร็วและมีประสิทธิภาพ ในขณะเดียวกัน คุณสามารถเลื่อนหน้าเว็บลงได้โดยไม่ต้องมีแถบด้านข้างไปที่ใดก็ได้ สิ่งนี้ทำให้ผู้ใช้ได้รับประสบการณ์ที่ยอดเยี่ยมเนื่องจากลิงก์ที่เกี่ยวข้องทั้งหมดอยู่ที่ปลายนิ้วของคุณ
การนำทางแบบเลื่อนแนวตั้ง
คล้ายกับแถบด้านข้างแบบคงที่มาก ยกเว้นตัวเลือกการนำทางนี้มาพร้อมกับตัวเลือกการ เลื่อนหรือเลื่อนลง เพื่อให้ผู้เยี่ยมชมสามารถดูรายการหน้าที่มีขนาดใหญ่กว่าสิ่งที่มองเห็นได้ด้วยแถบคงที่ เว็บไซต์สมัยใหม่จำนวนมากกำลังใช้แนวโน้มการนำทางแบบเลื่อนในแนวตั้งและทำงานได้ดีมาก ตัวเลือกการนำทางนี้เป็นที่นิยมอย่างมากกับเอเจนซี่สร้างสรรค์หรือเว็บไซต์พอร์ตโฟลิโอที่ผลักดันการออกแบบเว็บไซต์แบบดั้งเดิม
การออกแบบนี้ทำงานได้ดีบนเลย์เอาต์แบบเต็มหน้าจอมากกว่าการออกแบบเว็บกริด การออกแบบแถบด้านข้างแบบเลื่อนแนวตั้งนั้นไม่ง่ายนัก และบางครั้งการทำงานก็ค่อนข้างยุ่งยากหากคุณใช้อุปกรณ์พกพาหรืออุปกรณ์ระบบสัมผัส หากคุณอยากลองแนวคิดการนำทางใหม่ๆ แถบเลื่อนแนวตั้งอาจเป็นแนวคิดที่ดี
การนำทางพารัลแลกซ์ 
การนำทาง แบบพารัลแลกซ์หรือการเลื่อนแบบพารัลแลกซ์ประกอบด้วยเลย์เอาต์เว็บที่มีพื้นหลังหลักของเพจที่เคลื่อนไหวในอัตราที่ช้ากว่าองค์ประกอบอื่นๆ ในส่วนโฟร์กราวด์ ตัวเลือกการนำทางนี้เป็นแบบกราฟิกและให้เอฟเฟกต์สามมิติแก่เว็บเพจ
ควบคู่ไปกับองค์ประกอบภาพและการเคลื่อนไหวหลายอย่าง เว็บไซต์พารัลแลกซ์ช่วยให้สิ่งที่น่าสนใจและป้องกันไม่ให้ผู้เยี่ยมชมหลงทางในไซต์
ทั้งนี้ขึ้นอยู่กับประเภทของเว็บไซต์ สามารถใช้พารัลแลกซ์ได้เท่าที่จำเป็นในเว็บไซต์เพื่อให้มีมิติที่เพิ่มมากขึ้น และช่วยให้พื้นหน้าและองค์ประกอบที่สำคัญปรากฏขึ้น
เมนูแฮมเบอร์เกอร์ 
ไอคอนแฮมเบอร์เกอร์ คือปุ่มเมนูที่ปกติจะอยู่ที่มุมซ้ายบนหรือมุมขวาบนของเว็บไซต์ ตั้งชื่อตามนี้เพราะไอคอนประกอบด้วยเส้นแนวนอนสั้น ๆ สามเส้นวางทับกัน ทำให้ดูเหมือนแซนด์วิชแฮมเบอร์เกอร์ ซึ่งมักพบได้ในเว็บไซต์ที่เหมาะกับอุปกรณ์เคลื่อนที่หรือเว็บไซต์เดสก์ท็อปสมัยใหม่ที่มีเทคโนโลยีล้ำสมัย
นี่เป็นปุ่มนำทางประเภทหนึ่งที่ได้รับความนิยมมากที่สุด เนื่องจากเป็นการรวมลิงก์ทั้งหมดไว้ในที่เดียวโดยไม่ทำให้รกมากเกินไป เมนูประเภทนี้มีความไม่ต่อเนื่อง มีสไตล์ และไดนามิกมาก แม้ว่าตอนนี้จะเป็นมาตรฐานชั้นนำในการนำทางบนมือถือ แต่ผู้ที่ไม่ค่อยเข้าใจเทคโนโลยีบางคนก็พบว่ามันยากที่จะหาตัวเลือกการนำทางที่ซ่อนอยู่ประเภทนี้ ดังนั้นการเพิ่มเมนูคำที่อยู่ถัดจากปุ่มอาจทำให้การนำทางสำหรับผู้เยี่ยมชมดังกล่าวง่ายขึ้น
เมนูที่ใช้มัลติมีเดีย 
เมนูแบบมัลติมีเดีย ประกอบด้วยองค์ประกอบภาพหลายอย่าง เช่น รูปภาพและวิดีโอที่ปรากฏในรายการของเมนูการนำทาง ตัวเลือกที่น่าดึงดูดและน่าดึงดูดนี้ต้องขอบคุณความก้าวหน้าทางเทคโนโลยีที่ช่วยให้เราเพิ่มมัลติมีเดียได้มากมายโดยไม่กระทบต่อฟังก์ชัน การเข้าถึง และประสิทธิภาพของเว็บไซต์ ดังนั้นการนำทางที่น่าดึงดูด ทันสมัย และทันสมัยประเภทนี้จึงกลายเป็นสิ่งที่ต้องมีสำหรับเว็บไซต์ที่มีไดนามิกและมีสไตล์อย่างรวดเร็ว
การนำทางแบบมัลติมีเดียใช้ตัวเลือกการนำทางประเภทต่างๆ เช่น เมนูแฮมเบอร์เกอร์ และการนำทางส่วนท้าย และไฮไลต์เฉพาะส่วนที่สำคัญที่สุดของคำอธิบาย
สารบัญ 
เรารู้ว่า Google ชอบเนื้อหาที่มีขนาดยาว และด้วยเหตุนี้ บล็อกเกอร์จึงพยายามเขียนเนื้อหาที่ยาวขึ้นและยาวขึ้น แม้ว่านี่จะเป็นแนวทางปฏิบัติที่ดีตามเครื่องมือค้นหา แต่ก็อาจทำให้ผู้อ่านไม่สามารถเข้าใจได้ เพื่อทำให้สิ่งต่างๆ ง่ายขึ้น เว็บไซต์จำนวนมากได้เพิ่ม สารบัญ ที่ตอนต้นของบทความ ซึ่งจัดหมวดหมู่เป็นส่วนต่างๆ วิธีนี้ผู้ใช้สามารถคลิกที่ลิงก์ของส่วนที่พวกเขาต้องการไปและพวกเขาจะถูกพาไปที่นั่นโดยไม่ต้องเลื่อนหน้าลงอย่างไม่รู้จบ วิธีนี้ช่วยให้บทความดูน่ากลัวน้อยลงและไม่แปลกใจกับประสบการณ์ของผู้ใช้
ตัวอย่างที่โดดเด่นที่สุดคือของ Wikipedia ที่ใช้สารบัญตั้งแต่ก่อตั้ง
การนำทางโพสต์ที่เกี่ยวข้อง 
ตัวเลือกการนำทางที่สำคัญที่สุดประเภทหนึ่ง ซึ่งมักใช้ในบล็อก เว็บไซต์ข่าวสาร และรายการผลิตภัณฑ์ คือ การนำทางโพสต์ที่เกี่ยวข้อง การนำทางประเภทนี้ประกอบด้วยลิงก์ไปยังโพสต์บล็อก รายการข่าว หรือผลิตภัณฑ์เด่นอื่นๆ แทรกระหว่าง ด้านบนหรือด้านล่างของเนื้อหาหลัก

ข้อได้เปรียบที่ใหญ่ที่สุดของตัวเลือกการนำทางนี้คือมีเนื้อหาที่คล้ายกันซึ่งผู้เยี่ยมชมอาจสนใจ การนำทางโพสต์ที่เกี่ยวข้องสนับสนุนให้ผู้เยี่ยมชมเรียกดูข้อเสนอและโพสต์อื่นๆ ที่คล้ายคลึงกันบนไซต์ เพิ่มการมีส่วนร่วม ลดอัตราการตีกลับ และกระตุ้นการซื้อ
Mega เมนูแบบเลื่อนลง 
เป็นที่ทราบกันว่า เมนูแบบเลื่อนลง มีการโต้เถียง ประการหนึ่ง บอทของเครื่องมือค้นหาอาจรวบรวมข้อมูลได้ยาก อีกประการหนึ่ง อาจสร้างความรำคาญให้กับผู้เยี่ยมชมที่ไม่สนใจดูรายการหน้าเว็บยาวๆ พวกเขายังทำให้ผู้เข้าชมพลาดหน้าสำคัญ อย่างไรก็ตาม เมนูแบบเลื่อนลงประเภทหนึ่งทำงานได้ดีมาก นั่นคือเมนูแบบเลื่อนลงเมกะ
เมนูแบบเลื่อนลง Mega มักจะทำงานได้ดีในเว็บไซต์ที่นำเสนออุตสาหกรรมบางประเภท เช่น กีฬา ข่าวออนไลน์ และร้านค้าอีคอมเมิร์ซ เมนูแบบเลื่อนลงเมกะเป็นส่วนประกอบแบบหลายคอลัมน์ที่มีหลายฟังก์ชัน ซึ่งครอบคลุมความกว้างเกือบทั้งหมดของหน้าจอ นอกจากนี้ยังสามารถสร้างสมดุลให้กับองค์ประกอบต่างๆ เช่น วิดีโอ รูปภาพ และแม้แต่ตะกร้าสินค้า เนื่องจากเป็นองค์ประกอบที่ซับซ้อนมาก บางครั้งจึงทำให้หน้าเว็บไม่ตอบสนอง โดยเฉพาะในเบราว์เซอร์บนอุปกรณ์เคลื่อนที่ อย่างไรก็ตาม เป็นหนึ่งในตัวเลือกที่ดีที่สุดหากเว็บไซต์ของคุณนำเสนอบริการหรือผลิตภัณฑ์ที่หลากหลาย
ข้อได้เปรียบที่ใหญ่ที่สุดของเมนูดรอปดาวน์ของเมกะคือผู้เยี่ยมชมสามารถรับแนวคิดเกี่ยวกับประเภทของเนื้อหาที่เว็บไซต์หลากหลายนำเสนอ จึงมีผู้ใช้จำนวนมากที่ชื่นชอบการนำทางสไตล์นี้
การนำทางแบบจุดหน้าเดียว 
การนำทางที่ทันสมัยที่สุดประเภทหนึ่งที่เห็นในทุกวันนี้คือ การนำทางแบบจุดหน้าเดียว ซึ่งประกอบด้วยชุดไอคอนวงกลมเล็กๆ น่ารักๆ ที่ด้านซ้าย ด้านขวา หรือตรงกลางของหน้าจอ แต่ละจุดแสดงถึงส่วนต่างๆ ของหน้า เมื่อผู้เยี่ยมชมวางเมาส์เหนือหรือคลิกที่จุด เขาจะถูกนำไปที่ส่วนของหน้าเว็บหรือสไลด์ที่เชื่อมโยงกับจุดนั้น จุดที่ผู้เยี่ยมชมคลิกจะถูกเน้นเพื่อทำเครื่องหมายตำแหน่งของผู้ใช้บนเว็บไซต์
การนำทางประเภทนี้เหมาะสำหรับเมื่อคุณต้องการแสดงผลิตภัณฑ์จำนวนมากในหน้าเดียว แต่ไม่ต้องการใช้พื้นที่มาก อันที่จริง การนำทางแบบจุดหน้าเดียวทำงานได้ดีมากเมื่อใช้ร่วมกับการนำทางอื่นๆ เช่น เมนูแบบเลื่อนลงและแถบการนำทางด้านบนที่ติดหนึบ
การนำทางสากล 
บางบริษัทเป็นกลุ่มบริษัทและมีหลายแบรนด์ภายใต้ชื่อของพวกเขา บริษัทเหล่านี้มักมีเมนู การนำทางที่เป็นสากล ทั่วทั้งเว็บไซต์ ตามชื่อที่แนะนำ ตัวเลือกการนำทางนี้รวมถึงแบรนด์ บริการ และผลิตภัณฑ์ต่างๆ ทั้งหมดที่แบรนด์หลักมีให้
ตัวอย่างที่ดีที่สุดของการนำทางประเภทนี้คือ Disney ซึ่งเป็นเจ้าของช่องทีวี ภาพยนตร์ สวนสนุก เกม และอื่นๆ การนำทางแบบสากลนั้นสมเหตุสมผลในสถานการณ์นี้ เนื่องจากเป็นการดึงความสนใจมาที่ผลิตภัณฑ์ของดิสนีย์ทั้งหมด การนำทางนี้ยังไม่รวมกลุ่มบริษัทในเครือ นอกจากนี้ยังใช้ในเครือข่ายของเว็บไซต์ต่างๆ อย่างเช่นที่ Univision Communications เป็นเจ้าของ เช่น Jezebel, Deadspin และ Lifehacker และลิงก์การนำทางไปยังทั้ง 7 แบรนด์ที่ Gawker Media เป็นเจ้าของก่อนหน้านี้
ข้อดีของการนำทางประเภทนี้คือช่วยให้ผู้ใช้ทราบว่าไซต์อื่นๆ เป็นส่วนหนึ่งของเครือข่ายของเว็บไซต์ใดบ้าง และช่วยสร้างเอกลักษณ์ของแบรนด์และการรับรู้ถึงแบรนด์ที่ประสบความสำเร็จ สิ่งนี้สามารถช่วยให้ผู้เยี่ยมชมผสมเกสรข้ามเครือข่ายไปยังเว็บไซต์ทั้งหมดได้
การนำทางเบรดครัมบ์ 
ในเรื่อง “Hansel and Gretel” เด็กๆ ทิ้งเศษขนมปังไว้เพื่อหาทางกลับบ้าน การนำทางเบรดครัมบ์ หรือ เส้นทาง เบรดครัมบ์ ทำงานบนหลักการเดียวกัน เหล่านี้เป็นลิงค์การนำทางแบบลำดับชั้นที่ปรากฏที่ด้านบนของหน้าเว็บในแบบอักษรขนาดเล็กและแสดงตำแหน่งของผู้เยี่ยมชมในเว็บไซต์
สคีมาเบรดครัมบ์จะแสดงลิงก์ของหมวดหมู่เพจที่คุณอยู่ ส่วนของไซต์ที่มีอยู่ และนำกลับไปยังโฮมเพจ บางครั้ง การนำทางเบรดครัมบ์ยังแสดงชื่อของเพจที่คุณเปิดอยู่แต่ไม่มีไฮเปอร์ลิงก์
ในกรณีของตัวอย่าง Amazon ของเรา หนังสือเล่มนี้อยู่ในหมวดหมู่ "Genre Fiction" ซึ่งเป็นส่วนหนึ่งของส่วน "วรรณกรรมและนิยาย" และนำกลับไปที่ส่วน "หนังสือ" หลักบนเว็บไซต์ Amazon
การนำทางส่วนท้ายของไขมัน 
การนำทางส่วนท้าย มีลักษณะคล้ายกับแถบเมนูดั้งเดิมที่ด้านบนของไซต์ อย่างไรก็ตาม ข้อแตกต่างที่สำคัญคือสิ่งนี้จะอยู่ที่ด้านล่างของหน้าเว็บ ด้วยเหตุนี้จึงเรียกว่าการนำทางส่วนท้าย
ในหลาย ๆ ไซต์ การนำทางส่วนท้ายมักจะประกอบด้วยการติดต่อเรา ความเป็นส่วนตัว และลิงก์ทางกฎหมาย อย่างไรก็ตาม การแสดงช่องลงทะเบียนอีเมล ลิงก์โซเชียลมีเดีย และแม้แต่ลิงก์หน้าผลิตภัณฑ์ในเมนูส่วนท้ายกลายเป็นเรื่องปกติไปแล้ว
ผู้เข้าชมส่วนใหญ่สแกนผ่านเมนูส่วนท้ายเป็นทางเลือกสุดท้าย เว็บไซต์จำนวนมาก โดยเฉพาะเว็บไซต์ขายปลีก ใช้เมนูส่วนท้ายเพื่อแสดงลิงก์ไปยังหน้าที่ไม่สามารถแสดงบนเมนูส่วนหัวได้
เมนู Subnav ที่ตอบสนอง 
ปัจจุบันผู้คนใช้อุปกรณ์พกพามากกว่าคอมพิวเตอร์เดสก์ท็อป เมื่อคำนึงถึงสิ่งนี้ นักพัฒนาจึงได้คิดค้นระบบนำทางใหม่และมีประสิทธิภาพมากขึ้น ซึ่งเรียกว่า เมนูการนำทางย่อยที่ตอบสนอง เมนูการนำทางย่อยนี้มีขนาดเล็ก ซึ่งดีสำหรับหน้าจอมือถือ แต่สามารถขยายเพื่อแสดงหมวดหมู่ที่ซ่อนอยู่ได้ด้วยการกดปุ่ม
ไซต์ที่มีเมนูการนำทางย่อยที่ปรับเปลี่ยนตามอุปกรณ์ประกอบด้วยไอคอนเครื่องหมายบวกขนาดเล็ก เครื่องหมายลูกศร หรือการเปลี่ยนสี ซึ่งระบุว่าเมนูมีหมวดหมู่ย่อย
ม้าหมุนเรื่องเด่น 
ตัวเลือก การนำทางแบบหมุนเรื่องเด่น กำลังกลายเป็นเทรนด์ในเว็บไซต์ข่าวและบล็อกที่มีการเข้าชมสูงอย่างรวดเร็ว เว็บไซต์หลักหลายแห่งเหล่านี้สามารถเผยแพร่โพสต์ได้หลายสิบโพสต์ในแต่ละวัน และการเพิ่มภาพหมุนธรรมดาที่ด้านบนสุดของหน้าสามารถเปิดโอกาสให้ผู้เยี่ยมชมได้ดูโพสต์ล่าสุด บทความในภาพหมุนได้รับการอัปเดตและดูแลจัดการแบบไดนามิก และสามารถจัดรูปแบบให้ดูเหมือนภาพขนาดย่อได้
การนำทางประเภทนี้เหมาะสำหรับเว็บไซต์และบล็อกที่มีปริมาณมาก และสามารถเพิ่มประสบการณ์ผู้ใช้ eh ได้ ขณะอยู่บนหน้า ผู้เข้าชมสามารถค้นหาเรื่องราวต่างๆ ที่พวกเขาอาจสนใจ และพวกเขาจะมีเวลามากขึ้นในการสำรวจไซต์ สิ่งนี้จะเพิ่มเวลาการมีส่วนร่วม ปรับปรุงการรักษาผู้ใช้ และลดอัตราตีกลับ
เมนูสไลด์ออก 
นี่เป็นอีกหนึ่งการนำทางที่ "ซ่อน" ไว้ ซึ่งคล้ายกับปุ่มแฮมเบอร์เกอร์ เมนูแบบเลื่อนออก เป็นที่นิยมสำหรับอุปกรณ์พกพาที่มีหน้าจอที่บางกว่าและไม่มีพื้นที่เพียงพอสำหรับแสดงเนื้อหาและเมนู ดังนั้นพวกเขาจึงได้รับความนิยมเป็นจำนวนมากและตอนนี้นักออกแบบก็กำลังนำไปใช้ในเว็บไซต์เดสก์ท็อปเช่นกัน
เมนูแบบเลื่อนออกจะแสดงด้วยคำใบ้ที่มองเห็นได้ เช่น ไอคอน ตัวอย่างเช่น ลูกศร หรือข้อความเล็กๆ ซึ่งเมื่อกดแล้ว เมนูจะออกมา โดยปกติ เมนูแบบเลื่อนออกจะปรากฏที่ด้านซ้าย แม้ว่าทุกวันนี้จะมาจากด้านขวา ด้านบน และแม้แต่จากด้านล่าง
การนำทางเป็นส่วนสำคัญของการออกแบบเว็บไซต์ และนักออกแบบต้องให้ความสนใจเป็นพิเศษกับประเภทของการนำทางที่ไม่เพียงเหมาะสมกับความต้องการของลูกค้าเท่านั้น แต่ยังสะท้อนถึงเสียงของบริษัทอีกด้วย นอกเหนือจากนี้ ต่อไปนี้คือเคล็ดลับบางประการที่คุณต้องปฏิบัติตามเพื่อให้แน่ใจว่าการนำทางของคุณทำงานได้ดีที่สุด:
- คุณต้องวางแผนแผนผังเว็บไซต์เมื่อเริ่มต้นทุกโครงการ พูดง่ายๆ แผนผังเว็บไซต์คือรายการ URL และหน้าเว็บบนเว็บไซต์ ซึ่งหมายความว่าเป็นหนึ่งในเครื่องมือนำทางที่ดีที่สุดเท่าที่เป็นไปได้ จากมุมมองของเครื่องมือค้นหา
- การนำทางของเว็บไซต์ควรตรวจสอบให้แน่ใจว่าผู้ใช้ทั้งหมดควรทราบตำแหน่งของตนบนไซต์ ที่ไซต์จะนำพวกเขา และหน้าใดที่พวกเขาเคยผ่าน
- เว็บไซต์ที่ดีที่สุดไม่ได้มาพร้อมกับการนำทางเพียงประเภทเดียว แต่มีเว็บไซต์การนำทางที่ทันสมัยหลายแห่งรวมกัน ตัวอย่างเช่น เว็บไซต์ที่เหมาะกับอุปกรณ์เคลื่อนที่สามารถมีปุ่มแฮมเบอร์เกอร์ รวมถึงเมนูแบบเลื่อนออก ส่วนท้าย และส่วนหัวแบบติดหนึบเพื่อให้ง่ายต่อการนำทาง
- ตัวเลือกการนำทางทั้งหมดควรเป็นไปตามข้อตกลงของเว็บด้วย เพื่อให้ผู้เข้าชมทราบว่าจะพบฟังก์ชันการทำงานบางอย่างได้จากที่ใด
- เป็นความคิดที่ดีที่จะใช้องค์ประกอบการนำทางเว็บไซต์ที่ตอบสนอง เช่น ปุ่มแฮมเบอร์เกอร์และเมนูเลื่อนบนเว็บไซต์ ตามความเหมาะสม
แม้ว่าจะมีตัวเลือกการนำทางหลายแบบ ทั้งแบบดั้งเดิมและแบบสมัยใหม่ แต่ก็เป็นทางเลือกของผู้ใช้ในการตัดสินใจเลือกการนำทางที่ต้องการวางบนไซต์ของตน หลังจากชั่งน้ำหนักประโยชน์และข้อจำกัดแล้ว เมื่อพูดถึงการนำทาง เทรนด์จะเปลี่ยนแปลงอยู่เสมอ และทุกๆ ปีใหม่จะมีเมนูใหม่ๆ ที่น่าทึ่งมากมาย ประเภทของการนำทางที่เว็บไซต์ของคุณสมควรได้รับขึ้นอยู่กับคุณ