सबसे अच्छा प्रयोज्य के लिए फार्म लेबल की स्थिति


16

मैं एक ऐसा फॉर्म तैयार कर रहा हूं firstname, जो आगंतुक को उनके middle initialऔर lastname। मैं चाहता हूं कि वे पाठ क्षेत्र सभी इनलाइन हों, लेकिन मुझे लेबल कहां लगाने चाहिए? बाईं ओर, ऊपर या खेतों के नीचे।

मैं एक प्रयोज्य दृष्टिकोण से सर्वोत्तम दृष्टिकोण की तलाश कर रहा हूँ।


क्या यह uxexchange.com के लिए अधिक उपयुक्त नहीं है? ( uxexchange.com )
बॉबी जैक

वाह, मुझे पता नहीं था uxechange.com अस्तित्व में है, धन्यवाद। इस सवाल पर अप वोट की संख्या को देखते हुए, यह निश्चित रूप से प्रो वेबमास्टर्स के दिमाग पर है।
शेन स्टिलवेल

हाँ - यह एक 'मुद्दा' का एक सा है। मेरा मानना ​​है कि 'पुराने SO' मॉडल का उपयोग करके uxexchange की स्थापना की गई थी। नए मॉडल का उपयोग करने वाली साइटें, जैसे कि वेबमास्टरों, पर बहुत अधिक ध्यान दिया जा रहा है। तो कुछ ऐसा है जो uxexchange के लिए अधिक प्रासंगिक है, वेबमास्टर्स पर अधिक सफल होता है। मुझे यकीन नहीं है कि समाधान क्या है - माइग्रेट करें uxexchange?
बॉबी जैक

जवाबों:


10

UXmatters के इस अध्ययन पर एक नज़र डालें । यह काफी गहराई में है, इसमें आंखों पर नज़र रखने वाले डेटा शामिल हैं, और यह निष्कर्ष निकालता है कि शीर्ष पर लेबल सबसे अच्छा समाधान है।

ल्यूक व्रोबेल्स्की का एक ऐसा ही लेख है , जो काफी विस्तृत भी है। दोनों लेख पढ़ने लायक हैं!


+1 मैं उन समान संसाधनों को पोस्ट करने जा रहा था। वास्तव में, इस प्रश्न के किसी भी उत्तर में अध्ययन शामिल होना चाहिए।
वर्चुओसी मीडिया

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

UXmatters लेख के बारे में यह भी दिलचस्प है कि वे बोल्ड लेबल पाए गए थे जो आगंतुकों को विचलित कर रहे थे और ... "बोल्ड लेबल उपयोगकर्ताओं को पढ़ने और अनुभव करने के लिए अधिक कठिन थे - शायद इसलिए कि बोल्ड पाठ और भारी आसन्न सीमाओं के बीच अधिक दृश्य भ्रम था। इनपुट क्षेत्रों की। " जानकार अच्छा लगा।
शेन स्टिलवेल 12

एक नकारात्मक नेल्ली नहीं होना चाहिए, लेकिन uxmatters.com में "शीर्ष लेख" अनुभाग नहीं है या यहां तक ​​कि Google वेबमास्टर टूल का भी उपयोग करें ताकि मैं उनके सबसे अधिक पढ़े गए लेख पा सकूं, जो बहुत उपयोगकर्ता अनुभव नहीं है!
नील मैकगिगन

5

सबसे महत्वपूर्ण बात यह है कि आपकी साइट के बाकी हिस्सों के अनुरूप होना चाहिए। सामान्य तौर पर ज्यादातर वेबसाइट टेक्स्ट फ़ील्ड के बाईं ओर लेबल लगाती हैं। इस कारण से यह एक लंबा विवरण होगा इसलिए सुनिश्चित करें कि आपके पास कमरा है और यह अच्छी तरह से बहता है।

यदि बाईं ओर दाईं ओर नहीं दिखता है या ऐसा करने के लिए जगह नहीं है, तो मैं ऊपर करूंगा। जैसा कि बहुत स्पष्ट है।

एकमात्र विधि जो मैं बचना चाहता हूं, वह पाठ फ़ील्ड के तहत लेबल लगा रहा है। जब खेत खेतों के नीचे होते हैं तो यह अधिक भ्रामक होता है।


3
किसी भी मामले में, forविशेषता मत भूलना ।
पियरे-एलेन विगेंट

4

आम तौर पर, आपकी स्थिति के लिए, सबसे ऊपर या बाईं ओर सबसे अच्छा है। बस सुनिश्चित करें कि पहुँच के लिए इनपुट फ़ील्ड से पहले लेबल आता है।

फिर भी एक पृष्ठ को लेआउट करने और सुलभ होने के कई अलग-अलग तरीके हैं।

फॉर्म लेबल वास्तव में बस के बारे में कहीं भी प्रकट कर सकते हैं आप उन्हें तब तक चाहते हैं जब तक यह बनाता है। यह पुनरावृत्ति देखने लायक है, http://patterntap.com/tap/collection/forms


3

दो विकल्प हैं जिन्हें सबसे अच्छा माना जाता है:

  • फ़ील्ड के बाईं ओर लेबल, दाएं तरफ फ्लश किया जाता है ताकि वे इनपुट के करीब हों।
  • क्षेत्र के ऊपर ही लेबल

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


1

उत्तर: उपरोक्त में से कोई नहीं। प्लेसहोल्डर का उपयोग करेंफ़ील्ड के अंदर ही टेक्स्ट का । प्लेसहोल्डर विशेषता HTML-5 का एक अंतर्निहित भाग है।

अन्यथा, मैं कहूंगा कि इसे खेतों के ऊपर रख दिया, बाएं-संरेखित।


0

यह एक स्पर्शरेखा का एक सा है - लेकिन कृपया फर्स्टनाम / लास्टनाम / प्रारंभिक का उपयोग न करें। हर किसी का नाम उस साफ-सुथरे समूह में नहीं आता।

StackOverflow पर खुद को उद्धृत करते हुए:

कई एशियाई संस्कृतियों ने परिवार का नाम पहले रखा , क्योंकि परिवार को व्यक्ति की तुलना में अधिक महत्वपूर्ण माना जाता है।

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

पूरा नाम (जैसा कि आम तौर पर मेल को संबोधित करने के लिए लिखा जाता है); परिवार का नाम; ज्ञात के रूप में (आमतौर पर बातचीत में इस्तेमाल किया जाने वाला नाम)।

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

पूरा नाम: विलियम गेट्स III; परिवार का नाम: गेट्स; ज्ञात के रूप में: बिल

पूरा नाम: सूंग ली; परिवार का नाम: सूंग; ज्ञात के रूप में: लिसा

अधिक के लिए /programming/259634/splitting-a-persons-name-into-forename-and-surname/259694#259694 देखें ।


मुझे आपकी सिफारिश में मूल्य दिखाई देता है, लेकिन मुख्य प्रश्न "आपका लक्षित दर्शक कौन होगा?" अगर मेरे दर्शकों में से 99% अमेरिकी होंगे तो मैं Firstname / MI / Lastname के साथ जाऊंगा। मुझे लगता है कि कई अमेरिकी तुरंत नहीं समझ पाएंगे कि एक परिवार का नाम क्या होगा। जैसे @RandomBen ने कहा, आपको लगातार बने रहने की जरूरत है और ज्यादातर अमेरिकी साइट Firstname / MI / Lastname का उपयोग करती हैं।
शेन स्टिलवेल
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.