Web3 இடைமுக வடிவமைப்பிற்கான 7 அனுபவ விதிகள்

பக்கத்தைத் திருத்து

பயன்பாட்டு அனுபவ விதிகள் (Usability heuristics) என்பவை உங்கள் தளத்தின் பயன்பாட்டினை அளவிட நீங்கள் பயன்படுத்தக்கூடிய பரந்த "அனுபவ விதிகளாகும்". இங்குள்ள 7 அனுபவ விதிகள் குறிப்பாக Web3 க்காக வடிவமைக்கப்பட்டுள்ளன, மேலும் இவற்றை ஜேக்கப் நீல்சனின் (Jakob Nielsen) ஊடாடல் வடிவமைப்பிற்கான 10 பொதுவான கொள்கைகளுடன் (opens in a new tab) சேர்த்துப் பயன்படுத்த வேண்டும்.

Web3 க்கான ஏழு பயன்பாட்டு அனுபவ விதிகள்

செயலைத் தொடர்ந்து பின்னூட்டம் வரும்
பாதுகாப்பும் நம்பிக்கையும்
மிக முக்கியமான தகவல் தெளிவாக இருக்கும்
புரிந்துகொள்ளக்கூடிய கலைச்சொற்கள்
செயல்கள் முடிந்தவரை சுருக்கமாக இருக்கும்
பிணைய இணைப்புகள் காணக்கூடியதாகவும் நெகிழ்வானதாகவும் இருக்கும்
பணப்பையிலிருந்து அல்லாமல், செயலியிலிருந்து கட்டுப்படுத்துதல்

வரையறைகள் மற்றும் எடுத்துக்காட்டுகள்

1. செயலைத் தொடர்ந்து பின்னூட்டம் வரும்

ஏதேனும் நடந்திருக்கும்போது அல்லது நடந்துகொண்டிருக்கும்போது அது தெளிவாகத் தெரிய வேண்டும்.

பயனர்கள் தங்களின் முந்தைய படிகளின் முடிவின் அடிப்படையில் தங்களின் அடுத்த படிகளைத் தீர்மானிக்கிறார்கள். எனவே கணினியின் நிலை குறித்து அவர்களுக்குத் தொடர்ந்து தெரிவிக்கப்படுவது அவசியம். பரிவர்த்தனைகள் தொகுதிச்சங்கிலியில் பதிவாவதற்கு சில நேரங்களில் சிறிது நேரம் ஆகலாம் என்பதால், Web3 இல் இது மிகவும் முக்கியமானது. காத்திருக்கும்படி அவர்களுக்குத் தெரிவிக்கும் பின்னூட்டம் எதுவும் இல்லை என்றால், ஏதேனும் நடந்ததா என்று பயனர்களுக்குத் தெரியாமல் போகலாம்.

குறிப்புகள்:

செய்தியிடல், அறிவிப்புகள் மற்றும் பிற எச்சரிக்கைகள் மூலம் பயனருக்குத் தெரிவிக்கவும்.
காத்திருப்பு நேரங்களைத் தெளிவாகத் தெரிவிக்கவும்.
ஒரு செயலுக்குச் சில வினாடிகளுக்கு மேல் ஆகப் போகிறது என்றால், ஏதோ நடக்கிறது என்பதை அவர்கள் உணரும்படி செய்ய, டைமர் அல்லது அசைவூட்டம் (animation) மூலம் பயனருக்கு உறுதியளிக்கவும்.
ஒரு செயல்முறையில் பல படிகள் இருந்தால், ஒவ்வொரு படியையும் காட்டவும்.

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

2. பாதுகாப்பும் நம்பிக்கையும் ஒருங்கிணைக்கப்பட்டுள்ளன

