प्रत्येक डिझाइनरला फॉर्मबद्दल माहित असणे आवश्यक 10 गोष्टी

सामग्री

• 1. अनिवार्य फील्ड चिन्हांकित करू नका
• २. स्पिनर वापरू नका
• Only. फक्त एक प्रकारचा बटण किंवा फॉर्म नुसार फक्त एक बटण
• Ch. भागांची शेतात
• Think. आपण काहीतरी का विचारत आहात आणि वापरकर्त्याला ते कसे वाटते याबद्दल विचार करा
• Ates. तारखा म्हणजे स्क्विर्मीय फेलस
• 7. विकसक हस्तकला म्हणून फॉर्म
• 8. फॉर्ममध्ये स्तंभ वापरू नका
• 9. जेव्हा एखादी गोष्ट करेल तेव्हा दोन फील्ड वापरू नका
• 10. छान व्हा

फॉर्म, असे बरेच काही नाही जे डिझाइनरना फॉर्मपेक्षा जास्त आवडत नाहीत. ते सर्जनशीलता बाहेर आणत नाहीत किंवा ते करतात? कदाचित ही वेळ आहे जेव्हा आम्ही पुन्हा फॉर्मकडे पाहिले आणि समजून घेतले की एक फॉर्म, सर्वात मूलभूत, वापरकर्ता आणि सॉफ्टवेअरमधील संभाषण आहे.

पॉइंट आणि क्लिक विसरा, फॉर्म डिजिटल डिझाइनर्सला सामोरे जाणा the्या सर्वात श्रीमंत संवादाचे प्रतिनिधित्व करतात. पुढच्या वेळी एखादा फॉर्म आपल्या मार्गावर येईल तेव्हा विचार करू नका की हे छान छान सीएसएस प्रभाव लागू करण्याची किंवा एक छान jQuery भरभराट आहे. फॉर्म डिझाइन करण्यासाठी अजून बरेच खोली आहे.

मी वापरकर्त्याने शेकडो फॉर्मची चाचणी केली आहे आणि विमा कंपन्यांसाठी काही जटिल फॉर्म, हॉलिडे बुकिंग परस्परसंवाद आणि बरेच काही डिझाइन केले आहेत. गेल्या काही महिन्यांत आपण माझा एक फॉर्म वापरण्याची शक्यता आहे.

मी फॉर्म डिझाइन करण्यास सुरवात करण्यापूर्वी मला शिकलेल्या इच्छांचे हे धडे आहेत.

1. अनिवार्य फील्ड चिन्हांकित करू नका

आपल्याला एक लहान तारा माहित आहे जो अनिवार्य फील्ड दर्शवितो? मी पाहिले आहे की वापरकर्ता चाचणीमध्ये बरेच वेळा अयशस्वी झाले. एक संकल्पना म्हणून, अनिवार्य फील्ड जास्त अर्थ प्राप्त करीत नाहीत, त्यांच्याकडे ऑफलाइन समतुल्य नाही. ते विकसकांसाठी उत्कृष्ट आहेत कारण ते पूर्ण होण्यास एक चांगला काळा आणि पांढरा दृष्टीकोन ऑफर करतात. तारांकित आणि अनिवार्य क्षेत्र अयशस्वी होते कारण ती एक शिकलेली वर्तन आहे. मी वापरकर्त्याच्या चाचणीत पाहिलेली विशिष्ट वागणूक म्हणजे वापरकर्त्याने शीर्षस्थानी फॉर्म पूर्ण केला आणि एखादी गोष्ट थांबविण्यासारखं काहीतरी आहे की ते एक बटण दाबा की एकतर पूर्ण करतात.

उपाय सोपा आहे, पर्यायी फील्ड चिन्हांकित करा, आमच्या छान वापरकर्त्यास थांबायचे ते ठिकाण चिन्हांकित करा आणि त्यांना ते फील्ड पूर्ण करणे आवश्यक आहे का याचा विचार करा.

२. स्पिनर वापरू नका

