ऊर्ध्वाधर बनाम क्षैतिज मेनू के पेशेवरों और विपक्ष?


11

मैं लंबे समय से सोच रहा था कि क्षैतिज नेविगेशन मेनू, या ऊर्ध्वाधर वाले का उपयोग करने के लिए कोई प्राथमिकता होनी चाहिए। मैंने पहले भी विभिन्न वेबसाइटों पर दोनों का उपयोग किया है, और प्रत्येक के पेशेवरों और विपक्षों को देख सकते हैं।

क्या इस विषय पर कोई ठोस डेटा उपलब्ध है? मुझे पहुंच और उपयोगिता संबंधी चिंताओं में दिलचस्पी है।

जवाबों:


3

अंतरिक्ष के मुद्दों और स्कैनिंग में आसानी के अलावा, कुछ अन्य कारक हैं जिन्हें आपको ध्यान में रखना चाहिए:

क्षैतिज रूप से व्यवस्थित मेनू (क्षैतिज रूप से व्यवस्थित भाषाओं में) का अर्थ है एक आइटम से दूसरे आइटम पर जाने के लिए अधिक माउस आंदोलन।

हालाँकि, एक क्षैतिज मेनू में शीर्ष-स्तरीय मेनू आइटम से इसके संबंधित ड्रॉपडाउन मेनू में जाना आसान होगा, क्योंकि यह ऊर्ध्वाधर मेनू आइटम से इसके संबंधित फ्लाईआउट मेनू में जाना है। ड्रॉपडाउन की तुलना में विकर्ण समस्या फ्लाईआउट्स में बहुत बढ़ जाती है क्योंकि साझा किनारा इतना छोटा है।

और फिर लक्ष्यीकरण गति का मुद्दा है। ऊर्ध्वाधर मेनू में क्षैतिज मेनू की तुलना में अधिक "गहराई" होती है। इसका मतलब है कि उपयोगकर्ता अपने माउस को मेनू की ओर अधिक गति से स्थानांतरित कर सकता है, क्योंकि उनके पास एक बड़ा बफर होता है, जब वे ओवरसूट करते हैं। बेशक, यदि आपके क्षैतिज मेनू को दस्तावेज़ के ऊपरी या निचले किनारे (यानी अनंत गहराई) के साथ रखा गया है, तो यह एक मूक बिंदु है।

अंत में, मुझे लगता है कि यह एक धोने है। जो भी आपके डिजाइन को सबसे अच्छा लगता है उसके साथ जाएं और फिर वहां से प्रयोज्य का अनुकूलन करें। यदि आप इसका उपयोग करना नहीं चाहते हैं, तो इसका मतलब है कि बाकी पेज के लिए इसके नीचे एक विशाल खाली कॉलम बनाना है। और आप एक क्षैतिज मेनू का उपयोग नहीं करना चाहते हैं यदि इसका मतलब है कि आपका लेआउट 2000px चौड़ा होना चाहिए।


4

खैर, मैं एक डेवलपर / प्रोग्रामर / कोडिंग आदमी हूं।

इसका मतलब है, मैं हमेशा ऐसे सवालों के जवाब से पहले डिजाइन के बारे में कुछ जानकारी के लिए जाता हूं। मुझे जैकब नीलसन के लेख पसंद हैं, क्योंकि वे पोस्ट करने से पहले शोध करते हैं।

मुझे लगता है कि वे लिंक मदद कर सकते हैं।

अब मेरी राय क्षैतिज मेनू का उपयोग करना मुख्य नेविगेशन के लिए पहला विकल्प है, खासकर यदि आप मेगा ड्रॉप डाउन का उपयोग करने पर विचार करते हैं।

इसके अलावा, क्षैतिज ब्रेडक्रंब का उपयोग, उपयोगकर्ताओं को जल्दी से खुद को खोजने में मदद करने के लिए अपरिचित नेविगेशन के रूप में।

मुझे ऊर्ध्वाधर नेविगेशन मेनू पसंद हैं, लेकिन वे विज्ञापन की तरह हैं, जो उपयोगकर्ताओं को उनके लिए अंधा बनाता है, इसलिए पहली बात, सुनिश्चित करें कि आपके ऊर्ध्वाधर मेनू किसी बैनर या Google विज्ञापन की तरह नहीं हैं।