பாதுகாப்பிற்கு முன்னுரிமை அளிக்கப்பட வேண்டும், மேலும் இது பயனருக்கு வலியுறுத்தப்பட வேண்டும். மக்கள் தங்கள் தரவைப் பற்றி ஆழமாக அக்கறை காட்டுகிறார்கள். பாதுகாப்பு என்பது பெரும்பாலும் பயனர்களின் முதன்மைக் கவலையாகும், எனவே வடிவமைப்பின் அனைத்து நிலைகளிலும் இது கருத்தில் கொள்ளப்பட வேண்டும். நீங்கள் எப்போதும் உங்கள் பயனர்களின் நம்பிக்கையைப் பெற முயற்சிக்க வேண்டும், ஆனால் இதை நீங்கள் செய்யும் விதம் வெவ்வேறு செயலிகளில் வெவ்வேறு விஷயங்களைக் குறிக்கலாம். இது ஒரு பின்சிந்தனையாக இருக்கக்கூடாது, மாறாக முழுவதுமாக உணர்வுபூர்வமாக வடிவமைக்கப்பட வேண்டும். சமூக ஊடகங்கள் மற்றும் ஆவணங்கள், அத்துடன் இறுதி பயனர் இடைமுகம் (UI) உட்பட பயனர் அனுபவம் முழுவதும் நம்பிக்கையை உருவாக்குங்கள். பரவலாக்கத்தின் நிலை, கருவூலத்தின் பல-கையொப்ப (multi-sig) நிலை மற்றும் குழுவின் அடையாளம் வெளிப்படுத்தப்பட்டுள்ளதா (doxxed) போன்ற விஷயங்கள் அனைத்தும் பயனர்களின் நம்பிக்கையைப் பாதிக்கின்றன.

குறிப்புகள்:

உங்கள் தணிக்கைகளைப் பெருமையுடன் பட்டியலிடுங்கள்
பல தணிக்கைகளைப் பெறுங்கள்
நீங்கள் வடிவமைத்த பாதுகாப்பு அம்சங்களை விளம்பரப்படுத்துங்கள்
அடிப்படை ஒருங்கிணைப்புகள் உட்பட சாத்தியமான அபாயங்களை முன்னிலைப்படுத்துங்கள்
உத்திகளின் சிக்கலான தன்மையைத் தெரிவிக்கவும்
பாதுகாப்பைப் பற்றிய உங்கள் பயனர்களின் உணர்வைப் பாதிக்கக்கூடிய UI அல்லாத சிக்கல்களைக் கருத்தில் கொள்ளுங்கள்

எடுத்துக்காட்டு: உங்கள் தணிக்கைகளை அடிக்குறிப்பில் (footer), ஒரு முக்கிய அளவில் சேர்க்கவும்.

3. மிக முக்கியமான தகவல் தெளிவாக இருக்கும்

சிக்கலான அமைப்புகளுக்கு, மிகவும் பொருத்தமான தரவை மட்டுமே காட்டவும். எது மிகவும் முக்கியமானது என்பதைத் தீர்மானித்து, அதைக் காண்பிப்பதற்கு முன்னுரிமை அளிக்கவும். அதிகப்படியான தகவல்கள் குழப்பத்தை ஏற்படுத்தும், மேலும் முடிவுகளை எடுக்கும்போது பயனர்கள் பொதுவாக ஒரு தகவலை மட்டுமே நம்பியிருப்பார்கள். பரவலாக்கப்பட்ட நிதி (DeFi) இல், இது அநேகமாக வருவாய் செயலிகளில் APR ஆகவும், கடனளிப்பு செயலிகளில் LTV ஆகவும் இருக்கும்.

குறிப்புகள்:

பயனர் ஆராய்ச்சி மிக முக்கியமான அளவீட்டைக் கண்டறியும்
முக்கிய தகவலைப் பெரிதாகவும், பிற விவரங்களைச் சிறியதாகவும், தடையின்றியும் ஆக்குங்கள்
மக்கள் படிப்பதில்லை, அவர்கள் மேலோட்டமாகப் பார்க்கிறார்கள்; உங்கள் வடிவமைப்பு மேலோட்டமாகப் பார்க்கக்கூடியதாக இருப்பதை உறுதிசெய்யவும்

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

4. தெளிவான கலைச்சொற்கள்

