మీరు బహుశా ఇంతకు ముందు అక్కడ ఉండి ఉండవచ్చు. వినియోగదారులకు మోడల్ను చూపడం మధ్య మేము ఎలా ఎంచుకుంటాము మరియు మేము వారిని ప్రత్యేక, కొత్త పేజీకి ఎప్పుడు నావిగేట్ చేస్తాము? మరియు ఇది అస్సలు పట్టింపు ఉందా? నిజానికి, అది చేస్తుంది. ఈ నిర్ణయం వినియోగదారుల ప్రవాహం, వారి సందర్భం, వివరాలను చూసే వారి సామర్థ్యం మరియు దానితో ఎర్రర్ ఫ్రీక్వెన్సీ మరియు పనిని పూర్తి చేయడంపై ప్రభావం చూపుతుంది. రెండు ఎంపికలు విఘాతం కలిగించేవిగా మరియు నిరాశపరిచేవిగా ఉంటాయి - తప్పు సమయంలో మరియు తప్పు స్థలంలో. కాబట్టి మేము దానిని సరిగ్గా పొందడం మంచిది. సరే, దీన్ని ఎలా చేయాలో చూద్దాం. మోడల్స్ వర్సెస్ డైలాగ్స్ వర్సెస్ ఓవర్లేస్ వర్సెస్ లైట్బాక్స్లు మేము తరచుగా ఒకే మోడల్ UI కాంపోనెంట్ గురించి మాట్లాడుతున్నప్పుడు, అన్ని రకాల మోడల్ల మధ్య చక్కటి, సంక్లిష్టమైన సూక్ష్మ నైపుణ్యాలను మేము తరచుగా విస్మరిస్తాము. నిజానికి, ప్రతి మోడల్ ఒకేలా ఉండదు. మోడల్లు, డైలాగ్లు, ఓవర్లేలు మరియు లైట్బాక్స్లు - అన్నీ ఒకేలా అనిపిస్తాయి, కానీ వాస్తవానికి అవి చాలా భిన్నంగా ఉంటాయి:
“సంభాషణ” (యూజర్ ↔ సిస్టమ్) కోసం DialogA సాధారణ పదం. అతివ్యాప్తి ఒక చిన్న కంటెంట్ ప్యానెల్ పేజీ పైన ప్రదర్శించబడుతుంది. ModalUser తప్పనిసరిగా ఓవర్లే + బ్యాక్గ్రౌండ్ డిసేబుల్తో ఇంటరాక్ట్ అవ్వాలి. నాన్మోడల్ యూజర్ తప్పనిసరిగా ఓవర్లే + బ్యాక్గ్రౌండ్ ఎనేబుల్తో ఇంటరాక్ట్ అవ్వాలి. మోడల్పై దృష్టి కేంద్రీకరించడానికి లైట్బాక్స్ మసకబారిన నేపథ్యం.
అన్నా కాలే హైలైట్ చేసినట్లుగా, చాలా ఓవర్లేలు తప్పు సమయంలో కనిపిస్తాయి, క్లిష్టమైన పనుల సమయంలో వినియోగదారులకు అంతరాయం కలిగిస్తాయి, పేలవమైన భాషను ఉపయోగిస్తాయి మరియు వినియోగదారుల ప్రవాహాన్ని విచ్ఛిన్నం చేస్తాయి. అవి స్వభావంతో అంతరాయం కలిగిస్తాయి మరియు సాధారణంగా దాని కోసం బలమైన అవసరం లేకుండా అధిక స్థాయి తీవ్రతతో ఉంటాయి.
వినియోగదారులు వారి చర్య యొక్క పరిణామాలు అధిక ప్రభావాన్ని కలిగి ఉంటే ఖచ్చితంగా నెమ్మదిగా మరియు అంతరాయం కలిగించాలి, కానీ చాలా సందర్భాలలో నాన్-మోడల్స్ చాలా సూక్ష్మంగా ఉంటాయి మరియు వినియోగదారు దృష్టికి ఏదైనా తీసుకురావడానికి మరింత స్నేహపూర్వక ఎంపిక. ఏదైనా ఉంటే, నేను ఎల్లప్పుడూ డిఫాల్ట్గా ఉండాలని సూచిస్తాను. మోడల్స్ → సింగిల్, స్వీయ-నియంత్రణ పనుల కోసం డిజైనర్లుగా, మేము మోడల్లను అసంబద్ధం మరియు బాధించేవిగా తరచుగా తీసివేస్తాము - మరియు తరచుగా అవి! - ఇంకా వాటి విలువ కూడా ఉంది. సంభావ్య తప్పుల గురించి వినియోగదారులను హెచ్చరించడానికి లేదా డేటా నష్టాన్ని నివారించడంలో వారికి సహాయపడటానికి అవి చాలా సహాయకారిగా ఉంటాయి. పేజీ యొక్క ప్రస్తుత స్థితికి అంతరాయం కలగకుండా సంబంధిత చర్యలను చేయడంలో లేదా వివరాల్లోకి వెళ్లడంలో కూడా వారు సహాయపడగలరు. కానీ మోడల్స్ యొక్క అతిపెద్ద ప్రయోజనం ఏమిటంటే అవి వినియోగదారులకు ప్రస్తుత స్క్రీన్ యొక్క సందర్భాన్ని ఉంచడంలో సహాయపడతాయి. దీని అర్థం కేవలం UI అని కాదు, సవరించిన ఇన్పుట్, స్క్రోలింగ్ స్థానం, అకార్డియన్ల స్థితి, ఫిల్టర్ల ఎంపిక, సార్టింగ్ మరియు మొదలైనవి.
కొన్ని సమయాల్లో, వినియోగదారులు ఎంపికను త్వరగా నిర్ధారించాలి (ఉదా., పైన చూపిన విధంగా ఫిల్టర్లు) ఆపై అక్కడి నుండి వెంటనే కొనసాగండి. స్వయంచాలకంగా సేవ్ చేయడం ద్వారా అదే సాధించవచ్చు, కానీ ఇది ఎల్లప్పుడూ అవసరం లేదా కోరుకోదు. మరియు UIని బ్లాక్ చేయడం తరచుగా మంచి ఆలోచన కాదు. అయితే, మోడల్స్ ఏ టాస్క్ల కోసం ఉపయోగించబడవు. సాధారణంగా, మేము వాటిని ఒకే, స్వీయ-నియంత్రణ పనుల కోసం ఉపయోగిస్తాము, ఇక్కడ వినియోగదారులు దూకడం, ఒక పనిని పూర్తి చేయడం మరియు వారు ఉన్న చోటికి తిరిగి రావడం. ఆశ్చర్యకరంగా, అవి అధిక ప్రాధాన్యత, చిన్న పరస్పర చర్యలకు (ఉదా., హెచ్చరికలు, విధ్వంసక చర్యలు, శీఘ్ర నిర్ధారణలు) బాగా పని చేస్తాయి. మోడల్స్ సహాయం చేసినప్పుడు: 🚫 మోడల్లు తరచుగా విఘాతం కలిగిస్తాయి, దూకుడుగా మరియు గందరగోళంగా ఉంటాయి.🚫 అవి సరిపోల్చడం మరియు కాపీ-పేస్ట్ చేయడం కష్టతరం చేస్తాయి.✅ అయినప్పటికీ మోడల్లు వినియోగదారులను బహుళ సందర్భాలను నిర్వహించడానికి అనుమతిస్తాయి. ✅ వినియోగదారులు అంతరాయానికి విలువ ఇస్తే మాత్రమే మోడల్ను చూపండి.✅ డిఫాల్ట్గా, నాన్-బ్లాకింగ్ డైలాగ్లను (“నాన్మోడల్స్”) ఇష్టపడతారు. పేజీలు → కాంప్లెక్స్, బహుళ-దశల వర్క్ఫ్లోల కోసం మోడల్స్లోని విజార్డ్స్ లేదా ట్యాబ్డ్ నావిగేషన్ సంక్లిష్టమైన ఎంటర్ప్రైజ్ ఉత్పత్తులలో కూడా బాగా పని చేయదు - అక్కడ, సైడ్ ప్యానెల్లు లేదా డ్రాయర్లు సాధారణంగా మెరుగ్గా పని చేస్తాయి. వినియోగదారులు డేటా పాయింట్లను పోల్చి లేదా సూచించాల్సిన అవసరం వచ్చినప్పుడు సమస్యలు మొదలవుతాయి - అయినప్పటికీ మోడల్లు ఈ ప్రవర్తనను బ్లాక్ చేస్తాయి, కాబట్టి వారు బదులుగా బహుళ ట్యాబ్లలో ఒకే పేజీని మళ్లీ తెరుస్తారు.
మరింత క్లిష్టమైన ప్రవాహాలు మరియు బహుళ-దశల ప్రక్రియల కోసం, స్వతంత్ర పేజీలు ఉత్తమంగా పని చేస్తాయి. పేజీలు వినియోగదారు యొక్క పూర్తి శ్రద్ధను కోరినప్పుడు కూడా మెరుగ్గా పని చేస్తాయి మరియు మునుపటి స్క్రీన్కు సూచన చాలా ఉపయోగకరంగా ఉండదు. మరియు సాధారణ మోడల్ కోసం చాలా క్లిష్టంగా ఉండే సబ్ టాస్క్ల కోసం డ్రాయర్లు పని చేస్తాయి, కానీ పూర్తి పేజీ నావిగేషన్ అవసరం లేదు. మోడళ్లను ఎప్పుడు నివారించాలి: 🚫 ఎర్రర్ మెసేజ్ల కోసం మోడల్లను నివారించండి.🚫 ఫీచర్ నోటిఫికేషన్ల కోసం మోడల్లను నివారించండి. అవసరమైన. రెండింటినీ నివారించండిపునరావృత పనుల కోసం అనేక సంక్లిష్టమైన, టాస్క్-హెవీ ప్రొడక్ట్లలో, వినియోగదారులు తమను తాము పదే పదే, మళ్లీ మళ్లీ అదే టాస్క్లను చేస్తూ ఉంటారు. అక్కడ, మోడల్లు మరియు కొత్త పేజీ నావిగేషన్లు రెండూ ఘర్షణను జోడిస్తాయి ఎందుకంటే అవి ప్రవాహానికి అంతరాయం కలిగిస్తాయి లేదా అన్ని విభిన్న ట్యాబ్లు లేదా వీక్షణల మధ్య తప్పిపోయిన డేటాను సేకరించడానికి వినియోగదారులను బలవంతం చేస్తాయి. చాలా తరచుగా, వినియోగదారులు విరిగిన అనుభవంతో ముగుస్తుంది, ఎప్పటికీ అంతం లేని నిర్ధారణలు, అతిశయోక్తి హెచ్చరికలు, వెర్బోస్ సూచనలు లేదా మిస్ అయిన రిఫరెన్స్ పాయింట్లు. సౌలియస్ స్టెబులిస్ పేర్కొన్నట్లుగా, ఈ దృశ్యాలలో, విస్తరించదగిన విభాగాలు లేదా ఇన్-ప్లేస్ ఎడిటింగ్ తరచుగా మెరుగ్గా పని చేస్తాయి - అవి పనిని ప్రస్తుత స్క్రీన్కు యాంకర్గా ఉంచుతాయి. ఆచరణలో, అనేక సందర్భాల్లో, వినియోగదారులు తమ పనులను ఒంటరిగా పూర్తి చేయరు. వారు డేటాను వెతకాలి, విలువలను కాపీ-పేస్ట్ చేయాలి, వివిధ ప్రదేశాలలో ఎంట్రీలను మెరుగుపరచాలి లేదా వారు తమ పనుల ద్వారా పని చేస్తున్నప్పుడు ఇలాంటి రికార్డులను సమీక్షించాలి. టాస్క్ సమయంలో బ్యాక్గ్రౌండ్ డేటాకు యాక్సెస్ని నిర్వహించడానికి ఓవర్లేలు మరియు డ్రాయర్లు మరింత సహాయపడతాయి. ఫలితంగా, సందర్భం ఎల్లప్పుడూ దాని స్థానంలో ఉంటుంది, సూచన లేదా కాపీ-పేస్ట్ కోసం అందుబాటులో ఉంటుంది. అంతరాయం నిజమైన విలువను జోడించే క్షణాల కోసం మోడల్స్ మరియు పేజీ నావిగేషన్ను సేవ్ చేయండి - ముఖ్యంగా క్లిష్టమైన తప్పులను నివారించడానికి. మోడల్స్ vs. పేజీలు: ఎ డెసిషన్ ట్రీ కొంతకాలం క్రితం, మోడల్లు మరియు పేజీల మధ్య ఎంచుకోవడానికి డిజైనర్లకు సహాయం చేయడానికి ర్యాన్ న్యూఫెల్డ్ చాలా ఉపయోగకరమైన మార్గదర్శినిని రూపొందించారు. ఇది సులభ PNG చీట్షీట్ మరియు 7 విభాగాలలో విభజించబడిన ప్రశ్నలతో కూడిన Google డాక్ టెంప్లేట్తో వస్తుంది. ఇది సుదీర్ఘమైనది, చాలా సమగ్రమైనది, కానీ అనుసరించడం చాలా సులభం:
ఇది భయంకరంగా అనిపించవచ్చు, కానీ ఇది చాలా సులభమైన 4-దశల ప్రక్రియ:
స్క్రీన్ యొక్క సందర్భం.మొదట, వినియోగదారులు అంతర్లీన స్క్రీన్ యొక్క సందర్భాన్ని నిర్వహించాలని మేము తనిఖీ చేస్తాము. పని సంక్లిష్టత మరియు వ్యవధి. సరళమైన, కేంద్రీకృతమైన, దృష్టి మరల్చని పనులు మోడల్ను ఉపయోగించవచ్చు, కానీ సుదీర్ఘమైన, సంక్లిష్టమైన ప్రవాహాలకు పేజీ అవసరం. అంతర్లీన పేజీకి సూచన. తర్వాత, వినియోగదారులు తరచుగా బ్యాక్గ్రౌండ్లోని డేటాను సూచించాల్సిన అవసరం ఉందా లేదా టాస్క్ సాధారణ నిర్ధారణ లేదా ఎంపిక అయితే మేము తనిఖీ చేస్తాము. సరైన ఓవర్లేని ఎంచుకోవడం.చివరిగా, అతివ్యాప్తి మంచి ఎంపిక అయితే, మోడల్ లేదా నాన్మోడల్ (నాన్మోడల్ వైపు మొగ్గు చూపడం) మధ్య ఎంచుకోవడానికి ఇది మాకు మార్గనిర్దేశం చేస్తుంది.
చుట్టడం సాధ్యమైనప్పుడల్లా, మొత్తం UIని నిరోధించడాన్ని నివారించండి. UIని పాక్షికంగా కవర్ చేస్తూ, నావిగేషన్, స్క్రోలింగ్ మరియు కాపీ-పేస్ట్ను అనుమతించే డైలాగ్ని ఫ్లోటింగ్లో ఉంచండి. లేదా మోడల్లోని కంటెంట్లను సైడ్ డ్రాయర్గా చూపండి. లేదా బదులుగా నిలువు అకార్డియన్ ఉపయోగించండి. లేదా మీరు చాలా వివరాలను చూపించాల్సిన అవసరం ఉంటే వినియోగదారులను ప్రత్యేక పేజీకి తీసుకురండి. కానీ మీరు వినియోగదారుల సామర్థ్యాన్ని మరియు వేగాన్ని పెంచాలనుకుంటే, అన్ని ఖర్చులతో మోడల్లను నివారించండి. వినియోగదారులను మందగించడానికి, వారి దృష్టిని కట్టడి చేయడానికి, తప్పులను నివారించడానికి వాటిని ఉపయోగించండి. థెరిస్ ఫెస్సెండెన్ పేర్కొన్నట్లుగా, ఎవరూ అంతరాయం కలిగించడానికి ఇష్టపడరు, కానీ మీరు తప్పక ఉంటే, అది ఖచ్చితంగా ఖర్చుతో కూడుకున్నదని నిర్ధారించుకోండి. "స్మార్ట్ ఇంటర్ఫేస్ డిజైన్ ప్యాటర్న్స్"ని కలవండి మీరు స్మార్ట్ ఇంటర్ఫేస్ డిజైన్ ప్యాటర్న్లలో మోడల్లు మరియు ప్రత్యామ్నాయాల గురించి మొత్తం విభాగాన్ని కనుగొనవచ్చు, నిజ జీవిత ప్రాజెక్ట్ల నుండి 100ల ఆచరణాత్మక ఉదాహరణలతో మా 15h-వీడియో కోర్సు - ఈ సంవత్సరం చివరిలో ప్రత్యక్ష UX శిక్షణతో. మెగా-డ్రాప్డౌన్ల నుండి కాంప్లెక్స్ ఎంటర్ప్రైజ్ టేబుల్ల వరకు ప్రతిదీ — ప్రతి సంవత్సరం 5 కొత్త విభాగాలు జోడించబడతాయి. ఉచిత ప్రివ్యూకి వెళ్లండి. 15% తగ్గింపు కోసం BIRDIE కోడ్ని ఉపయోగించండి. స్మార్ట్ ఇంటర్ఫేస్ డిజైన్ ప్యాటర్న్లను కలవండి, ఇంటర్ఫేస్ డిజైన్ & UXపై మా వీడియో కోర్సు.
వీడియో + UX శిక్షణ వీడియో మాత్రమే వీడియో + UX శిక్షణ$ 495.00 $ 699.00
వీడియో + UX శిక్షణ25 వీడియో పాఠాలు (15గం) + లైవ్ UX శిక్షణ పొందండి. 100 రోజుల మనీ-బ్యాక్-గ్యారంటీ.వీడియో మాత్రమే $ 300.00$ 395.00
వీడియో కోర్సు 40 వీడియో పాఠాలు (15గం) పొందండి. ప్రతి సంవత్సరం నవీకరించబడింది. 2 వీడియో కోర్సులతో UX బండిల్గా కూడా అందుబాటులో ఉంటుంది.
ఉపయోగకరమైన వనరులు
అన్నా కాలే ద్వారా వివిధ రకాల పాప్అప్లు Uxcel ద్వారా UI మోడల్స్ రూపకల్పన కోసం ఉత్తమ పద్ధతులు మేము చాలా డ్యామ్ మోడల్లను ఉపయోగిస్తాము: అడ్రియన్ ఎగ్గర్ ద్వారా UX మార్గదర్శకాలు మోడల్ & నాన్మోడల్ డైలాగ్లు, థెరిస్ ఫెస్సెండెన్ ద్వారా మోడరన్ ఎంటర్ప్రైజ్ UI డిజైన్: మోడల్ డైలాగ్స్, జేమ్స్ జాకబ్స్ డిజైన్ సిస్టమ్స్లో మోడల్స్