दूसरा, मैं "संदर्भ" नेविगेशन के लिए ऊर्ध्वाधर मेनू का उपयोग करना पसंद करूंगा, संबंधित सामग्री या उपखंड आइटम प्रदर्शित करूंगा।


अच्छी बात। मुझे लगता है कि जिन साइटों में 2-स्तरीय नेविगेशन (मुख्य और प्रासंगिक) है वे बाद के लिए एक ऊर्ध्वाधर साइड मेनू का उपयोग करते हैं।
लेजे मेजेस्टे

हाँ। jakob
nielsen

0

यदि आपके पास एक या अधिक शब्दों के मेनू आइटम हैं, तो एक भौतिक सीमा है कि स्क्रॉल करने से पहले क्षैतिज मेनू में कितने फिट होंगे। इसलिए, इस कारण से मैं मुख्य / शीर्ष स्तर की वस्तुओं के लिए क्षैतिज मेनू का पक्ष लेता हूं।

एक्सेसिबिलिटी के बारे में (यह मानते हुए कि यह ठीक है) में बहुत अंतर नहीं हो सकता है, क्योंकि उन्हें अच्छी तरह से चिह्नित किया जा सकता है। उदाहरण के लिए लिंक की एक अनियंत्रित सूची।


0

मैं ब्लंडर्स के उत्तर के विपरीत पोस्ट करने जा रहा हूं ...

हालाँकि हम बाएं से दाएं पढ़ते हैं, हम ऊपर से नीचे स्कैन करते हैं। यदि मेनू आइटम को लंबवत रूप से व्यवस्थित किया जाता है, तो आइटम की तुलना जल्दी से करना आसान है यदि वे एक-दूसरे से ऊपर हैं।

यदि आपके पास केवल कुछ मुट्ठी भर लिंक हैं, तो क्षैतिज ठीक है। नाम कम लेकिन स्पष्ट रखें और 6-7 से अधिक न हों। बेशक, दूसरा विकल्प एक संयोजन है - कुछ 'हेडर' क्षैतिज रूप से उस श्रेणी की हर चीज के होवर ड्रॉपडाउन के साथ।


"हम ऊपर से नीचे स्कैन करते हैं" किस अवलोकन, या शोध पर आधारित है? अगर एक अवलोकन, कृपया समझाएं। यदि अनुसंधान, कृपया इसे उद्धृत करें। "यदि वे एक दूसरे से ऊपर हैं तो वस्तुओं की तुलना जल्दी करना आसान है।" ऐसा कैसे? आइटम को उनकी तुलना करने के लिए मानव मेमोरी में लोड किया जाना चाहिए, जितनी तेज़ी से उन्हें लोड किया जाता है, उतनी तेज़ी से उनकी तुलना की जा सकती है। मानव मन केवल सुपर शॉर्ट-टर्म मेमोरी में लगभग 7 आइटम रखता है, सात से अधिक वस्तुओं के लिए डिज़ाइन करना ... मनुष्यों की तुलना में अधिक अच्छी तरह से संभाल सकता है; हवाला: काम कर रहे स्मृति क्षमता - en.wikipedia.org/wiki/…
blunders

1
@blunders: यह विभिन्न चीजों पर आधारित है जो मैंने यहाँ और वहाँ पढ़ी हैं, लेकिन मैं आपको किसी विशेष शोध की ओर इशारा नहीं कर सकता। पुन: वस्तुओं की तुलना करना - लंबवत बहुत आसान है क्योंकि आप एक ही समय में बाएं से दाएं की तुलना करते हैं। यदि आप विशिष्ट शब्दों की तलाश कर रहे हैं, तो आप बहुत पहले प्रत्येक अक्षर या दो को तुरंत स्कैन कर सकते हैं। क्षैतिज रूप से, आपको एक को पढ़ना होगा, फिर दूसरे को, और प्रत्येक को प्रोसेस करना होगा। यकीन है कि मैं कर रहा हूँ इस जेकब नीलसन की वेबसाइट कहीं पर है ...
DisgruntledGoat

0

जवाब शायद यह है कि दोनों का उपयोग करने के लिए कई बार हैं, लेकिन जहां तक ​​आंखों पर नज़र रखने वाले अध्ययनों से पता चला है, आंख एक एफ आकार के पैटर्न में पृष्ठ को स्कैन करती है , इसलिए संभवतः अपने नेविगेशन को बाईं ओर, या उसके पार रखना सबसे अच्छा है। ऊपर।

