విషయము
- 1. తప్పనిసరి ఫీల్డ్‌లను గుర్తించవద్దు
- 2. స్పిన్నర్లను ఉపయోగించవద్దు
- 3. ఒక రకమైన బటన్ మాత్రమే కలిగి ఉండండి లేదా ఇంకా ఒక ఫారమ్‌కు ఒక బటన్ మాత్రమే మంచిది
- 4. భాగం పొలాలు
- 5. మీరు ఏదో ఎందుకు అడుగుతున్నారో మరియు అది వినియోగదారుకు ఎలా అనిపిస్తుందో ఆలోచించండి
- 6. తేదీలు ఉడుత చిన్న చిన్నవి
- 7. డెవలపర్ క్రాఫ్ట్‌గా రూపాలు
- 8. నిలువు వరుసలను రూపాల్లో ఉపయోగించవద్దు
- 9. ఒకటి చేసినప్పుడు రెండు ఫీల్డ్‌లను ఉపయోగించవద్దు
- 10. బాగుండండి
ఫారమ్‌లు, చాలా మంది డిజైనర్లు ఫారమ్‌ల కంటే ఎక్కువగా ద్వేషిస్తారు. వారు సృజనాత్మకతను బయటకు తీసుకురావాల్సిన అవసరం లేదు, లేదా? ఒకవేళ మనం మళ్ళీ ఫారమ్‌లను చూసి, ఒక ఫారమ్, ప్రాథమికంగా, వినియోగదారు మరియు సాఫ్ట్‌వేర్ మధ్య సంభాషణ అని అర్థం చేసుకోవచ్చు.
పాయింట్‌ను మరచిపోయి క్లిక్ చేయండి, డిజిటల్ డిజైనర్లు ఎదుర్కొనే అత్యంత సంపన్నమైన పరస్పర చర్యను రూపాలు సూచిస్తాయి. తదుపరిసారి ఒక ఫారం మీ మార్గంలోకి వచ్చినప్పుడు ఇది కొన్ని మంచి CSS ప్రభావాలను వర్తింపజేయడం లేదా మంచి j క్వెరీ వృద్ధి చెందడం మాత్రమే అని అనుకోకండి. ఫారమ్‌ల రూపకల్పనకు చాలా లోతు ఉంది.
నేను వినియోగదారు వందలాది ఫారమ్‌లను పరీక్షించాను మరియు భీమా సంస్థల కోసం కొన్ని క్లిష్టమైన రూపాలను రూపొందించాను, హాలిడే బుకింగ్ ఇంటరాక్షన్‌లు మరియు మరెన్నో. గత కొన్ని నెలల్లో మీరు నా ఫారమ్‌లలో ఒకదాన్ని ఉపయోగించిన అవకాశాలు ఉన్నాయి.
నేను ఫారమ్‌ల రూపకల్పన ప్రారంభించడానికి ముందు నేను నేర్చుకోవాలనుకున్న పాఠాలు ఇక్కడ ఉన్నాయి.
1. తప్పనిసరి ఫీల్డ్‌లను గుర్తించవద్దు
తప్పనిసరి క్షేత్రాన్ని సూచించే చిన్న నక్షత్రం మీకు తెలుసా? వినియోగదారు పరీక్షలో ఇది చాలాసార్లు విఫలమైందని నేను చూశాను. ఒక భావనగా, తప్పనిసరి ఫీల్డ్‌లు పెద్దగా అర్ధవంతం కావు, వాటికి ఆఫ్‌లైన్ సమానమైనవి లేవు. అవి డెవలపర్‌లకు గొప్పవి ఎందుకంటే అవి పూర్తి చేయడానికి మంచి నలుపు మరియు తెలుపు విధానాన్ని అందిస్తాయి. ఆస్టరిస్క్ మరియు తప్పనిసరి ఫీల్డ్ విఫలమైంది ఎందుకంటే ఇది నేర్చుకున్న ప్రవర్తన. వినియోగదారు పరీక్షలో నేను చూసిన సాధారణ ప్రవర్తన ఏమిటంటే, వినియోగదారుడు ఎగువన ఉన్న ఫారమ్‌ను పూర్తి చేసి, వాటిని ఆపడానికి ఏదైనా ఉన్నప్పుడు లేదా వారు ఒక బటన్‌ను నొక్కినప్పుడు పూర్తి చేస్తారు.
పరిష్కారం చాలా సులభం, ఐచ్ఛిక ఫీల్డ్‌లను గుర్తించండి, మా మంచి వినియోగదారు ఆగిపోయే స్థలాన్ని గుర్తించండి మరియు వారు ఆ ఫీల్డ్‌ను పూర్తి చేయాల్సిన అవసరం ఉందా అని ఆలోచించండి.
2. స్పిన్నర్లను ఉపయోగించవద్దు
HTML5 తెలివైనది కాదా? ఇది ఆడటానికి ఉత్తేజకరమైన కొత్త మెరిసే సాధనాలను అందిస్తుంది. మన కొత్త బొమ్మల సముచితత గురించి ఆలోచించాలి. సంఖ్యల ఫీల్డ్ ఇప్పుడు వినియోగదారుని సంఖ్యల ద్వారా చక్రం తిప్పడానికి అనుమతించడానికి కొద్దిగా పైకి క్రిందికి బాణాలను కలిగి ఉంటుంది.
ఇక్కడ రెండు సమస్యలు ఉన్నాయి. మొదట బాణాల డిఫాల్ట్ బ్రౌజర్ ప్రదర్శన వాటిని నిజంగా చిన్నదిగా చేస్తుంది. క్లిక్ చేయడం చాలా తెలివిగా మరియు మన మధ్య ఉన్న కొవ్వు ఐఫోన్‌లో కష్టపడుతోంది. దీనిని ఫిట్స్‌ లా అని పిలుస్తారు, చిన్నది దానిపై క్లిక్ చేయడం కష్టం.
కానీ మీరు అరవడం నేను విన్నాను, మీరు సంఖ్యను నేరుగా సంఖ్య ఫీల్డ్‌లో టైప్ చేయవచ్చు. అవును, మీరు చేయగలరు, కానీ బ్రౌజర్ ప్రదర్శనను చూద్దాం, పైకి / క్రిందికి స్పిన్నర్ బాణాలు మా నమ్మకమైన స్నేహితుడిని ఎంచుకున్న పెట్టెను పోలి ఉంటాయి. మొట్టమొదటిసారిగా స్పిన్నర్‌తో సమర్పించబడిన వినియోగదారు అది ఎంచుకున్న పెట్టెను పోలి ఉన్నందున వారు టైప్ చేయలేరని అనుకుంటారు.
నా సలహా ఏమిటంటే అవి సర్వసాధారణమైన ప్రదేశంగా మారే వరకు లేదా బ్రౌజర్ డెవలపర్లు డిఫాల్ట్ డిజైన్‌ను క్రమబద్ధీకరించే వరకు స్పష్టంగా ఉండాలి.
3. ఒక రకమైన బటన్ మాత్రమే కలిగి ఉండండి లేదా ఇంకా ఒక ఫారమ్‌కు ఒక బటన్ మాత్రమే మంచిది
హిక్స్ లా అని పిలువబడే కొంచెం తెలిసిన మనస్తత్వ సూత్రం ఉంది. హిక్ యొక్క చట్టం మనకు ఎక్కువ ఎంపికలు ఇవ్వడం కష్టసాధ్యమైన ఎంపిక అని పేర్కొంది. నాకు తెలిసిన రాకెట్ సైన్స్ కాదు, కానీ గుర్తుంచుకోవలసిన నియమం.
మీ మంచి వినియోగదారుని ఎంపిక చేసుకోవడంలో వారికి సహాయపడటం ద్వారా మీరు వారికి సహాయపడవచ్చు. అన్ని ప్రాధమిక బటన్లను ఒకే రంగుగా మార్చడం ద్వారా మరియు పేజీకి వాటిలో ఒకటి మాత్రమే కలిగి ఉండటం ఎంపికను సులభతరం చేస్తుంది. నేను కొట్టాల్సిన బటన్ ఏది? ఓహ్, ఇది సులభం, ఇది పెద్ద రంగు.
4. భాగం పొలాలు
నేను మునుపటి జీవితంలో న్యూరోసైన్స్ చదివాను మరియు జ్ఞాపకశక్తి యొక్క మనస్తత్వాన్ని అధ్యయనం చేసాను - ప్రత్యేకంగా స్వల్పకాలిక లేదా పని జ్ఞాపకశక్తి. ఇప్పుడు మీరు చెప్పే ముందు; లేదు, స్వల్పకాలిక మెమరీ సామర్థ్యం 7 +/- 2, 4 +/- 1 కాదు లేదా మానవులలో మూడు నుండి ఐదు భాగాలుగా మాట్లాడతారు. దృశ్య ఉద్దీపనలను అంచనా వేయడంలో మానవులైన మనం గొప్పవాళ్ళం, సంఖ్య చిన్నగా ఉన్నప్పుడు మనం మంచిది. ఒక ఫారమ్‌ను చిన్న సమూహాలుగా మార్చడం మూల్యాంకనాన్ని సులభతరం చేస్తుంది, తరచూ వినియోగదారుడు ఫారమ్‌లోకి ప్రవేశించాల్సినది వారి మెమరీ నుండి వస్తుంది.
మీ క్షేత్రాల సమూహాల పొడవు నాలుగు అని నిర్ధారించుకోండి.
5. మీరు ఏదో ఎందుకు అడుగుతున్నారో మరియు అది వినియోగదారుకు ఎలా అనిపిస్తుందో ఆలోచించండి
ఇది బహుశా నేను ఇచ్చే సలహాల యొక్క చాలా సూటిగా ఉంటుంది, కాని ఇది చాలా తక్కువ వినియోగించబడుతుంది.
ఈ క్రింది వాటిని తీసుకుందాం:
మీరు అడిగే ప్రతి ప్రశ్నను ప్రశ్నించండి. ఇది అవసరమా? దీన్ని అడగడం ఎలా అనిపిస్తుంది?
చాలా తరచుగా ఒక ప్రశ్న అడగవలసిన వ్యాపార అవసరం లేదు మరియు మేము ముఖంలో నీలం రంగు వచ్చేవరకు డిజైనర్లుగా మనం అవసరం గురించి వాదించవచ్చు. ప్రశ్న అడగాలి. ఈ డేటా కోసం వ్యాపార అవసరాన్ని అర్థం చేసుకోవడంలో మేము తరచుగా రాజీపడవచ్చు.
మేము ఆ ప్రశ్న ఎందుకు అడగాలి అని మా మంచి వినియోగదారుకు చెప్పడం ద్వారా మేము సహాయం చేయవచ్చు. ఆ డేటా యొక్క ఉపయోగం మరియు భాగస్వామ్యం గురించి భరోసా ఇవ్వండి మరియు సాధారణంగా మంచిది.
మళ్ళీ మా ఉదాహరణ తీసుకొని:
ఇది ఇంకా కఠినమైన ప్రశ్న, కాని మేము మాత్రను తియ్యగా తీసుకున్నాము.
6. తేదీలు ఉడుత చిన్న చిన్నవి
తేదీలను నమోదు చేయడం నిజమైన సవాలు మరియు మీరు నివారించగల కొన్ని ఆపదలు ఉన్నాయి. లోపాలతో వ్యవహరించడం అతిపెద్ద సమస్య.
క్యాలెండర్‌ను ప్రారంభించడం సులభమయిన విధానం. వారాలు UK లో సోమవారం మరియు యుఎస్‌లో ఆదివారం ప్రారంభమవుతాయని గమనించాలి. మీ వినియోగదారు దృష్టి కేంద్రీకరించకపోతే, వారు సోమవారం అని అర్ధం అయినప్పుడు వారు ఆదివారం ఎంచుకోవచ్చు.
అంతర్జాతీయ తేదీ ఆకృతులను కూడా ప్రస్తావించడం విలువ. యుఎస్ నెల మొదటి స్థానంలో ఉంది, జపాన్లో ఇది మొదటి సంవత్సరం. కాబట్టి 4/5/12 వంటి తేదీని మూడు విధాలుగా అర్థం చేసుకోవచ్చు.
అందుకే ఎంచుకున్న పెట్టెలను ఉపయోగించడం మంచిది.
7. డెవలపర్ క్రాఫ్ట్‌గా రూపాలు
రూపాలు డెవలపర్‌లతో పాటు డిజైనర్లకు కూడా క్రాఫ్ట్. డేటాను నమోదు చేయడం మరియు ఎదుర్కోవటానికి మీ బ్యాక్ ఎండ్ కోడ్‌ను రూపొందించడం ద్వారా ఏమి పొరపాట్లు చేయవచ్చో అర్థం చేసుకోవడం ఒక సవాలు.
ఇక్కడ సరళమైనది. కరెన్సీ విలువను నమోదు చేస్తోంది. వినియోగదారు చేయగలిగే తప్పులు చాలా పెద్దవి. వినియోగదారులు కలుసుకోవాల్సిన డేటా ఫార్మాట్‌లను బలవంతం చేయడం మీ వినియోగదారుకు నిరాశ కలిగిస్తుంది మరియు దానిని ఎదుర్కోనివ్వండి, డెవలపర్‌ల విషయంలో కొంచెం సోమరితనం.
బుల్లెట్ ప్రూఫ్ ఫారమ్‌ను నిర్మించడం కంటే డెవలపర్‌కు మంచి సవాలు ఏమిటి.
8. నిలువు వరుసలను రూపాల్లో ఉపయోగించవద్దు
రూపాల్లో నిలువు వరుసలను ఉపయోగించడంలో పెద్ద సమస్య ప్రవాహం. మేము ఎగువన ఒక ఫారమ్‌ను ప్రారంభించి, దిగువన ముగుస్తాము. నిలువు వరుసలను పరిచయం చేయడంలో రూపం యొక్క ప్రవాహాన్ని విచ్ఛిన్నం చేయవచ్చు.
ఫారమ్‌ల ద్వారా వినియోగదారుల ట్యాబ్‌ను అనుకోకండి మరియు అందువల్ల నిలువు వరుసలలో ఫారమ్‌లను నావిగేట్ చేసే మార్గం ఫోకస్. వినియోగదారు పరీక్షలో నేను చూసిన అరుదు. మేము ఎంటర్ వివరాలను చూసే ఎక్కువ సమయం, మౌస్ / ట్రాక్‌ప్యాడ్ / వేలితో తదుపరి ఫీల్డ్‌కు క్లిక్ చేసి, ఆపై వివరాలను నమోదు చేయండి.
9. ఒకటి చేసినప్పుడు రెండు ఫీల్డ్‌లను ఉపయోగించవద్దు
చాలా మంది టచ్ టైపిస్టులు కాదు. వినియోగదారు పరీక్షలో ప్రజలు టైప్ చేస్తున్నప్పుడు కీబోర్డ్ వైపు చూస్తున్నట్లు మేము చూస్తాము.
ఫారమ్ ఫీల్డ్‌ను విభజించే టెలిఫోన్ నంబర్‌ను నమోదు చేసినప్పుడు, ఏరియా కోడ్ మరియు నంబర్‌ను జోడించమని చెప్పండి, నిజమైన సమస్యలను కలిగిస్తుంది. రెండు ఫీల్డ్‌లు ఉన్నాయని వినియోగదారులు చూడలేరు లేదా గుర్తుంచుకోరు కాబట్టి మొదటి ఫీల్డ్‌లో పూర్తి సంఖ్యను నమోదు చేయండి, ఫీల్డ్ నిర్దిష్ట సంఖ్యలో అక్షరాలకు పరిమితం అయితే అధ్వాన్నంగా ఉంటుంది.
ఫోన్ నంబర్ కోసం కేవలం ఒక ఫీల్డ్‌ను ఉపయోగించండి, ఇంటి సంఖ్య / వీధి విషయంలో కూడా ఇది వర్తిస్తుంది - కేవలం ఒక టెక్స్ట్ ఎంట్రీ బాక్స్‌ను ఉపయోగించండి.
10. బాగుండండి
అక్కడ ఎన్ని అసభ్యకరమైన దోష సందేశాలు ఉన్నాయో మీరు ఆశ్చర్యపోతారు.
నేను ఇటీవల చూసిన ఒక ఉదాహరణ ఇక్కడ ఉంది.
భవిష్యత్తులో మీరు ఇష్టపూర్వకంగా తేదీని నమోదు చేయాలని వారు సూచిస్తున్న వాస్తవం మరియు తరువాత ముఖాముఖి ప్రతిస్పందన, ఇది చాలా మంచిది కాదు.
మళ్ళీ మిమ్మల్ని యూజర్ స్థానంలో ఉంచండి, ఈ లోపాన్ని మీరు ఎలా చూస్తారు? కోపంగా ఉన్నారా? ఇంకా ఘోరంగా ఉండవచ్చు. బాగుంది కాబట్టి సులభం.
మెరుగైన రూపాలను రూపొందించడంలో మీకు సహాయపడటానికి నేను డౌన్‌లోడ్ చేయగల తొట్టి / మోసగాడు షీట్‌ను తయారు చేసాను. మెరుగైన రూపాలను రూపొందించడానికి ఇది చాలా ఉత్తమమైన అభ్యాస మార్గాలను కలిగి ఉంది.
