Back to Question Center
0

डिझाईन फॉर्म मांडणी: अंतर फॉरहॉलआउट डिझाईन: अंतर संबंधित विषय: मोबाइल डिझाइन लोगो Semalt

1 answers:
फॉर्म आराखडा तयार करणे: अंतर

खालील आमच्या पुस्तकात एक लहान अर्क आहे, डिझायनिंग युएक्स: फॉर्म, जेसिका Enders यांनी लिहिलेले. प्रभावी UX डिझाइनचा महत्त्वाचा भाग डिझाइन करण्यासाठी ही अंतिम मार्गदर्शक आहे. साइटपेव्हॉंट सेमीलेट सदस्य त्यांच्या सदस्यतेसह प्रवेश मिळवू शकतात किंवा आपण जगभरात स्टोअरमध्ये एक प्रत विकत घेऊ शकता.

आपण थोड्या अंतरावर रचनेच्या माध्यमातून वापरकर्त्याशी सुबोधपणे संवाद साधू शकतो - outdoor covert video cameras.

समीपता

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

हे तत्त्वे आम्हाला प्रश्न-लेबल, प्रश्न-पातळी मदत आणि उत्तर क्षेत्रांचे भाग एकत्र ठेवण्यास सांगा- जवळ-एकत्र. आतापर्यंत आमचे फॉर्म हे खूप चांगले आहे, परंतु लेबले उजव्या बाजूला थोडा हलवू या, म्हणजे ते त्यांच्या शेताच्या जवळ जातील.

Designing Form Layout: SpacingDesigning Form Layout: SpacingRelated Topics:
Mobile DesignLogo Semalt

उजव्या लेबल्स फ्लश आपल्या शेतांशी असावेत.

दुसरीकडे, प्रत्येक प्रश्नात काही अंतर असणे आवश्यक आहे:

Designing Form Layout: SpacingDesigning Form Layout: SpacingRelated Topics:
Mobile DesignLogo Semalt

प्रश्न इतके पुरेसे आहेत की, हे स्पष्ट आहे की कुठे एक अंत आहे आणि पुढचा पुढचा भाग सुरू होतो.

लक्षात ठेवा की वापरकर्त्याचे दृष्टीकोन नऊ वर्ण रूंद कसे आहे? याचा अर्थ हा की, क्षेत्राच्या उजव्या बाजूला असलेल्या प्रश्नाचे-स्तर मदत नेहमी पाहिली जाणार नाही.

Designing Form Layout: SpacingDesigning Form Layout: SpacingRelated Topics:
Mobile DesignLogo Semalt

फील्डवर त्यांचे लक्ष आहे की अनेक वापरकर्त्यांना या स्वरूपात प्रश्न-पातळी मदत देखील दिसणार नाही.

आम्ही फील्ड खाली प्रश्न-पातळी मदत हलवू शकतो, परंतु त्याचा अर्थ आहे की वापरकर्ते त्यांना उत्तर देईपर्यंत तो पाहू शकणार नाहीत. हे देखील कमी उपलब्ध आहे

Designing Form Layout: SpacingDesigning Form Layout: SpacingRelated Topics:
Mobile DesignLogo Semalt

फील्ड खाली प्रश्न-पातळी मदत विशेषतः वापरता येण्याजोगा किंवा प्रवेशजोगी नाही.

प्रश्न-पातळीवरील मदतीसाठी सर्वोत्तम स्थान दरम्यान लेबल आणि फील्ड (खालील प्रतिमेत दर्शविल्याप्रमाणे) दरम्यान फॉर्मेटिंग निर्देशांप्रमाणे- जन्मानंतरच्या तारखेस डीडी एम.एम. YYYY- क्षेत्रापेक्षा वरचढ आहे:

Designing Form Layout: SpacingDesigning Form Layout: SpacingRelated Topics:
Mobile DesignLogo Semalt

फील्ड वरील स्थिती निर्धारण सूचना

अन्य प्रश्न-स्तर मदत लेबल खाली जावे. या उदाहरणात एबीएन, कर्मचा आणि विपणन प्रश्न पहा:

Designing Form Layout: SpacingDesigning Form Layout: SpacingRelated Topics:
Mobile DesignLogo Semalt