கலைச்சொற்கள் புரிந்துகொள்ளக்கூடியதாகவும் பொருத்தமானதாகவும் இருக்க வேண்டும். தொழில்நுட்பச் சொற்கள் ஒரு பெரிய தடையாக இருக்கலாம், ஏனெனில் இதற்கு முற்றிலும் புதிய மன மாதிரியை உருவாக்க வேண்டும். பயனர்கள் தாங்கள் ஏற்கனவே அறிந்த சொற்கள், சொற்றொடர்கள் மற்றும் கருத்துகளுடன் வடிவமைப்பைத் தொடர்புபடுத்த முடிவதில்லை. எல்லாம் குழப்பமாகவும் அறிமுகமில்லாததாகவும் தோன்றுகிறது, மேலும் அவர்கள் அதைப் பயன்படுத்த முயற்சிக்கும் முன்பே ஒரு செங்குத்தான கற்றல் வளைவு உள்ளது. ஒரு பயனர் சிறிது பணத்தைச் சேமிக்க விரும்பி பரவலாக்கப்பட்ட நிதி (DeFi) ஐ அணுகலாம், ஆனால் அவர்கள் காண்பது: சுரங்கப்பணி, விவசாயம், பங்குவைத்தல், உமிழ்வுகள், லஞ்சங்கள், பெட்டகங்கள், லாக்கர்கள், veTokens, உரிமைவழங்கல், சகாப்தங்கள், பரவலாக்கப்பட்ட வழிமுறைகள், நெறிமுறைக்குச் சொந்தமான நீர்மைத்தன்மை… பரந்த அளவிலான மக்களால் புரிந்துகொள்ளக்கூடிய எளிய சொற்களைப் பயன்படுத்த முயற்சிக்கவும். உங்கள் திட்டத்திற்காகப் புதிய சொற்களைக் கண்டுபிடிக்க வேண்டாம்.

குறிப்புகள்:

எளிய மற்றும் நிலையான கலைச்சொற்களைப் பயன்படுத்தவும்
முடிந்தவரை ஏற்கனவே உள்ள மொழியைப் பயன்படுத்தவும்
உங்கள் சொந்தச் சொற்களை உருவாக்க வேண்டாம்
மரபுகள் தோன்றும்போதே அவற்றைப் பின்பற்றவும்
முடிந்தவரை பயனர்களுக்குக் கற்பிக்கவும்

எடுத்துக்காட்டு: “உங்கள் வெகுமதிகள்” என்பது பரவலாகப் புரிந்துகொள்ளப்பட்ட, நடுநிலையான சொல்; இந்தத் திட்டத்திற்காக உருவாக்கப்பட்ட புதிய சொல் அல்ல. வெகுமதிகள் வேறொரு வில்லையில் இருந்தாலும், நிஜ உலக மன மாதிரிகளுடன் பொருந்துமாறு வெகுமதிகள் USD இல் குறிப்பிடப்படுகின்றன.

5. செயல்கள் முடிந்தவரை சுருக்கமாக இருக்கும்

துணைச் செயல்களைத் தொகுப்பதன் மூலம் பயனரின் ஊடாடல்களை விரைவுபடுத்துங்கள். இது திறன் ஒப்பந்த அளவிலும், UI அளவிலும் செய்யப்படலாம். ஒரு பொதுவான செயலை முடிக்க, பயனர் கணினியின் ஒரு பகுதியிலிருந்து மற்றொரு பகுதிக்கு நகர வேண்டியதில்லை – அல்லது கணினியை விட்டு முழுமையாக வெளியேற வேண்டியதில்லை.

குறிப்புகள்:

முடிந்தவரை "ஒப்புதல் அளி" என்பதைப் பிற செயல்களுடன் இணைக்கவும்
கையொப்பமிடுதல் படிகளை முடிந்தவரை ஒன்றாகத் தொகுக்கவும்

எடுத்துக்காட்டு: “நீர்மைத்தன்மையைச் சேர்” மற்றும் “பங்குவைப்பு” ஆகியவற்றை இணைப்பது, பயனரின் நேரத்தையும் எரிவாயுவையும் மிச்சப்படுத்தும் ஒரு முடுக்கியின் எளிய எடுத்துக்காட்டாகும்.