दोनों को संयोजन के रूप में भी इस्तेमाल किया जा सकता है, जैसे नौवहन लिंक (घर, हमारे बारे में, संपर्क आदि) के लिए शीर्ष पर एक क्षैतिज मेनू और श्रेणियों, लेखों और इस तरह के लिए एक बाएं मेनू।

ड्रॉप-डाउन मेनू के बारे में विचार करने का एक और बिंदु यह है कि उनमें एसईओ निहितार्थ हो सकते हैं। सर्च इंजन लैंड में डैनी सुलिवन सुझाव देते हैं कि ड्रॉप-डाउन मेनू हर पृष्ठ पर कई लिंक होने से लिंक प्राधिकरण को पतला कर सकता है और एक पदानुक्रम मेनू लिंक रस को बेहतर तरीके से पारित कर सकता है। इसके अलावा, अपने उपयोगकर्ताओं से नेविगेशन तत्वों को ड्रॉप-डाउन में क्यों छिपाएं जहां वे याद कर सकते हैं कि वे क्या ढूंढ रहे हैं।


0

IMHO, मैं क्षैतिज मेनू के रूप में प्रमुख अनुभाग को वर्गीकृत करता हूं .. जहां ऊर्ध्वाधर मेनू में किसी भी सक्रिय प्रमुख अनुभाग के वर्णनात्मक अनुभागों के रूप में।

उदाहरण के लिए:

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

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

होम, समाचार और उत्पाद के रूप में प्रमुख श्रेणियों के रूप में कार्य करता है, जो मैंने उन्हें क्षैतिज लेआउट में रखा है, जहां हमारे बारे में, मिशन, संपर्क करें के रूप में होम पेज के सबसे वर्णनात्मक अनुभाग हैं, इसलिए मैंने आसान पहुंच के लिए सामग्री प्रदर्शन भाग के बगल में ऊर्ध्वाधर मेनू के रूप में रखा है। ।


0

बहुत आसान है, तुम मुझे बताओ, क्या पढ़ना आसान है: 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

मुझे यकीन है कि कोई शोध या कुछ पोस्ट करेगा, मैं भी कह सकता हूं कि मैं गलत हूं, लेकिन तथ्य यह है कि मेरा तर्क काफी सरल है कि मैं इसे समझता हूं, यह मुझे समझ में आता है, और मुझे बताने के लिए फैंसी रिपोर्ट की आवश्यकता नहीं है यह सही है, या गलत है ... क्योंकि मैं अनुमान लगा रहा हूं कि फैंसी रिपोर्ट का कोई मतलब नहीं होगा, और यह सिर्फ दिए गए परीक्षण की संरचना के आधार पर डेटा का एक नमूना है ...

तो तुम क्या सोचते हो?


1
आपको लगता है कि क्षैतिज हमेशा बेहतर होता है? मैं इस विशेष उदाहरण के लिए सहमत हूं - बहुत कम मेनू आइटम। लेकिन जैसे ही आइटम खराब हो जाते हैं तो क्षैतिज रूप से व्यवस्थित होने पर यह बहुत गन्दा हो सकता है।
MrWhite

@ w3d: यह सच है, लेकिन यह एक अलग विषय है, जिसका अर्थ है कि यह एक अतिरिक्त कारक है जो हाथ में मूल पदार्थ से संबंधित नहीं है। वहाँ बहुत सारे कारक हैं जिन्हें आप फेंक सकते हैं, लेकिन वे सीधे मूल मामले से संबंधित नहीं होंगे। उदाहरण के लिए: हैलो, हैलो, हेलो - यकीन है कि आवरण पढ़ने में कितना आसान है, इससे फर्क पड़ता है, लेकिन यह एक अतिरिक्त कारक है।
ब्लंडर्स

2
वह जो कह रहा है, वह अच्छा नहीं है। निश्चित रूप से, जब वे साइट डिज़ाइन करते हैं, तो उप-मेनू कम थे, और उन्होंने विकास प्रक्रिया के दौरान केवल कुछ आइटम जोड़े - एक साल बाद आपके हाथों पर एक क्षैतिज गड़बड़ है।
CinqoTimo
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.