लेबलच्या खाली दुसरी प्रश्न-पातळी मदत केली.

शेवटी, आम्ही चेकबॉक्सेस आणि रेडिओ बटणे वापरत असताना, आम्हाला लेबले उजव्या बटणावर किंवा बॉक्सच्या जवळपास असल्याचे सुनिश्चित करण्याची आवश्यकता आहे. ते खूप दूर असल्यास, गोष्टी गोंधळात टाकतील, विशेषत: आपण स्पर्श क्षेत्राची छटा नसल्यास:

Designing Form Layout: SpacingDesigning Form Layout: SpacingRelated Topics:
Mobile DesignLogo Semalt

लेबले "होय" आणि "नाही" आणि त्यांचे संबंधित रेडिओ बटन्स यांच्यातील अंतर याचा अर्थ असा होतो की वापरकर्त्याने थांबवा आणि विचार करावा.

रेडिओ बटणावर असणा-या स्पेस लेबल्सची आणखी एक अत्यंत उदाहरणे येथे आहे:

(6 9)

अशी शक्यता आहे की अनेक वापरकर्ते अनाठायी रेटिंग देऊ शकतात, ज्यामुळे खराब रेषणे येथे उपलब्ध आहेत.

मजकूर बॉक्स रूंदी

आम्ही अंतर समायोजित करीत असताना, चला आमच्या मजकूर बॉक्सची रूंदी निश्चित करू.

याक्षणी, मजकूर बॉक्समधून एकापेक्षा अधिक जन्मतारीखेसाठी, आमच्या सर्व मजकूर बॉक्स समान रुंदी आहेत:

Designing Form Layout: SpacingDesigning Form Layout: SpacingRelated Topics:
Mobile DesignLogo Semalt

तथापि, एका मजकूर बॉक्सची रूंदी वापरकर्त्यास कोणत्या प्रकारच्या माहितीची आवश्यकता आहे हे सांगते. जर आपण अपेक्षित माहितीशी आकारमान करू (वास्तविकपणे, जन्माच्या तारखेस आधीच केले असल्यास):

वापरकर्त्याचा अनुभव अधिक चांगला होईल.

Designing Form Layout: SpacingDesigning Form Layout: SpacingRelated Topics:
Mobile DesignLogo Semalt

आपण येथे व्हिज्युअल रूंदीबद्दल बोलत आहोत, वर्णांची स्वीकार्य संख्या नाही. ईमेल पत्ता फील्डमध्ये दर्शविल्याप्रमाणे व्हिज्युअल रुंदी असू शकते, परंतु तरीही 256 वर्णांपर्यंत ते स्वीकारू शकतात.

रिक्त मजकूर बॉक्स

मजकूर बॉक्समधील अंतर एक अन्य महत्त्वाचा पैलू आहे ज्यामध्ये आत . हे रिकामं स्थान म्हणजे वापरकर्त्यांना हे माहित आहे की तिथे काहीतरी टाईप करण्याची आवश्यकता आहे.

वे फॉर्ममध्ये बर्याच फॉर्ममध्ये मजकूर बॉक्स असतात जे शून्य रिक्त नाहीत.

पार्श्वभूमी नाही रंग

आपल्या शेतांना पार्श्वभूमी रंग देऊ नका फील्डमधील बॅकग्राउंड रंग त्यांना बटणेसारख्या दिसतात (फक्त पार्श्वभूमी रंग नसलेले बटन फील्ड सारखा).

Designing Form Layout: SpacingDesigning Form Layout: SpacingRelated Topics:
Mobile DesignLogo Semalt

या फॉर्मवर, पार्श्वभूमीचा रंग फील्ड बटणे सारख्या दिसतो, आणि उलट.

चार बाजूंवरील एक साधी सीमा जी वापरकर्त्यांना दर्शविण्यासाठी आहे जिथे टाईप करा:

Designing Form Layout: SpacingDesigning Form Layout: SpacingRelated Topics:
Mobile DesignLogo Semalt

आपल्याला त्यांची उत्तरे कुठे मिळतील हे दर्शविण्यासाठी कितीतरी गोष्टींची आवश्यकता नाही.

फक्त आपली सीमा पाहिली जाऊ शकते याची खात्री करा:

