30 Actionable UI Tips

எந்தப் பெட்டிகளைத் தவிர்க்கலாம் என்பதைப் பயனர் தெளிவாகப் புரிந்து கொள்கிறார்.

நட்சத்திரக் குறியீடுகள் பலரால் தவறாகப் புரிந்துகொள்ளப்பட்டு குழப்பத்தை விளைவிக்கின்றன.

கைபேசித் திரைகளில் பக்கத்தின் இயல்பான அளவைப் பாதுகாக்கிறது.

16px-க்குக் குறைவான எழுத்துக்கள் உலவிகளைத் தானாகப் பெரிதாக்கச் செய்து ஓரங்களை மறைக்கும்.

பயனர்கள் நேர்கோட்டில் கீழ்நோக்கிப் படித்து படிவங்களை விரைவாக நிரப்புகிறார்கள்.

பயனர்களின் கண்களைப் பக்கவாட்டிலும் செங்குத்தாகவும் நகரச் செய்து, படிவங்களை பாதியிலேயே கைவிடச் செய்யும்.

முழுமையான எல்லையுள்ள பெட்டிகள் பின்னணியில் இருந்து தெளிவாகப் பிரிந்து காட்சியளிக்கின்றன.

பக்கத்தின் வெற்றுப் பிரிவு போலத் தோன்றுவதால் பயனர்கள் உள்ளீடு செய்யத் தயங்குவார்கள்.

8px இடைவெளி லேபிளை உள்ளீட்டுடன் இணைக்கிறது. அடுத்த பிரிவுக்கு 24px இடைவெளி உள்ளது.

ஒரே மாதிரியான இடைவெளி, தலைப்பு எந்தப் பெட்டிக்குரியது என்ற குழப்பத்தை உண்டாக்கும்.

தேர்வுப் பெட்டி வாசிப்புத் தொடங்கும் முதல் வரியின் உயரத்துடன் சரியாகப் பொருந்துகிறது.

தேர்வுப் பெட்டியை நடுவில் வைப்பது, வாசிக்கத் தொடங்கும் வரிக்கு இடையில் இடைவெளியை ஏற்படுத்தும்.

மாற்றி உடனடியாக Wi-Fi-ஐச் செயல்படுத்துகிறது, சேமி பொத்தான் எதுவும் தேவையில்லை.

சேமிக்க வேண்டிய அமைப்புகளுக்கு மாற்றியைப் பயன்படுத்துவது பயனர்களுக்குக் குழப்பத்தை ஏற்படுத்தும்.

சதுரத் தேர்வுப் பெட்டி பல தேர்வுகளைச் செய்ய முடியும் என்பதைத் தெளிவாகக் காட்டுகிறது.

வட்டப் பெட்டிகள் வட்டத் தேர்வுகள் (Radio Buttons) போன்ற தோற்றத்தைத் தந்து பயனரைக் குழப்பும்.

உள்ளேயுள்ள கண் சின்னம் கடவுச்சொல்லைச் சரிபார்த்துக் கொள்ள உதவுகிறது.

எழுத்துக்களைக் காண முடியாமல் போவது பயனர்களை மீண்டும் மீண்டும் தட்டச்சு செய்ய வைக்கும்.

கவனம் பெறும் பகுதி தெளிவாகத் தெரிவது மாற்றுத்திறனாளி பயனர்களுக்குப் பெரிதும் உதவும்.

பார்டர்களை மறைப்பது விசைப்பலகையைப் பயன்படுத்தும் பயனர்களுக்குத் தங்களின் இடத்தை அறிய முடியாமல் செய்யும்.

குறுகிய வரிகள் கண் சோர்வில்லாமல் எளிதாகக் கீழ்நோக்கி வாசிக்க வழிவகுக்கின்றன.

வரிகள் நீளமாக இருக்கும்போது, கண்களைத் தூரம் நகர்த்த வேண்டியிருப்பதால் வாசிப்பு வேகம் குறையும்.

அட்டையும் அதன் உள்ளேயுள்ள பொத்தானும் ஒரே மாதிரியான வளைந்த விளிம்புகளைக் கொண்டுள்ளன.

சதுர மற்றும் வட்ட விளிம்புகளைக் கலந்து பயன்படுத்துவது வடிவமைப்பின் ஒழுங்கைக் கெடுக்கும்.

24px இடைவெளி பிரிவுகளைத் தனித்தனித் தகவல்களாக எளிதில் வாசிக்க உதவுகிறது.

இடைவெளிகள் இல்லாமல் தகவல்களை நெருக்கி அடுக்குவது பக்கத்தை வாசிப்பதைக் கடினமாக்கும்.

உரைத் தாவல்கள் அடுத்த பக்கத்தில் என்ன வகையான உள்ளடக்கம் உள்ளது என்பதை முன்கூட்டியே காட்டுகின்றன.

புள்ளிகள் எந்தத் தகவலையும் தராததால், பயனர்கள் அடுத்த பக்கங்களுக்குச் செல்லத் தயங்குவார்கள்.

பயனர்கள் புதிய கோப்புறையை உருவாக்க உதவும் தெளிவான பொத்தானை உள்ளடக்கியுள்ளது.

வெற்று எச்சரிக்கை வாசகம் பயனரை அடுத்து என்ன செய்வது என்று அறியாமல் திகைக்க வைக்கும்.

நீல நிறத்திலிருந்து பெறப்பட்ட நிழல் பொத்தானைத் தத்ரூபமாக உயர்த்திக் காட்டுகிறது.

அதிக அடர்த்தியுள்ள கருப்பு நிழல்கள் பக்கத்தை அசுத்தமாகவும் சீரற்றதாகவும் காட்டும்.

அனைத்து சின்னங்களும் ஒத்த தடிமனுடனும் அவுட்லைன் வடிவத்துடனும் சீராக அமைந்துள்ளன.

அவுட்லைன் மற்றும் நிரப்பப்பட்ட சின்னங்களைக் கலந்து வைப்பது வடிவமைப்பின் நேர்த்தியைக் கெடுக்கும்.

இணைப்பு உரை தனித்துத் தெரிவதால் அதை உடனடியாகத் தட்ட முடிகிறது.

இணைப்பைச் சாதாரண உரை போல் காட்டுவது, பயனர்கள் அதைக் கண்டறிவதைத் தடுக்கும்.

மின்னஞ்சல் ஏற்கனவே பயன்பாட்டில் உள்ளதை விளக்கி, லாகின் செய்ய நேரடிப் பொத்தானை வழங்குகிறது.

புரியாத குறியீடுகளைக் காட்டுவது பயனர்களைத் தீர்வுகாண முடியாமல் தவிக்க வைக்கும்.

அழிக்கும் முன்பு 'DELETE' என்று தட்டச்சு செய்யக் கோரி விபத்துகளைத் தடுக்கிறது.

ஒரே கிளிக்கில் தரவு அழிவது, விபத்தாகத் தட்டுவதனால் பெரும் தரவு இழப்பை ஏற்படுத்தும்.