உள்ளடக்கம்
- 1. கட்டாய புலங்களை குறிக்க வேண்டாம்
- 2. ஸ்பின்னர்களைப் பயன்படுத்த வேண்டாம்
- 3. ஒரு வகை பொத்தானை மட்டுமே வைத்திருங்கள் அல்லது ஒரு படிவத்திற்கு ஒரு பொத்தானை மட்டும் வைத்திருங்கள்
- 4. துண்டின் வயல்கள்
- 5. நீங்கள் எதையாவது கேட்கிறீர்கள், அது பயனருக்கு எப்படி உணர்கிறது என்று சிந்தியுங்கள்
- 6. தேதிகள் அணில் சிறிய ஃபெல்லாக்கள்
- 7. டெவலப்பர் கைவினைப் படிவங்கள்
- 8. படிவங்களில் நெடுவரிசைகளைப் பயன்படுத்த வேண்டாம்
- 9. ஒருவர் செய்யும் போது இரண்டு புலங்களைப் பயன்படுத்த வேண்டாம்
- 10. நன்றாக இருங்கள்
படிவங்கள், பல வடிவமைப்பாளர்கள் படிவங்களை விட வெறுக்க எதுவும் இல்லை. அவர்கள் படைப்பாற்றலை வெளியே கொண்டு வர வேண்டிய அவசியமில்லை, இல்லையா? ஒரு படிவம், அதன் மிக அடிப்படையானது, பயனருக்கும் மென்பொருளுக்கும் இடையிலான உரையாடல் என்பதை நாம் மீண்டும் படிவங்களைப் பார்த்து புரிந்துகொள்ள வேண்டிய நேரம் இது.
புள்ளியை மறந்து கிளிக் செய்க, படிவங்கள் டிஜிட்டல் வடிவமைப்பாளர்களாக நாம் எதிர்கொள்ளும் பணக்கார தொடர்புகளை குறிக்கும். அடுத்த முறை ஒரு படிவம் வரும்போது, இது சில நல்ல CSS விளைவுகளைப் பயன்படுத்துவது அல்லது ஒரு நல்ல jQuery செழிப்பைச் சேர்ப்பது என்று நினைக்க வேண்டாம். படிவங்களை வடிவமைப்பதில் அதிக ஆழம் உள்ளது.
நான் பயனர் நூற்றுக்கணக்கான படிவங்களை சோதித்தேன் மற்றும் காப்பீட்டு நிறுவனங்களுக்காக சில சிக்கலான படிவங்களை வடிவமைத்துள்ளேன், விடுமுறை முன்பதிவு தொடர்புகள் மற்றும் பல. கடந்த சில மாதங்களில் எனது படிவங்களில் ஒன்றை நீங்கள் பயன்படுத்தியிருக்க வாய்ப்புகள் உள்ளன.
படிவங்களை வடிவமைக்கத் தொடங்குவதற்கு முன்பு நான் கற்றுக்கொள்ள விரும்பிய பாடங்கள் இங்கே.
1. கட்டாய புலங்களை குறிக்க வேண்டாம்
கட்டாய புலத்தைக் குறிக்கும் சிறிய நட்சத்திரத்தை நீங்கள் அறிவீர்களா? பயனர் சோதனையில் பல முறை தோல்வியடைவதை நான் கண்டேன். ஒரு கருத்தாக, கட்டாய புலங்கள் அதிகம் அர்த்தமல்ல, அவற்றுக்கு ஆஃப்லைன் சமமானவை இல்லை. டெவலப்பர்களுக்கு அவை மிகச் சிறந்தவை, ஏனென்றால் அவை நிறைவடையும் ஒரு நல்ல கருப்பு மற்றும் வெள்ளை அணுகுமுறையை வழங்குகின்றன. இது ஒரு கற்றறிந்த நடத்தை என்பதால் நட்சத்திர மற்றும் கட்டாய புலம் தோல்வியடைகிறது. பயனர் சோதனையில் நான் கண்ட வழக்கமான நடத்தை, பயனர் மேலே உள்ள படிவத்தை பூர்த்திசெய்து, அவற்றைத் தடுக்க ஏதாவது இருக்கும்போது அல்லது அவர்கள் ஒரு பொத்தானை அழுத்தும்போது முடிக்கிறார்கள்.
தீர்வு எளிதானது, விருப்ப புலங்களைக் குறிக்கவும், எங்கள் நல்ல பயனர் நிறுத்த வேண்டிய இடத்தைக் குறிக்கவும், அவர்கள் அந்தத் துறையை முடிக்க வேண்டுமா என்று சிந்திக்கவும்.
2. ஸ்பின்னர்களைப் பயன்படுத்த வேண்டாம்
HTML5 புத்திசாலித்தனம் அல்லவா? இது விளையாடுவதற்கு அற்புதமான புதிய பளபளப்பான கருவிகளை வழங்குகிறது. எங்கள் புதிய பொம்மைகளின் தகுதியைப் பற்றி நாம் சிந்திக்க வேண்டும். எண்கள் வழியாக பயனரை சுழற்சி செய்ய அனுமதிக்க எண் புலம் இப்போது சிறிய மேல் மற்றும் கீழ் அம்புகளை உள்ளடக்கியது.
இங்கே இரண்டு சிக்கல்கள் உள்ளன. முதலில் அம்புகளின் இயல்புநிலை உலாவி காட்சி அவற்றை மிகச் சிறியதாக ஆக்குகிறது. கிளிக் செய்வதற்கு மிகவும் புத்திசாலித்தனமாக மற்றும் நம்மிடையே உள்ள கொழுப்பு விரல் ஒரு ஐபோனில் போராடப் போகிறது. இது ஃபிட்ஸ் சட்டம் என்று அழைக்கப்படுகிறது, சிறிய விஷயம் அதைக் கிளிக் செய்வது கடினம்.
ஆனால் நீங்கள் கூச்சலிடுவதை நான் கேட்கிறேன், நீங்கள் எண்ணை புலத்தில் நேரடியாக எண்ணை தட்டச்சு செய்யலாம். ஆம், உங்களால் முடியும், ஆனால் உலாவி காட்சியைப் பார்ப்போம், மேல் / கீழ் ஸ்பின்னர் அம்புகள் எங்கள் நம்பகமான நண்பரின் தேர்ந்தெடுக்கப்பட்ட பெட்டியை ஒத்திருக்கின்றன. முதல் முறையாக ஒரு ஸ்பின்னருடன் வழங்கப்பட்ட பயனர், தேர்ந்தெடுக்கப்பட்ட பெட்டியைப் போலவே, அவர்கள் அதில் தட்டச்சு செய்ய முடியாது என்று கருதிக் கொள்ளப் போகிறார்கள்.
எனது ஆலோசனை என்னவென்றால், அவை மிகவும் பொதுவான இடமாக மாறும் வரை அல்லது உலாவி உருவாக்குநர்கள் இயல்புநிலை வடிவமைப்பை வரிசைப்படுத்தும் வரை தெளிவாக இருக்க வேண்டும்.
3. ஒரு வகை பொத்தானை மட்டுமே வைத்திருங்கள் அல்லது ஒரு படிவத்திற்கு ஒரு பொத்தானை மட்டும் வைத்திருங்கள்
ஹிக்ஸ் லா என்று அழைக்கப்படும் கொஞ்சம் அறியப்பட்ட உளவியல் கொள்கை உள்ளது. ஹிக்'ஸ் லா கூறுகையில், எங்களுக்கு விருப்பத்தேர்வுகள் வழங்கப்படுவது கடினமாக இருக்கும். எனக்குத் தெரிந்த ராக்கெட் அறிவியல் அல்ல, ஆனால் மனதில் கொள்ள வேண்டிய ஒரு விதி.
உங்கள் நல்ல பயனருக்கு தேர்வு செய்ய உதவுவதன் மூலம் அவர்களுக்கு உதவலாம். எல்லா முதன்மை பொத்தான்களையும் ஒரே வண்ணமாக்குவதன் மூலம், ஒரு பக்கத்திற்கு ஒன்றை மட்டுமே வைத்திருப்பது தேர்வை எளிதாக்குகிறது. நான் அடிக்க வேண்டிய பொத்தான் எது? ஓ, இது எளிதானது, இது பெரிய வண்ணமாகும்.
4. துண்டின் வயல்கள்
நான் முந்தைய வாழ்க்கையில் நரம்பியல் அறிவைப் படித்தேன், எனவே நினைவகத்தின் உளவியலைப் படித்தேன் - குறிப்பாக குறுகிய கால அல்லது பணி நினைவகம். இப்போது நீங்கள் சொல்வதற்கு முன்; இல்லை, குறுகிய கால நினைவக திறன் 7 +/- 2, 4 +/- 1 அல்லது மனிதனில் மூன்று முதல் ஐந்து துகள்கள் அல்ல. காட்சி தூண்டுதல்களை மதிப்பிடுவதில் மனிதர்களாகிய நாம் சிறந்தவர்கள், எண்ணிக்கை சிறியதாக இருக்கும்போது நாம் சிறப்பாக இருப்பதே தடை. ஒரு படிவத்தை சிறிய குழுக்களாக மாற்றுவது மதிப்பீட்டை எளிதாக்குகிறது, பெரும்பாலும் பயனர் படிவத்தில் நுழைய வேண்டியது அவர்களின் நினைவகத்திலிருந்து வருகிறது.
உங்கள் புலங்களின் குழுக்கள் நீளம் நான்கு என்பதை உறுதிப்படுத்திக் கொள்ளுங்கள்.
5. நீங்கள் எதையாவது கேட்கிறீர்கள், அது பயனருக்கு எப்படி உணர்கிறது என்று சிந்தியுங்கள்
இது அநேகமாக நான் கொடுக்கும் மிக நேரடியான முன்னோக்கு ஆலோசனையாகும், ஆனால் பெரும்பாலும் இது மிகவும் குறைவாகவே பயன்படுத்தப்படுகிறது.
பின்வருவனவற்றை எடுத்துக்கொள்வோம்:
நீங்கள் கேட்கும் ஒவ்வொரு கேள்வியையும் கேள்வி கேளுங்கள். இது அவசியமா? இதைக் கேட்பது எப்படி?
ஒரு கேள்வியைக் கேட்க ஒரு வணிகத் தேவை இல்லை, மேலும் வடிவமைப்பாளர்களாகிய நாம் முகத்தில் நீல நிறமாக இருக்கும் வரை அவசியத்தைப் பற்றி வாதிடலாம். என்ற கேள்வி கேட்கப்பட வேண்டும். இந்தத் தரவிற்கான வணிகத் தேவையைப் புரிந்துகொள்வதில் நாம் அடிக்கடி சமரசம் செய்யலாம்.
அந்த கேள்வியை நாம் ஏன் கேட்க வேண்டும் என்று எங்கள் நல்ல பயனரிடம் சொல்வதன் மூலம் நாங்கள் உதவலாம். அந்தத் தரவின் பயன்பாடு மற்றும் பகிர்வு குறித்து உறுதியளிக்கவும், பொதுவாக நன்றாக இருக்கவும்.
எங்கள் உதாரணத்தை மீண்டும் எடுத்துக்கொள்வது:
இது இன்னும் கடினமான கேள்வியாகும், ஆனால் நாங்கள் மாத்திரையை இனிமையாக்கியுள்ளோம்.
6. தேதிகள் அணில் சிறிய ஃபெல்லாக்கள்
தேதிகளில் நுழைவது ஒரு உண்மையான சவாலாக இருக்கும், மேலும் சில ஆபத்துக்களை நீங்கள் தவிர்க்கலாம். பிழைகளை கையாள்வதுதான் மிகப்பெரிய பிரச்சினை.
ஒரு காலெண்டரைத் தொடங்குவதே எளிதான அணுகுமுறை. இங்கிலாந்தில் திங்கள் மற்றும் அமெரிக்காவில் ஒரு ஞாயிற்றுக்கிழமை வாரங்கள் தொடங்குகின்றன என்பது கவனிக்கத்தக்கது. உங்கள் பயனர் கவனம் செலுத்தவில்லை என்றால், அவர்கள் திங்கள் என்று பொருள்படும் போது ஒரு ஞாயிற்றுக்கிழமையைத் தேர்ந்தெடுக்கலாம்.
சர்வதேச தேதி வடிவங்களையும் குறிப்பிடுவது மதிப்பு. அமெரிக்கா மாதத்திற்கு முதலிடம், ஜப்பானில் இது முதல் ஆண்டு. எனவே 4/5/12 போன்ற தேதியை மூன்று வழிகளில் விளக்கலாம்.
அதனால்தான் தேர்ந்தெடுக்கப்பட்ட பெட்டிகளைப் பயன்படுத்துவது சிறந்தது.
7. டெவலப்பர் கைவினைப் படிவங்கள்
படிவங்கள் டெவலப்பர்களுக்கும் வடிவமைப்பாளர்களுக்கும் கைவினை. தரவை உள்ளிடுவதன் மூலம் என்னென்ன தவறுகள் ஏற்படக்கூடும் என்பதைப் புரிந்துகொள்வதும், சமாளிக்க உங்கள் பின்-குறியீட்டை வடிவமைப்பதும் ஒரு சவாலாகும்.
இங்கே எளிமையான ஒன்று. நாணய மதிப்பில் நுழைகிறது. பயனர் செய்யக்கூடிய தவறுகள் மிகப்பெரியவை. பயனர்கள் சந்திக்க வேண்டிய தரவு வடிவங்களை கட்டாயப்படுத்துவது உங்கள் பயனருக்கு வெறுப்பைத் தருகிறது, மேலும் அதை எதிர்கொள்வோம், டெவலப்பர்கள் தரப்பில் கொஞ்சம் சோம்பேறி.
புல்லட்-ப்ரூஃப் படிவத்தை உருவாக்குவதை விட டெவலப்பருக்கு என்ன சிறந்த சவால்.
8. படிவங்களில் நெடுவரிசைகளைப் பயன்படுத்த வேண்டாம்
படிவங்களில் நெடுவரிசைகளைப் பயன்படுத்துவதில் பெரிய சிக்கல் ஓட்டம். நாம் மேலே ஒரு படிவத்தைத் தொடங்கி கீழே முடிக்கிறோம். நெடுவரிசைகளை அறிமுகப்படுத்துவதில் படிவத்தின் ஓட்டத்தை உடைக்க முடியும்.
படிவங்கள் மூலம் பயனர்களின் தாவலைக் கருத வேண்டாம், எனவே கவனம் என்பது நெடுவரிசைகளில் படிவங்களை வழிநடத்தும் ஒரு வழியாகும். பயனர் சோதனையில் நான் அதைப் பார்த்தது அரிது. விவரங்களை உள்ளிடுவதை நாம் காணும் பெரும்பாலான நேரங்களில், மவுஸ் / டிராக்பேட் / விரல் மூலம் அடுத்த புலத்தில் கிளிக் செய்து விவரங்களை உள்ளிடுக மற்றும் பல.
9. ஒருவர் செய்யும் போது இரண்டு புலங்களைப் பயன்படுத்த வேண்டாம்
பெரும்பாலான மக்கள் தொடு தட்டச்சு செய்பவர்கள் அல்ல. பயனர் சோதனையில், மக்கள் தட்டச்சு செய்யும் போது விசைப்பலகை பார்ப்பதைப் பார்க்கிறோம்.
படிவ புலத்தைப் பிரிக்கும் தொலைபேசி எண்ணை உள்ளிடும்போது, பகுதி குறியீடு மற்றும் எண்ணைச் சேர்க்கச் சொல்லுங்கள், உண்மையான சிக்கல்களை ஏற்படுத்துகிறது. இரண்டு புலங்கள் உள்ளன என்பதை பயனர்கள் பார்க்கவில்லை அல்லது நினைவில் கொள்ளவில்லை, எனவே முதல் புலத்தில் முழு எண்ணையும் உள்ளிடவும், புலம் ஒரு குறிப்பிட்ட எண்ணிக்கையிலான எழுத்துகளுக்கு மட்டுப்படுத்தப்பட்டால் மோசமானது.
தொலைபேசி எண்ணுக்கு ஒரு புலத்தைப் பயன்படுத்துங்கள், வீட்டு எண் / தெருவில் இதுவே உண்மை - ஒரு உரை நுழைவு பெட்டியைப் பயன்படுத்தவும்.
10. நன்றாக இருங்கள்
எத்தனை முரட்டுத்தனமான பிழை செய்திகள் உள்ளன என்பது குறித்து நீங்கள் ஆச்சரியப்படுவீர்கள்.
சமீபத்தில் நான் கண்ட ஒரு உதாரணத்திற்கு இங்கே.
எதிர்காலத்தில் ஒரு தேதியை நீங்கள் விருப்பத்துடன் உள்ளிடுவீர்கள் என்று அவர்கள் பரிந்துரைக்கிறார்கள், பின்னர் ஒரு நேர்த்தியான பதில், அது மிகவும் அருமையாக இல்லை.
மீண்டும் பயனரின் இடத்தில் நீங்களே இருங்கள், இந்த பிழையை நீங்கள் எப்படி உணருவீர்கள்? எரிச்சலடைந்ததா? இன்னும் மோசமாக இருக்கலாம். நன்றாக இருப்பது எளிது.
சிறந்த படிவங்களை வடிவமைக்க உங்களுக்கு உதவ, தரவிறக்கம் செய்யக்கூடிய எடுக்காதே / ஏமாற்றுத் தாளை நான் தயாரித்துள்ளேன். சிறந்த படிவங்களை வடிவமைக்க இன்னும் பல சிறந்த நடைமுறை வழிகள் இதில் அடங்கும்.