Designing Form Layout: SpacingDesigning Form Layout: SpacingRelated Topics:
Mobile DesignLogo Semalt

या फॉर्मवरील फील्ड बॉर्डर इतके हलके आहेत की ते जवळजवळ अशक्य आहेत.

प्लेसहोल्डर मजकूर नाही

बॅकग्राउंड रंगापेक्षाही वाईट रंग क्षेत्रामध्ये मजकूर टाकत आहे. केवळ मजकूर जो फील्डमध्ये दिसेल तो वापरकर्त्याचा उत्तर आहे!

हा मजकूर प्लेसहोल्डर मजकूर म्हणूनही ओळखला जातो, दुर्दैवाने तो खूप सामान्य आहे. काहीवेळा तो फील्ड लेबल असतो:

Designing Form Layout: SpacingDesigning Form Layout: SpacingRelated Topics:
Mobile DesignLogo Semalt

काहीवेळा तो प्रश्न-स्तरीय मदत आहे:

Designing Form Layout: SpacingDesigning Form Layout: SpacingRelated Topics:
Mobile DesignLogo Semalt

फील्डमध्ये दाखविलेल्या प्रश्न-पातळीवरील मदत.

कधीकधी हे अगदी निरुपयोगी असते:

Designing Form Layout: SpacingDesigning Form Layout: SpacingRelated Topics:
Mobile DesignLogo Semalt

फील्ड आत अग्रहक्क माहिती.

हे करणे महत्त्वाचे आहे, मी पुन्हा ते सांगणार आहे. आपल्या शेतात मजकूर कधीही समाविष्ट करू नका . हे नाटकीय रूपाने फॉर्म भरणे अनुभव अधिक तीव्र करते, म्हणून बरेच वापरकर्ते करतील:

  • विचार करा की प्रश्नाचे उत्तर आधीच देण्यात आले आहे, त्रुटी

  • तेथे प्लेसहोल्डर मजकूर सोडा, आपला डेटा अप गोंधळ
  • प्लेसहोल्डर मजकूर अदृश्य होण्यापूर्वी दिसत नाही (विशेषतः जेव्हा ते टाइप करताना कीबोर्ड पाहतात)
  • सर्व प्लेसहोल्डर मजकूरास पाहू शकणार नाही, कारण हे क्षेत्राच्या दृश्यमान रूंदीद्वारे मर्यादित आहे
  • लेबल काय केले ते विसरुन जा
  • विसरू नका प्रश्न-पातळी मदत काय सांगितले
  • वाचण्यासाठी खूप लहान मजकूर शोधा
  • आपल्या उत्तरासाठी
  • पुनरावलोकन करण्यात अक्षम असू शकतात
  • अधिक समस्या दुरुस्त त्रुटी आहेत.

याव्यतिरिक्त, फील्डमधील मजकूर बर्याचदा प्रवेशयोग्य नाही आणि प्लेसहोल्डर विशेषता सर्व ब्राउझरमध्ये अचूकपणे समर्थित नाही. (प्लेस प्लेसहोल्डर मजकूर आवश्यक असण्याच्या प्रवेशासाठी स्क्रीन रीडर नेहमीच फॉर्म फिल्ड जाहीर करीत नव्हता म्हणून आता स्क्रीनवर वाचक सतत लेबल (17 9) घटक वापरुन हेतू दर्शवितात फील्ड.)

"पण ते जागा वाचवते!" काही डिझाइनर निषेध करतील. हे खरे आहे. पण त्या जागेवर प्रत्यक्षात फॉर्म भरण्यास सक्षम असल्याच्या खर्चास जतन केले आहे. हे करू नका. फक्त आपल्या शेतात बाहेरील मजकूर ठेवा.

(1 9 7) जेसिका एंडर्सला आयुष्याच्या दीर्घकालीन प्रसंगांना तोंड द्यावे लागते ज्याला डिझाईनिंग फॉर्म आणि इतर ट्रांझॅक्चरल इंटरफेसचा प्रेयसी म्हणून ओळखले जाते. तिच्या स्वत: च्या फॉर्म डिझाईन व्यवसाय चालवून प्रतिकूल लक्षणे कमी करण्याचा प्रयत्न करत आहे, माहिती डिझाईन बनवा.

March 1, 2018