ข้อดีและข้อเสียของเมนูแนวนอนเมื่อเทียบกับแนวตั้ง?

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

มีข้อมูลที่เป็นรูปธรรมในเรื่องนี้หรือไม่? ฉันสนใจในการเข้าถึงและความกังวลเกี่ยวกับการใช้งาน

นอกเหนือจากปัญหาพื้นที่และความสะดวกในการสแกนยังมีปัจจัยอื่นอีกสองสามประการที่คุณควรคำนึงถึง:

เมนูที่จัดเรียงตามแนวนอน (ของภาษาที่จัดเรียงตามแนวนอน) หมายถึงการเคลื่อนไหวของเมาส์มากขึ้นเพื่อรับจากรายการหนึ่งไปยังอีกรายการหนึ่ง

อย่างไรก็ตามมันจะง่ายกว่าที่จะไปจากรายการเมนูระดับบนสุดในเมนูแนวนอนไปยังเมนูแบบเลื่อนลงที่สอดคล้องกันกว่าจะไปจากรายการเมนูแนวตั้งไปยังเมนู flyout ที่สอดคล้องกัน ปัญหาเส้นทแยงมุมมีการขยายอย่างมากใน flyouts เมื่อเทียบกับแบบเลื่อนลงเพราะขอบที่ใช้ร่วมกันมีขนาดเล็กมาก

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

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

ฉันเป็นนักพัฒนา / โปรแกรมเมอร์ / คนเขียนโปรแกรม

ซึ่งหมายความว่าฉันมักจะไปหาข้อมูลเกี่ยวกับการออกแบบก่อนที่จะตอบคำถามดังกล่าว ฉันชอบบทความของ Jakob Nielsen เพราะพวกเขาค้นคว้าก่อนโพสต์

• http://www.useit.com/alertbox/mega-dropdown-menus.html
• http://www.useit.com/alertbox/navigation-menu-alignment.html
• http://www.useit.com/alertbox/alpha-sorting.html

ฉันคิดว่าลิงก์เหล่านั้นสามารถช่วยได้

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

นอกจากนี้การใช้ breadcrumb ในแนวนอนเป็นการนำทางที่คุ้นเคยเพื่อช่วยให้ผู้ใช้ค้นหาตัวเองได้อย่างรวดเร็ว

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

ประการที่สองฉันต้องการใช้เมนูแนวตั้งสำหรับการนำทาง "บริบท" แสดงเนื้อหาที่เกี่ยวข้องหรือรายการย่อย

หากคุณมีรายการเมนูที่มีหนึ่งคำหรือมากกว่านั้นจะมีข้อ จำกัด ทางกายภาพเกี่ยวกับจำนวนที่จะพอดีกับเมนูแนวนอนก่อนที่จะต้องเลื่อน ดังนั้นด้วยเหตุนี้ฉันจะชอบเมนูแนวนอนสำหรับรายการหลัก / ระดับบนสุด

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

ฉันจะโพสต์คำตอบที่ผิดพลาด ...

แม้ว่าเราอ่านจากซ้ายไปขวาเราก็มักจะสแกนจากบนลงล่าง หากมีการจัดเรียงรายการเมนูในแนวตั้งจะง่ายกว่าเมื่อเปรียบเทียบกับรายการอื่น ๆ

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

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

ทั้งสองสามารถใช้ร่วมกันได้เช่นเมนูแนวนอนที่อยู่ด้านบนสุดสำหรับลิงก์การนำทาง (หน้าแรกเกี่ยวกับเรารายชื่อติดต่อ ฯลฯ ) และเมนูด้านซ้ายสำหรับหมวดหมู่บทความและสิ่งที่ชอบ

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

IMHO ฉันมักจะจัดหมวดหมู่ส่วนใหญ่เป็นเมนูแนวนอน .. ซึ่งเป็นส่วนที่เป็นคำอธิบายของส่วนสำคัญใด ๆ ที่ใช้งานในเมนูแนวตั้ง

ตัวอย่างเช่น:

------------------------------------------------------------------------------
Home News Product
------------------------------------------------------------------------------

|      About Us          | |                                            |
|      Mission           | |      Here is describing content            |
|      Contact Us        | |                                            |

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

ค่อนข้างง่ายคุณบอกฉันว่าอ่านง่ายกว่า: ABCDEFGHIJKLMNOP...Zหรือ

A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
.
.
.
Z

เมื่อคุณอ่านมันให้คิดว่าดวงตาของคุณเคลื่อนไหวอย่างไร ด้วยตัวอย่างแรกมัน - - - ฯลฯ ด้วยตัวอย่างที่สองมันคือ ZZZ เป็นต้น หมายถึงดวงตาของคุณเคลื่อนไหวในรูปแบบ Z ด้วยรูปแบบ Z ที่ดวงตาของคุณต้องคิดเกี่ยวกับจุดข้อมูลต่อไปมากกว่าที่จะเป็นข้อมูลแรก ชิ้นส่วนของข้อมูลที่ใกล้ชิดยิ่งขึ้นคือข้อมูลชิ้นสุดท้ายที่จะใช้งานได้ง่ายขึ้น ยิ่งข้อมูลมีขนาดกะทัดรัดมากเท่าไรคุณก็ยิ่งสามารถเพิ่มพื้นที่ได้เสมอ แต่ข้อมูลบางส่วนจะมีขนาดกะทัดรัดเท่านั้น ตัวอย่างเช่นฉันสามารถเพิ่มพื้นที่มากขึ้นเช่นนี้ แต่ก็ยังมีความยาวที่สั้นลงถ้าคุณวัดปลายที่ยาวที่สุดของตัวอย่างที่ 2: ABCDEFGHIJKLMNOPQRSTU VWXYZ

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

ดังนั้นสิ่งที่คุณคิดว่า?