6. பிணைய இணைப்புகள் காணக்கூடியதாகவும் நெகிழ்வானதாகவும் இருக்கும்

பயனர் எந்தப் பிணையத்துடன் இணைக்கப்பட்டுள்ளார் என்பதை அவருக்குத் தெரிவிக்கவும், மேலும் பிணையத்தை மாற்றுவதற்கான தெளிவான குறுக்குவழிகளை வழங்கவும். பல-சங்கிலி (multichain) செயலிகளில் இது மிகவும் முக்கியமானது. இணைக்கப்படாதபோதும் அல்லது ஆதரிக்கப்படாத பிணையத்துடன் இணைக்கப்பட்டிருக்கும்போதும் செயலியின் முக்கிய செயல்பாடுகள் தொடர்ந்து தெரிய வேண்டும்.

குறிப்புகள்:

இணைக்கப்படாதபோது செயலியின் முடிந்தவரை பல பகுதிகளைக் காட்டவும்
பயனர் தற்போது எந்தப் பிணையத்துடன் இணைக்கப்பட்டுள்ளார் என்பதைக் காட்டவும்
பிணையத்தை மாற்றப் பயனரைப் பணப்பைக்குச் செல்ல வைக்க வேண்டாம்
செயலிக்கு பயனர் பிணையத்தை மாற்ற வேண்டும் என்றால், முக்கிய செயல் அழைப்பிலிருந்து (call to action) செயலைத் தூண்டவும்
செயலியில் பல பிணையங்களுக்கான சந்தைகள் அல்லது பெட்டகங்கள் இருந்தால், பயனர் தற்போது எந்தத் தொகுப்பைப் பார்க்கிறார் என்பதைத் தெளிவாகக் குறிப்பிடவும்

எடுத்துக்காட்டு: பயனர் எந்தப் பிணையத்துடன் இணைக்கப்பட்டுள்ளார் என்பதை அவருக்குக் காட்டவும், மேலும் ஆப்பாரில் (appbar) அதை மாற்ற அனுமதிக்கவும்.

7. பணப்பையிலிருந்து அல்லாமல், செயலியிலிருந்து கட்டுப்படுத்துதல்

பயனர் தெரிந்துகொள்ள வேண்டிய அனைத்தையும் UI அவர்களுக்குத் தெரிவிக்க வேண்டும், மேலும் அவர்கள் செய்ய வேண்டிய அனைத்தின் மீதும் அவர்களுக்குக் கட்டுப்பாட்டை வழங்க வேண்டும். Web3 இல், நீங்கள் UI இல் எடுக்கும் செயல்களும், பணப்பையில் எடுக்கும் செயல்களும் உள்ளன. பொதுவாக, நீங்கள் UI இல் ஒரு செயலைத் தொடங்கி, பின்னர் பணப்பையில் அதை உறுதிப்படுத்துவீர்கள். இந்த இரண்டு இழைகளும் கவனமாக ஒருங்கிணைக்கப்படாவிட்டால் பயனர்கள் அசௌகரியமாக உணரலாம்.

குறிப்புகள்:

UI இல் பின்னூட்டம் மூலம் கணினியின் நிலையைத் தெரிவிக்கவும்
அவர்களின் வரலாற்றின் பதிவை வைத்திருக்கவும்
பழைய பரிவர்த்தனைகளுக்கான தொகுதி உலாவிகளுக்கான (block explorers) இணைப்புகளை வழங்கவும்
பிணையங்களை மாற்றுவதற்கான குறுக்குவழிகளை வழங்கவும்.

எடுத்துக்காட்டு: ஒரு நுட்பமான கொள்கலன் (container) பயனரின் பணப்பையில் என்னென்ன தொடர்புடைய வில்லைகள் உள்ளன என்பதைக் காட்டுகிறது, மேலும் முக்கிய CTA பிணையத்தை மாற்றுவதற்கான குறுக்குவழியை வழங்குகிறது.

பக்கம் கடைசியாகப் புதுப்பிக்கப்பட்டது: 25 டிசம்பர், 2024

மேலே செல் ↑