நீங்கள் ஏற்கனவே அங்கு சென்றிருக்கலாம். பயனர்களுக்கு ஒரு மாதிரியைக் காண்பிப்பதில் எப்படி தேர்வு செய்வது, அவர்களை எப்போது தனி, புதிய பக்கத்திற்குச் செல்வது? மேலும் இது முக்கியமா? உண்மையில், அது செய்கிறது. இந்த முடிவு பயனர்களின் ஓட்டம், அவர்களின் சூழல், விவரங்களைத் தேடும் திறன் மற்றும் அதனுடன் பிழையின் அதிர்வெண் மற்றும் பணி நிறைவு ஆகியவற்றை பாதிக்கிறது. இரண்டு விருப்பங்களும் சீர்குலைக்கும் மற்றும் வெறுப்பாக இருக்கலாம் - தவறான நேரத்திலும், தவறான இடத்திலும். எனவே நாங்கள் அதை சரியாகப் பெறுவது நல்லது. சரி, அதை எப்படி செய்வது என்று பார்ப்போம். மாதிரிகள் வெர்சஸ் டயலாக்ஸ் வெர்சஸ் ஓவர்லேஸ் வெர்சஸ் லைட்பாக்ஸ்கள் ஒற்றை மாதிரி UI கூறுகளைப் பற்றி நாம் அடிக்கடி பேசும்போது, பல்வேறு வகையான மாடல்களுக்கு இடையே உள்ள நுணுக்கமான, சிக்கலான நுணுக்கங்களை நாங்கள் அடிக்கடி புறக்கணிப்போம். உண்மையில், ஒவ்வொரு மாதிரியும் ஒரே மாதிரி இல்லை. மாதிரிகள், உரையாடல்கள், மேலடுக்குகள் மற்றும் லைட்பாக்ஸ்கள் - அனைத்தும் ஒரே மாதிரியானவை, ஆனால் அவை உண்மையில் வேறுபட்டவை:
"உரையாடல்" (பயனர் ↔ அமைப்பு) க்கான DialogA பொதுவான சொல். மேலடுக்கு ஒரு சிறிய உள்ளடக்க பேனல் பக்கத்தின் மேல் காட்டப்படும். ModalUser மேலடுக்கு + பின்னணி முடக்கப்பட்டவுடன் தொடர்பு கொள்ள வேண்டும். NonmodalUser மேலடுக்கு + பின்னணி இயக்கப்பட்டவுடன் தொடர்பு கொள்ள வேண்டும். லைட்பாக்ஸ் மாதிரியில் கவனம் செலுத்த பின்னணி மங்கியது.
அன்னா கேலி சிறப்பித்துக் காட்டுவது போல, பெரும்பாலான மேலடுக்குகள் தவறான நேரத்தில் தோன்றும், முக்கியமான பணிகளின் போது பயனர்களுக்கு இடையூறு விளைவிக்கும், மோசமான மொழியைப் பயன்படுத்துகின்றன மற்றும் பயனர்களின் ஓட்டத்தை உடைக்கின்றன. அவை இயற்கையால் குறுக்கிடக்கூடியவை, மேலும் பொதுவாக அதிக அளவு தீவிரத்தன்மையுடன் அதற்கான வலுவான தேவை இல்லாமல் இருக்கும்.
பயனர்கள் தங்கள் செயலின் விளைவுகள் அதிக தாக்கத்தை ஏற்படுத்தினால், நிச்சயமாக பயனர்கள் மெதுவாக மற்றும் குறுக்கீடு செய்யப்பட வேண்டும், ஆனால் பெரும்பாலான சூழ்நிலைகளில், மாதிரிகள் அல்லாதவை மிகவும் நுட்பமானவை மற்றும் பயனரின் கவனத்திற்கு எதையாவது கொண்டு வருவதற்கு மிகவும் நட்பான விருப்பமாகும். ஏதேனும் இருந்தால், அதை எப்போதும் இயல்புநிலையாக இருக்கும்படி பரிந்துரைக்கிறேன். மாதிரிகள் → ஒற்றை, தன்னிச்சையான பணிகளுக்கு வடிவமைப்பாளர்களாக, நாங்கள் அடிக்கடி மாடல்களை பொருத்தமற்ற மற்றும் எரிச்சலூட்டும் என்று நிராகரிக்கிறோம் - பெரும்பாலும் அவை! - இன்னும் அவற்றின் மதிப்பும் உள்ளது. சாத்தியமான தவறுகளைப் பற்றி பயனர்களை எச்சரிக்க அல்லது தரவு இழப்பைத் தவிர்க்க உதவுவதற்கு அவை மிகவும் உதவியாக இருக்கும். பக்கத்தின் தற்போதைய நிலைக்கு இடையூறு விளைவிக்காமல் தொடர்புடைய செயல்களைச் செய்ய அல்லது விவரங்களைத் துளைக்க உதவலாம். ஆனால் மாடல்களின் மிகப்பெரிய நன்மை என்னவென்றால், அவை பயனர்களுக்கு தற்போதைய திரையின் சூழலை வைத்திருக்க உதவுகின்றன. இது UI ஐ மட்டும் குறிக்கவில்லை, ஆனால் திருத்தப்பட்ட உள்ளீடு, ஸ்க்ரோலிங் நிலை, துருத்திகளின் நிலை, வடிப்பான்களின் தேர்வு, வரிசைப்படுத்துதல் மற்றும் பல.
சில நேரங்களில், பயனர்கள் ஒரு தேர்வை விரைவாக உறுதிப்படுத்த வேண்டும் (எ.கா., மேலே காட்டப்பட்டுள்ள வடிப்பான்கள்) பின்னர் அங்கிருந்து உடனடியாக தொடரவும். தானியங்கு-சேமிப்பு நிச்சயமாக அதையே அடையலாம், ஆனால் அது எப்போதும் தேவைப்படாது அல்லது விரும்பப்படுவதில்லை. UI ஐத் தடுப்பது பெரும்பாலும் நல்ல யோசனையல்ல. இருப்பினும், எந்தப் பணிகளுக்கும் மாதிரிகள் பயன்படுத்தப்படுவதில்லை. பொதுவாக, பயனர்கள் குதித்து, ஒரு பணியை முடித்து, பின்னர் அவர்கள் இருந்த இடத்திற்குத் திரும்ப வேண்டிய ஒற்றை, தன்னிறைவான பணிகளுக்கு அவற்றைப் பயன்படுத்துவோம். ஆச்சரியப்படத்தக்க வகையில், அதிக முன்னுரிமை, குறுகிய இடைவினைகளுக்கு (எ.கா., விழிப்பூட்டல்கள், அழிவுச் செயல்கள், விரைவான உறுதிப்படுத்தல்கள்) அவை சிறப்பாகச் செயல்படுகின்றன. மாதிரிகள் உதவும் போது: 🚫 மாதிரிகள் அடிக்கடி இடையூறு விளைவிக்கும், ஊடுருவும் மற்றும் குழப்பமானவை.🚫 அவை ஒப்பிடுவதையும் நகலெடுத்து ஒட்டுவதையும் கடினமாக்குகின்றன. ✅ இடையூறுகளை பயனர்கள் மதிப்பிட்டால் மட்டுமே ஒரு மாதிரியைக் காட்டுங்கள்.✅ இயல்பாக, தடுக்காத உரையாடல்களை ("மாடல் அல்லாதவை") விரும்பவும்.✅ பிறகு உரையாடலைக் குறைக்க, மறைக்க அல்லது மீட்டமைக்க பயனர்களை அனுமதிக்கவும். பக்கங்கள் → சிக்கலான, பல-படி பணிப்பாய்வுகளுக்கு மாடல்களுக்குள் வழிகாட்டிகள் அல்லது டேப் செய்யப்பட்ட வழிசெலுத்தல் சிக்கலான நிறுவன தயாரிப்புகளில் கூட நன்றாக வேலை செய்யாது - அங்கு, பக்க பேனல்கள் அல்லது இழுப்பறைகள் பொதுவாக சிறப்பாக செயல்படும். பயனர்கள் தரவுப் புள்ளிகளை ஒப்பிடும்போது அல்லது குறிப்பிடும்போது சிக்கல்கள் தொடங்குகின்றன - இருப்பினும் மாதிரிகள் இந்த நடத்தையைத் தடுக்கின்றன, எனவே அவை ஒரே பக்கத்தை பல தாவல்களில் மீண்டும் திறக்கின்றன.
மிகவும் சிக்கலான ஓட்டங்கள் மற்றும் பல-படி செயல்முறைகளுக்கு, முழுமையான பக்கங்கள் சிறப்பாகச் செயல்படும். பயனரின் முழு கவனத்தையும் கோரும்போது பக்கங்களும் சிறப்பாகச் செயல்படும், மேலும் முந்தைய திரையைப் பற்றிய குறிப்பு மிகவும் பயனுள்ளதாக இருக்காது. எளிமையான மாதிரிக்கு மிகவும் சிக்கலான துணைப் பணிகளுக்கு இழுப்பறைகள் வேலை செய்கின்றன, ஆனால் முழுப் பக்க வழிசெலுத்தல் தேவையில்லை. மாடல்களை எப்போது தவிர்க்க வேண்டும்: 🚫 பிழைச் செய்திகளுக்கான மாதிரிகளைத் தவிர்க்கவும். அம்ச அறிவிப்புகளுக்கான மாடல்களைத் தவிர்க்கவும். தேவையான. இரண்டையும் தவிர்க்கவும்மீண்டும் மீண்டும் செய்யும் பணிகளுக்கு பல சிக்கலான, பணி-கடுமையான தயாரிப்புகளில், பயனர்கள் தாங்களாகவே மீண்டும் மீண்டும் அதே பணிகளைச் செய்வதைக் காணலாம். அங்கு, மாதிரிகள் மற்றும் புதிய பக்க வழிசெலுத்தல்கள் இரண்டும் உராய்வைச் சேர்க்கின்றன, ஏனெனில் அவை ஓட்டத்தை குறுக்கிடுகின்றன அல்லது அனைத்து வெவ்வேறு தாவல்கள் அல்லது பார்வைகளுக்கு இடையில் விடுபட்ட தரவைச் சேகரிக்க பயனர்களை கட்டாயப்படுத்துகின்றன. அடிக்கடி, பயனர்கள் ஒரு முறிந்த அனுபவத்துடன் முடிவடைகிறார்கள், முடிவில்லாத உறுதிப்படுத்தல்கள், மிகைப்படுத்தப்பட்ட எச்சரிக்கைகள், வாய்மொழியான வழிமுறைகள் அல்லது விடுபட்ட குறிப்பு புள்ளிகள். Saulius Stebulis குறிப்பிட்டுள்ளபடி, இந்தக் காட்சிகளில், விரிவாக்கக்கூடிய பிரிவுகள் அல்லது இடத்திலிருக்கும் எடிட்டிங் பெரும்பாலும் சிறப்பாகச் செயல்படும் - அவை தற்போதைய திரையில் பணியைத் தொகுத்து வைத்திருக்கின்றன. நடைமுறையில், பல சூழ்நிலைகளில், பயனர்கள் தங்கள் பணிகளை தனிமையில் செய்து முடிப்பதில்லை. அவர்கள் தரவைப் பார்க்க வேண்டும், மதிப்புகளை நகலெடுக்க வேண்டும், வெவ்வேறு இடங்களில் உள்ளீடுகளைச் செம்மைப்படுத்த வேண்டும் அல்லது தங்கள் பணிகளைச் செய்யும்போது ஒரே மாதிரியான பதிவுகளை மதிப்பாய்வு செய்ய வேண்டும். பணியின் போது பின்னணி தரவுக்கான அணுகலைப் பராமரிக்க மேலடுக்குகள் மற்றும் இழுப்பறைகள் மிகவும் உதவியாக இருக்கும். இதன் விளைவாக, சூழல் எப்பொழுதும் அதன் இடத்தில் இருக்கும், குறிப்பு அல்லது நகலெடுத்து ஒட்டுவதற்கு கிடைக்கும். குறுக்கீடு உண்மையான மதிப்பை சேர்க்கும் தருணங்களுக்கு மாதிரிகள் மற்றும் பக்க வழிசெலுத்தலைச் சேமிக்கவும் - குறிப்பாக முக்கியமான தவறுகளைத் தடுக்க. மாதிரிகள் எதிராக பக்கங்கள்: ஒரு முடிவு மரம் சிறிது நேரத்திற்கு முன்பு, ரியான் நியூஃபெல்ட், மாதிரிகள் மற்றும் பக்கங்களுக்கு இடையே வடிவமைப்பாளர்கள் தேர்வுசெய்ய உதவும் ஒரு மிகவும் பயனுள்ள வழிகாட்டியை ஒன்றாக இணைத்தார். இது எளிமையான PNG சீட்ஷீட் மற்றும் 7 பிரிவுகளில் உள்ள கேள்விகளைக் கொண்ட Google டாக் டெம்ப்ளேட்டுடன் வருகிறது. இது நீளமானது, மிகவும் முழுமையானது, ஆனால் பின்பற்றுவது மிகவும் எளிதானது:
இது அச்சுறுத்தலாகத் தோன்றலாம், ஆனால் இது மிகவும் எளிமையான 4-படி செயல்முறை:
திரையின் சூழல்.முதலில், பயனர்கள் அடிப்படைத் திரையின் சூழலைப் பராமரிக்க வேண்டுமா என்பதைச் சரிபார்க்கிறோம். பணியின் சிக்கலான தன்மை மற்றும் காலம் அடிப்படைப் பக்கத்தைப் பற்றிய குறிப்பு.பின்னர், பயனர்கள் பெரும்பாலும் பின்னணியில் உள்ள தரவைக் குறிப்பிட வேண்டுமா அல்லது பணி ஒரு எளிய உறுதிப்படுத்தல் அல்லது தேர்வா என்பதை நாங்கள் சரிபார்க்கிறோம். சரியான மேலடுக்கைத் தேர்ந்தெடுப்பது.இறுதியாக, ஒரு மேலடுக்கு உண்மையில் ஒரு நல்ல விருப்பமாக இருந்தால், அது மாதிரி அல்லது மாடல் அல்லாத (அல்லாத மாதிரியை நோக்கி சாய்ந்து) தேர்வு செய்ய நமக்கு வழிகாட்டுகிறது.
மடக்குதல் முடிந்தவரை, முழு UIஐயும் தடுப்பதைத் தவிர்க்கவும். ஒரு உரையாடல் மிதக்கும், UI ஐ ஓரளவு உள்ளடக்கியது, ஆனால் வழிசெலுத்தல், ஸ்க்ரோலிங் மற்றும் நகலெடுத்து ஒட்டுதல் ஆகியவற்றை அனுமதிக்கிறது. அல்லது மாதிரியின் உள்ளடக்கங்களை ஒரு பக்க அலமாரியாகக் காட்டவும். அல்லது அதற்கு பதிலாக செங்குத்து துருத்தி பயன்படுத்தவும். அல்லது நீங்கள் நிறைய விவரங்களைக் காட்ட வேண்டும் என்றால், பயனர்களை ஒரு தனி பக்கத்திற்கு கொண்டு வாருங்கள். ஆனால் நீங்கள் பயனர்களின் செயல்திறனையும் வேகத்தையும் அதிகரிக்க விரும்பினால், எல்லா விலையிலும் மாதிரிகளைத் தவிர்க்கவும். பயனர்களை மெதுவாக்கவும், அவர்களின் கவனத்தை ஒருங்கிணைக்கவும், தவறுகளைத் தடுக்கவும் அவற்றைப் பயன்படுத்தவும். தெரேஸ் ஃபெசென்டன் குறிப்பிட்டுள்ளபடி, யாரும் குறுக்கிட விரும்புவதில்லை, ஆனால் நீங்கள் தேவைப்பட்டால், அது முற்றிலும் செலவாகும் என்பதை உறுதிப்படுத்திக் கொள்ளுங்கள். "ஸ்மார்ட் இன்டர்ஃபேஸ் டிசைன் பேட்டர்ன்களை" சந்திக்கவும் ஸ்மார்ட் இன்டர்ஃபேஸ் டிசைன் பேட்டர்ன்களில் மாதிரிகள் மற்றும் மாற்று வழிகள் பற்றிய முழுப் பகுதியையும் நீங்கள் காணலாம், எங்களின் 15h-வீடியோ பாடநெறி, நிஜ வாழ்க்கை திட்டங்களில் இருந்து 100s நடைமுறை எடுத்துக்காட்டுகளுடன் - இந்த ஆண்டின் இறுதியில் நேரடி UX பயிற்சியுடன். மெகா-டிராப் டவுன்கள் முதல் சிக்கலான நிறுவன அட்டவணைகள் வரை அனைத்தும் - ஒவ்வொரு ஆண்டும் 5 புதிய பிரிவுகள் சேர்க்கப்படும். இலவச மாதிரிக்காட்சிக்குச் செல்லவும். 15% தள்ளுபடியைச் சேமிக்க BIRDIE குறியீட்டைப் பயன்படுத்தவும். ஸ்மார்ட் இன்டர்ஃபேஸ் டிசைன் பேட்டர்ன்களை சந்திக்கவும், இடைமுக வடிவமைப்பு & UX பற்றிய எங்கள் வீடியோ பாடநெறி.
வீடியோ + யுஎக்ஸ் பயிற்சி வீடியோ மட்டும் வீடியோ + யுஎக்ஸ் பயிற்சி$ 495.00 $ 699.00
வீடியோ + UX பயிற்சி25 வீடியோ பாடங்கள் (15 மணிநேரம்) + நேரலை UX பயிற்சி. 100 நாட்கள் பணம் திரும்ப-உத்தரவாதம். வீடியோ மட்டும் $ 300.00$ 395.00
வீடியோ பாடத்தைப் பெறுங்கள்40 வீடியோ பாடங்கள் (15 மணிநேரம்). ஆண்டுதோறும் புதுப்பிக்கப்படும். 2 வீடியோ படிப்புகளுடன் UX தொகுப்பாகவும் கிடைக்கிறது.
பயனுள்ள வளங்கள்
அன்னா கேலியின் வெவ்வேறு வகையான பாப்அப்கள் UI மாதிரிகளை வடிவமைப்பதற்கான சிறந்த நடைமுறைகள், Uxcel அட்ரியன் எகரின் UX வழிகாட்டுதல்கள்: நாங்கள் பல மோசமான மாதிரிகளைப் பயன்படுத்துகிறோம் மோடல் & மாடல் அல்லாத உரையாடல்கள், தெரேஸ் ஃபெசென்டன் நவீன நிறுவன UI வடிவமைப்பு: மாதிரி உரையாடல்கள், ஜேம்ஸ் ஜேக்கப்ஸ் வடிவமைப்பு அமைப்புகளில் மாதிரிகள்