एचटीएमएल 5 हुशार आहे ना? हे खेळायला बरीच रोमांचक नवीन चमकदार साधने ऑफर करतात. आमच्या नवीन खेळण्यांच्या योग्यतेबद्दल आपण विचार करणे आवश्यक आहे. संख्या क्षेत्रात फिरण्यासाठी वापरकर्त्यास अनुमती देण्यासाठी आता नंबर फील्डमध्ये थोडेसे वर आणि खाली बाणांचा समावेश आहे.

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

परंतु मी तुम्हाला ओरडताना ऐकत आहे, आपण फक्त संख्या क्षेत्रात थेट क्रमांक टाइप करू शकता. होय, आपण हे करू शकता, परंतु ब्राउझर डिस्प्लेकडे पाहूया, वर / खाली फिरकीपटू बाण आमच्या विश्वासू मित्राला निवडलेल्या बॉक्ससारखे दिसतात. प्रथमच स्पिनरसह सादर केलेला वापरकर्ता गृहित धरला जात आहे, कारण ते निवडलेल्या बॉक्ससारखे आहे, की ते त्यात टाइप करु शकत नाहीत.

माझा सल्ला आहे की जोपर्यंत ते अधिक सामान्य ठिकाणी होत नाहीत किंवा ब्राउझर विकसक डीफॉल्ट डिझाइनची क्रमवारी लावत नाहीत तोपर्यंत स्पष्ट व्हा.

Only. फक्त एक प्रकारचा बटण किंवा फॉर्म नुसार फक्त एक बटण

हिकचे लॉ नावाचे एक थोडे ज्ञात मानसशास्त्र तत्व आहे. हिकच्या कायद्यानुसार आम्हाला निवड करणे जितके कठीण आहे तितके अधिक ऑफर देण्यात आले आहेत. मला माहित असलेले रॉकेट विज्ञान नाही, परंतु लक्षात ठेवण्यासारखे नियम.

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

Ch. भागांची शेतात

मी मागील आयुष्यात न्यूरोसायन्सचा अभ्यास केला होता आणि म्हणूनच स्मृतीच्या मानसशास्त्राचा अभ्यास केला - विशेषतः अल्पकालीन किंवा कार्यरत मेमरी. आता हे सांगण्यापूर्वी; नाही, अल्प मुदतीची मेमरी क्षमता 7 +/- 2, 4 +/- 1 किंवा मानवी भाषेत तीन ते पाच भाग नाही. आम्ही व्हिज्युअल उत्तेजनांचे मूल्यमापन करण्यात महान आहोत, परंतु संख्या कमी असते तेव्हा आम्ही बरे आहोत. छोट्या गटात फॉर्म टाकणे मूल्यमापन सुलभ करते, बहुतेकदा वापरकर्त्यास फॉर्ममध्ये जे भरायचे असते ते त्यांच्या स्मृतीतून येते.

आपल्या फील्डच्या गटांची लांबी सुमारे चार आहे याची खात्री करा.

Think. आपण काहीतरी का विचारत आहात आणि वापरकर्त्याला ते कसे वाटते याबद्दल विचार करा

हा कदाचित मी देत ​​असलेला सरळ अग्रेषित सल्ला आहे परंतु बर्‍याचदा कमीतकमी त्याचा उपयोग होतो.

चला पुढील गोष्टी घेऊ:

आपण विचारता प्रत्येक प्रश्न प्रश्न. हे आवश्यक आहे का? हे विचारण्यासारखे कसे वाटते?

बर्‍याच वेळा व्यवसायात प्रश्न विचारण्याची गरज नसते आणि आम्ही डिझाइनर म्हणून आम्ही तोंडावर निळे होईपर्यंत आवश्यकतेबद्दल वाद घालू शकतो. प्रश्न विचारला पाहिजे. या डेटाची व्यवसायाची आवश्यकता समजून घेण्यासाठी आम्ही बर्‍याचदा तडजोड करू शकतो.

आम्हाला हा प्रश्न का विचारण्याची आवश्यकता आहे हे आमच्या छान वापरकर्त्यास सांगून आम्ही मदत करू शकतो. त्या डेटाच्या वापराबद्दल आणि सामायिकरणाबद्दल खात्री बाळगा आणि सामान्यत: छान व्हा.

पुन्हा आमचे उदाहरण घेत आहोत:

