Web3 இடைமுக வடிவமைப்பிற்கான 7 ஹியூரிஸ்டிக்ஸ்
பக்கம் கடைசியாகப் புதுப்பிக்கப்பட்டது: 25 டிசம்பர், 2024
பயன்பாட்டு ஹியூரிஸ்டிக்ஸ் (Usability heuristics) என்பவை உங்கள் தளத்தின் பயன்பாட்டினை அளவிட நீங்கள் பயன்படுத்தக்கூடிய பரந்த "அனுபவ விதிகள்" (rules of thumb) ஆகும். இங்குள்ள 7 ஹியூரிஸ்டிக்ஸ் குறிப்பாக Web3 க்காக வடிவமைக்கப்பட்டுள்ளன, மேலும் இவற்றை ஜேக்கப் நீல்சனின் (Jakob Nielsen) ஊடாடல் வடிவமைப்பிற்கான 10 பொதுவான கொள்கைகளுடன் (opens in a new tab) சேர்த்துப் பயன்படுத்த வேண்டும்.
Web3 க்கான ஏழு பயன்பாட்டு ஹியூரிஸ்டிக்ஸ்
- செயலைத் தொடர்ந்து பின்னூட்டம் வரும்
- பாதுகாப்பு மற்றும் நம்பிக்கை
- மிக முக்கியமான தகவல் தெளிவாக இருக்கும்
- புரிந்துகொள்ளக்கூடிய சொற்கள்
- செயல்கள் முடிந்தவரை சுருக்கமாக இருக்கும்
- நெட்வொர்க் இணைப்புகள் வெளிப்படையானவை மற்றும் நெகிழ்வானவை
- வாலட்டிலிருந்து அல்லாமல், ஆப்ஸிலிருந்து கட்டுப்பாடு
வரையறைகள் மற்றும் எடுத்துக்காட்டுகள்
1. செயலைத் தொடர்ந்து பின்னூட்டம் வரும்
ஏதேனும் நடந்திருக்கும்போது அல்லது நடக்கும்போது அது தெளிவாகத் தெரிய வேண்டும்.
பயனர்கள் தங்களின் முந்தைய படிகளின் முடிவின் அடிப்படையில் அடுத்த படிகளைத் தீர்மானிக்கிறார்கள். எனவே, சிஸ்டத்தின் நிலை குறித்து அவர்களுக்குத் தொடர்ந்து தெரிவிப்பது அவசியம். Web3 இல் இது மிகவும் முக்கியமானது, ஏனெனில் பரிவர்த்தனைகள் பிளாக்செயினில் பதிவாக சில நேரங்களில் சிறிது நேரம் ஆகலாம். காத்திருக்கும்படி அவர்களுக்குத் தெரிவிக்கும் பின்னூட்டம் எதுவும் இல்லை என்றால், ஏதேனும் நடந்ததா என்று பயனர்களுக்குத் தெரியாது.
குறிப்புகள்:
- செய்திகள், அறிவிப்புகள் மற்றும் பிற எச்சரிக்கைகள் மூலம் பயனருக்குத் தெரிவிக்கவும்.
- காத்திருப்பு நேரங்களைத் தெளிவாகத் தெரிவிக்கவும்.
- ஒரு செயல் சில வினாடிகளுக்கு மேல் ஆகப் போகிறது என்றால், ஏதோ நடக்கிறது என்பதை அவர்கள் உணர, டைமர் அல்லது அனிமேஷன் மூலம் பயனருக்கு உறுதியளிக்கவும்.
- ஒரு செயல்முறைக்கு பல படிகள் இருந்தால், ஒவ்வொரு படியையும் காட்டவும்.
எடுத்துக்காட்டு: ஒரு பரிவர்த்தனையில் உள்ள ஒவ்வொரு படியையும் காட்டுவது, பயனர்கள் செயல்முறையில் எங்கு இருக்கிறார்கள் என்பதை அறிய உதவுகிறது. பொருத்தமான ஐகான்கள் பயனரின் செயல்களின் நிலையை அறியச் செய்கின்றன.
2. பாதுகாப்பு மற்றும் நம்பிக்கை உள்ளமைக்கப்பட்டுள்ளன
பாதுகாப்பிற்கு முன்னுரிமை அளிக்கப்பட வேண்டும், மேலும் இது பயனருக்கு வலியுறுத்தப்பட வேண்டும். மக்கள் தங்கள் தரவைப் பற்றி ஆழமாக அக்கறை காட்டுகிறார்கள். பாதுகாப்பு என்பது பெரும்பாலும் பயனர்களுக்கு முதன்மையான கவலையாகும், எனவே வடிவமைப்பின் அனைத்து நிலைகளிலும் இது கருத்தில் கொள்ளப்பட வேண்டும். நீங்கள் எப்போதும் உங்கள் பயனர்களின் நம்பிக்கையைப் பெற முயற்சிக்க வேண்டும், ஆனால் நீங்கள் இதைச் செய்யும் விதம் வெவ்வேறு ஆப்ஸ்களில் வெவ்வேறு விஷயங்களைக் குறிக்கலாம். இது ஒரு பின் சிந்தனையாக இருக்கக்கூடாது, ஆனால் முழுவதும் நனவுடன் வடிவமைக்கப்பட வேண்டும். சமூக சேனல்கள் மற்றும் ஆவணங்கள், அத்துடன் இறுதி UI உட்பட பயனர் அனுபவம் முழுவதும் நம்பிக்கையை உருவாக்குங்கள். பரவலாக்கத்தின் நிலை, கருவூல மல்டி-சிக் (multi-sig) நிலை மற்றும் குழு டாக்ஸ் (doxxed) செய்யப்பட்டுள்ளதா போன்ற விஷயங்கள் அனைத்தும் பயனர்களின் நம்பிக்கையைப் பாதிக்கின்றன
குறிப்புகள்:
- உங்கள் தணிக்கைகளை (audits) பெருமையுடன் பட்டியலிடுங்கள்
- பல தணிக்கைகளைப் பெறுங்கள்
- நீங்கள் வடிவமைத்த ஏதேனும் பாதுகாப்பு அம்சங்களை விளம்பரப்படுத்துங்கள்
- அடிப்படை ஒருங்கிணைப்புகள் உட்பட சாத்தியமான அபாயங்களை முன்னிலைப்படுத்தவும்
- உத்திகளின் சிக்கலான தன்மையைத் தெரிவிக்கவும்
- பாதுகாப்பைப் பற்றிய உங்கள் பயனர்களின் கருத்தைப் பாதிக்கக்கூடிய UI அல்லாத சிக்கல்களைக் கவனியுங்கள்
எடுத்துக்காட்டு: உங்கள் தணிக்கைகளை அடிக்குறிப்பில் (footer), ஒரு முக்கிய அளவில் சேர்க்கவும்.
3. மிக முக்கியமான தகவல் தெளிவாக இருக்கும்
சிக்கலான சிஸ்டங்களுக்கு, மிகவும் பொருத்தமான தரவை மட்டுமே காட்டவும். எது மிகவும் முக்கியமானது என்பதைத் தீர்மானித்து, அதன் காட்சிக்கு முன்னுரிமை கொடுங்கள். அதிகப்படியான தகவல்கள் அதிகமாக இருக்கும், மேலும் முடிவுகளை எடுக்கும்போது பயனர்கள் பொதுவாக ஒரு தகவலை மட்டுமே நம்பியிருப்பார்கள். DeFi இல், இது அநேகமாக ஈல்டு (yield) ஆப்ஸ்களில் APR ஆகவும், கடன் வழங்கும் ஆப்ஸ்களில் LTV ஆகவும் இருக்கும்.
குறிப்புகள்:
- பயனர் ஆராய்ச்சி மிக முக்கியமான அளவீட்டைக் கண்டறியும்
- முக்கிய தகவலைப் பெரிதாகவும், மற்ற விவரங்களைச் சிறியதாகவும், தடையின்றியும் ஆக்குங்கள்
- மக்கள் படிப்பதில்லை, அவர்கள் ஸ்கேன் செய்கிறார்கள்; உங்கள் வடிவமைப்பு ஸ்கேன் செய்யக்கூடியதாக இருப்பதை உறுதிசெய்யவும்
எடுத்துக்காட்டு: முழு வண்ணத்தில் உள்ள பெரிய டோக்கன்களை ஸ்கேன் செய்யும்போது எளிதாகக் கண்டறியலாம். APR பெரியது மற்றும் ஒரு தனித்துவமான வண்ணத்தில் முன்னிலைப்படுத்தப்பட்டுள்ளது.
4. தெளிவான சொற்கள்
சொற்கள் புரிந்துகொள்ளக்கூடியதாகவும் பொருத்தமானதாகவும் இருக்க வேண்டும். தொழில்நுட்ப வாசகங்கள் ஒரு பெரிய தடையாக இருக்கலாம், ஏனெனில் அதற்கு முற்றிலும் புதிய மன மாதிரியை உருவாக்க வேண்டும். பயனர்கள் தாங்கள் ஏற்கனவே அறிந்த சொற்கள், சொற்றொடர்கள் மற்றும் கருத்துகளுடன் வடிவமைப்பைத் தொடர்புபடுத்த முடியாது. எல்லாம் குழப்பமாகவும் அறிமுகமில்லாததாகவும் தெரிகிறது, மேலும் அவர்கள் அதைப் பயன்படுத்த முயற்சிக்கும் முன்பே ஒரு செங்குத்தான கற்றல் வளைவு உள்ளது. ஒரு பயனர் சிறிது பணத்தைச் சேமிக்க விரும்பி DeFi ஐ அணுகலாம், ஆனால் அவர்கள் காண்பது: மைனிங் (Mining), ஃபார்மிங் (farming), ஸ்டேக்கிங் (staking), உமிழ்வுகள் (emissions), லஞ்சங்கள் (bribes), வால்ட்கள் (vaults), லாக்கர்கள் (lockers), veTokens, வெஸ்டிங் (vesting), எபோக்ஸ் (epochs), பரவலாக்கப்பட்ட அல்காரிதம்கள் (decentralized algorithms), நெறிமுறைக்குச் சொந்தமான பணப்புழக்கம் (protocol-owned liquidity)… பரந்த அளவிலான மக்களால் புரிந்துகொள்ளக்கூடிய எளிய சொற்களைப் பயன்படுத்த முயற்சிக்கவும். உங்கள் திட்டத்திற்காக மட்டும் புதிய சொற்களைக் கண்டுபிடிக்க வேண்டாம்.
குறிப்புகள்:
- எளிய மற்றும் நிலையான சொற்களைப் பயன்படுத்தவும்
- முடிந்தவரை இருக்கும் மொழியைப் பயன்படுத்தவும்
- உங்கள் சொந்த சொற்களைக் கொண்டு வர வேண்டாம்
- மரபுகள் தோன்றும்போதே அவற்றைப் பின்பற்றவும்
- முடிந்தவரை பயனர்களுக்குக் கற்பிக்கவும்
எடுத்துக்காட்டு: “உங்கள் வெகுமதிகள்” (Your rewards) என்பது பரவலாகப் புரிந்துகொள்ளப்பட்ட, நடுநிலையான சொல்; இந்தத் திட்டத்திற்காக உருவாக்கப்பட்ட புதிய சொல் அல்ல. வெகுமதிகள் வேறொரு டோக்கனில் இருந்தாலும், நிஜ உலக மன மாதிரிகளுடன் பொருந்துமாறு வெகுமதிகள் USD இல் குறிப்பிடப்படுகின்றன.
5. செயல்கள் முடிந்தவரை சுருக்கமாக இருக்கும்
துணைச் செயல்களைத் தொகுப்பதன் மூலம் பயனரின் ஊடாடல்களை வேகப்படுத்துங்கள். இது ஸ்மார்ட் ஒப்பந்த அளவிலும், UI அளவிலும் செய்யப்படலாம். ஒரு பொதுவான செயலை முடிக்க பயனர் சிஸ்டத்தின் ஒரு பகுதியிலிருந்து மற்றொரு பகுதிக்கு நகர வேண்டியதில்லை – அல்லது சிஸ்டத்தை முழுவதுமாக விட்டு வெளியேற வேண்டியதில்லை.
குறிப்புகள்:
- முடிந்தவரை "அங்கீகரி" (Approve) என்பதை மற்ற செயல்களுடன் இணைக்கவும்
- கையொப்பமிடும் படிகளை முடிந்தவரை ஒன்றாகச் சேர்க்கவும்
எடுத்துக்காட்டு: “பணப்புழக்கத்தைச் சேர்” (add liquidity) மற்றும் “ஸ்டேக்” (stake) ஆகியவற்றை இணைப்பது, பயனருக்கு நேரத்தையும் கேஸையும் (gas) மிச்சப்படுத்தும் ஒரு முடுக்கியின் எளிய எடுத்துக்காட்டாகும்.
6. நெட்வொர்க் இணைப்புகள் வெளிப்படையானவை மற்றும் நெகிழ்வானவை
பயனர் எந்த நெட்வொர்க்குடன் இணைக்கப்பட்டுள்ளார் என்பதைப் பற்றி அவருக்குத் தெரிவிக்கவும், மேலும் நெட்வொர்க்கை மாற்றுவதற்கான தெளிவான குறுக்குவழிகளை வழங்கவும். மல்டிசெயின் (multichain) ஆப்ஸ்களில் இது மிகவும் முக்கியமானது. ஆப்ஸின் முக்கிய செயல்பாடுகள் துண்டிக்கப்பட்டிருக்கும்போதோ அல்லது ஆதரிக்கப்படாத நெட்வொர்க்குடன் இணைக்கப்பட்டிருக்கும்போதோ தொடர்ந்து தெரிய வேண்டும்.
குறிப்புகள்:
- துண்டிக்கப்பட்டிருக்கும்போது ஆப்ஸை முடிந்தவரை காட்டவும்
- பயனர் தற்போது எந்த நெட்வொர்க்குடன் இணைக்கப்பட்டுள்ளார் என்பதைக் காட்டவும்
- நெட்வொர்க்கை மாற்ற பயனரை வாலட்டிற்குச் செல்ல வைக்க வேண்டாம்
- ஆப்ஸுக்குப் பயனர் நெட்வொர்க்கை மாற்ற வேண்டும் என்றால், முக்கிய கால் டு ஆக்ஷனிலிருந்து (call to action) செயலைத் தூண்டவும்
- ஆப்ஸில் பல நெட்வொர்க்குகளுக்கான சந்தைகள் அல்லது வால்ட்கள் இருந்தால், பயனர் தற்போது எந்தத் தொகுப்பைப் பார்க்கிறார் என்பதைத் தெளிவாகக் குறிப்பிடவும்
எடுத்துக்காட்டு: பயனர் எந்த நெட்வொர்க்குடன் இணைக்கப்பட்டுள்ளார் என்பதை ஆப்பாரில் (appbar) காட்டவும், மேலும் அதை மாற்ற அவர்களை அனுமதிக்கவும்.
7. வாலட்டிலிருந்து அல்லாமல், ஆப்ஸிலிருந்து கட்டுப்பாடு
UI பயனருக்கு அவர்கள் தெரிந்து கொள்ள வேண்டிய அனைத்தையும் சொல்ல வேண்டும் மற்றும் அவர்கள் செய்ய வேண்டிய அனைத்தின் மீதும் அவர்களுக்குக் கட்டுப்பாட்டைக் கொடுக்க வேண்டும். Web3 இல், நீங்கள் UI இல் எடுக்கும் செயல்கள் மற்றும் வாலட்டில் எடுக்கும் செயல்கள் உள்ளன. பொதுவாக, நீங்கள் UI இல் ஒரு செயலைத் தொடங்கி, பின்னர் அதை வாலட்டில் உறுதிப்படுத்துகிறீர்கள். இந்த இரண்டு இழைகளும் கவனமாக ஒருங்கிணைக்கப்படாவிட்டால் பயனர்கள் அசௌகரியமாக உணரலாம்.
குறிப்புகள்:
- UI இல் பின்னூட்டம் மூலம் சிஸ்டத்தின் நிலையைத் தெரிவிக்கவும்
- அவர்களின் வரலாற்றின் பதிவை வைத்திருக்கவும்
- பழைய பரிவர்த்தனைகளுக்கான பிளாக் எக்ஸ்ப்ளோரர்களுக்கான (block explorers) இணைப்புகளை வழங்கவும்
- நெட்வொர்க்குகளை மாற்ற குறுக்குவழிகளை வழங்கவும்.
எடுத்துக்காட்டு: ஒரு நுட்பமான கன்டெய்னர் (container) பயனருக்கு அவர்களின் வாலட்டில் என்ன தொடர்புடைய டோக்கன்கள் உள்ளன என்பதைக் காட்டுகிறது, மேலும் முக்கிய CTA நெட்வொர்க்கை மாற்றுவதற்கான குறுக்குவழியை வழங்குகிறது.