हे अद्याप एक कठीण विचारणे आहे परंतु आशा आहे की आम्ही गोळी गोड केली आहे.

Ates. तारखा म्हणजे स्क्विर्मीय फेलस

तारखा प्रविष्ट करणे हे खरोखरच एक आव्हान असू शकते आणि काही धोके आपण टाळू शकता. सर्वात मोठी समस्या म्हणजे त्रुटींचा सामना करणे.

सर्वात सोपा दृष्टीकोन म्हणजे कॅलेंडर लाँच करणे. हे लक्षात घेण्यासारखे आहे की आठवड्यातून सोमवारपासून यूकेमध्ये आणि रविवारी अमेरिकेत प्रारंभ होतो. जर आपला वापरकर्ता लक्ष देत नसेल तर सोमवारचा अर्थ असा की ते रविवार चांगले निवडू शकतात.

आंतरराष्ट्रीय तारखेच्या स्वरूपाचा उल्लेख करणे देखील योग्य आहे. अमेरिकेने महिन्यात प्रथम स्थान दिले, जपानमध्ये हे पहिले वर्ष आहे. तर 4/5/12 सारख्या तारखेचे तीन प्रकारे अर्थ लावले जाऊ शकते.

म्हणूनच निवडलेले बॉक्स वापरणे चांगले.

7. विकसक हस्तकला म्हणून फॉर्म

फॉर्म विकसक तसेच डिझाइनर्ससाठी कलाकुसर आहेत. डेटा प्रविष्ट करुन काय चुका होऊ शकतात हे समजून घेणे आणि आपला सामना करण्यासाठी आपला बॅक-एंड कोड डिझाइन करणे एक आव्हान आहे.

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

बुलेट-प्रूफ फॉर्म तयार करण्यापेक्षा विकसकासाठी यापेक्षा चांगले आव्हान कोणते आहे.

8. फॉर्ममध्ये स्तंभ वापरू नका

फॉर्ममध्ये स्तंभ वापरण्याची मोठी समस्या प्रवाह आहे. आम्ही शीर्षस्थानी एक फॉर्म प्रारंभ करतो आणि तळाशी संपतो. स्तंभ सादर करताना फॉर्मचा प्रवाह खंडित केला जाऊ शकतो.

वापरकर्त्यांद्वारे फॉर्मद्वारे टॅब गृहीत धरू नका आणि म्हणून स्तंभांमध्ये फॉर्म नेव्हिगेट करण्याचा हा एक मार्ग आहे. हे मी वापरकर्त्याच्या चाचणीत पाहिले आहे हे फारच दुर्मिळ आहे. बर्‍याच वेळा आम्ही तपशील प्रविष्ट करताना पाहतो, माउस / ट्रॅकपॅड / बोटाने पुढील फील्डवर क्लिक करा नंतर तपशील इत्यादी प्रविष्ट करा.

9. जेव्हा एखादी गोष्ट करेल तेव्हा दोन फील्ड वापरू नका

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

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

फोन नंबरसाठी फक्त एक फील्ड वापरा, तेच घर नंबर / रस्त्याचे आहे - फक्त एक मजकूर एंट्री बॉक्स वापरा.

10. छान व्हा

आपण किती आश्चर्यकारक त्रुटी संदेश तेथे आहेत याबद्दल आश्चर्यचकित व्हाल.

मी अलीकडेच आलो त्याचे एक उदाहरण येथे आहे.

त्यांनी सुचवले आहे की आपण भविष्यात स्वेच्छेने एखादी तारीख प्रविष्ट कराल आणि नंतर त्याऐवजी सकारात्मक प्रतिसाद द्या, हे छान नाही.

पुन्हा वापरकर्त्याच्या जागी स्वत: ला ठेवा, ही त्रुटी पाहून आपल्याला कसे वाटते? नाराज? कदाचित आणखी वाईट. छान असणे सोपे आहे.

आपल्‍याला अधिक चांगले फॉर्म डिझाइन करण्यात मदत करण्यासाठी मी डाउनलोड करण्यायोग्य घरकुल / फसवणूक पत्रक तयार केले आहे. यामध्ये अधिक चांगले फॉर्म बनवण्याच्या सराव पद्धतींचा समावेश आहे.