ప్రధాన కంటెంట్‌కు దాటవేయి
Change page

Web3 ఇంటర్‌ఫేస్ డిజైన్ కోసం 7 హ్యూరిస్టిక్స్

పేజీని సవరించండి (opens in a new tab)

వినియోగ హ్యూరిస్టిక్స్ (Usability heuristics) అనేవి మీ సైట్ యొక్క వినియోగాన్ని కొలవడానికి మీరు ఉపయోగించగల విస్తృతమైన “ప్రాథమిక నియమాలు”. ఇక్కడ ఉన్న 7 హ్యూరిస్టిక్స్ ప్రత్యేకంగా Web3 కోసం రూపొందించబడ్డాయి మరియు వీటిని జాకబ్ నీల్సన్ యొక్క ఇంటరాక్షన్ డిజైన్ కోసం 10 సాధారణ సూత్రాలతో (opens in a new tab) కలిపి ఉపయోగించాలి.

Web3 కోసం ఏడు వినియోగ హ్యూరిస్టిక్స్

  1. చర్య తర్వాత ఫీడ్‌బ్యాక్ వస్తుంది
  2. భద్రత మరియు నమ్మకం
  3. అత్యంత ముఖ్యమైన సమాచారం స్పష్టంగా ఉంటుంది
  4. అర్థమయ్యే పదజాలం
  5. చర్యలు వీలైనంత తక్కువగా ఉంటాయి
  6. నెట్‌వర్క్ కనెక్షన్‌లు కనిపిస్తాయి మరియు అనువైనవిగా ఉంటాయి
  7. వాలెట్ నుండి కాకుండా యాప్ నుండి నియంత్రణ

నిర్వచనాలు మరియు ఉదాహరణలు

1. చర్య తర్వాత ఫీడ్‌బ్యాక్ వస్తుంది

ఏదైనా జరిగినప్పుడు లేదా జరుగుతున్నప్పుడు అది స్పష్టంగా తెలియాలి.

వినియోగదారులు తమ మునుపటి దశల ఫలితం ఆధారంగా తమ తదుపరి దశలను నిర్ణయించుకుంటారు. కాబట్టి సిస్టమ్ స్థితి గురించి వారికి ఎప్పటికప్పుడు తెలియజేయడం చాలా అవసరం. లావాదేవీలు బ్లాక్‌చైన్‌కు కట్టుబడి ఉండటానికి కొన్నిసార్లు కొద్ది సమయం పడుతుంది కాబట్టి Web3లో ఇది చాలా ముఖ్యం. వేచి ఉండమని వారికి తెలియజేసే ఫీడ్‌బ్యాక్ ఏదీ లేకపోతే, ఏదైనా జరిగిందా లేదా అని వినియోగదారులకు ఖచ్చితంగా తెలియదు.

చిట్కాలు:

  • మెసేజింగ్, నోటిఫికేషన్‌లు మరియు ఇతర అలర్ట్‌ల ద్వారా వినియోగదారుకు తెలియజేయండి.
  • వేచి ఉండే సమయాలను స్పష్టంగా తెలియజేయండి.
  • ఒక చర్యకు కొన్ని సెకన్ల కంటే ఎక్కువ సమయం పట్టే అవకాశం ఉంటే, ఏదో జరుగుతోందని వారికి అనిపించేలా చేయడానికి టైమర్ లేదా యానిమేషన్‌తో వినియోగదారుకు భరోసా ఇవ్వండి.
  • ఒక ప్రక్రియలో బహుళ దశలు ఉంటే, ప్రతి దశను చూపండి.

ఉదాహరణ: లావాదేవీలో ఉన్న ప్రతి దశను చూపడం వలన వినియోగదారులు ప్రక్రియలో ఎక్కడ ఉన్నారో తెలుసుకోవడానికి సహాయపడుతుంది. తగిన చిహ్నాలు వినియోగదారుకు వారి చర్యల స్థితిని తెలియజేస్తాయి.

Informing the user about each step when swapping tokens

2. భద్రత మరియు నమ్మకం అంతర్లీనంగా ఉంటాయి

భద్రతకు ప్రాధాన్యత ఇవ్వాలి మరియు వినియోగదారు కోసం దీనిని నొక్కి చెప్పాలి. ప్రజలు తమ డేటా గురించి చాలా శ్రద్ధ వహిస్తారు. భద్రత అనేది తరచుగా వినియోగదారులకు ప్రాథమిక ఆందోళన, కాబట్టి దీనిని డిజైన్ యొక్క అన్ని స్థాయిలలో పరిగణించాలి. మీరు ఎల్లప్పుడూ మీ వినియోగదారుల నమ్మకాన్ని సంపాదించడానికి ప్రయత్నిస్తూ ఉండాలి, కానీ మీరు దీన్ని చేసే విధానం వేర్వేరు యాప్‌లలో వేర్వేరు అర్థాలను కలిగి ఉంటుంది. ఇది తర్వాత ఆలోచించే విషయం కాకూడదు, కానీ అంతటా స్పృహతో రూపొందించబడాలి. సామాజిక ఛానెల్‌లు మరియు డాక్యుమెంటేషన్‌తో పాటు తుది UIతో సహా వినియోగదారు అనుభవం అంతటా నమ్మకాన్ని పెంచుకోండి. వికేంద్రీకరణ స్థాయి, ఖజానా మల్టీ-సిగ్ స్థితి మరియు బృందం డాక్స్ చేయబడిందా లేదా అనేవి వినియోగదారుల నమ్మకాన్ని ప్రభావితం చేస్తాయి

చిట్కాలు:

  • మీ ఆడిట్‌లను గర్వంగా జాబితా చేయండి
  • బహుళ ఆడిట్‌లను పొందండి
  • మీరు రూపొందించిన ఏవైనా భద్రతా లక్షణాలను ప్రచారం చేయండి
  • అంతర్లీన ఇంటిగ్రేషన్‌లతో సహా సాధ్యమయ్యే నష్టాలను హైలైట్ చేయండి
  • వ్యూహాల సంక్లిష్టతను తెలియజేయండి
  • భద్రతపై మీ వినియోగదారుల అవగాహనను ప్రభావితం చేసే నాన్-UI సమస్యలను పరిగణించండి

ఉదాహరణ: మీ ఆడిట్‌లను ఫుటర్‌లో ప్రముఖ పరిమాణంలో చేర్చండి.

Audits referenced in the website footer

3. అత్యంత ముఖ్యమైన సమాచారం స్పష్టంగా ఉంటుంది

సంక్లిష్టమైన సిస్టమ్‌ల కోసం, అత్యంత సంబంధిత డేటాను మాత్రమే చూపండి. ఏది అత్యంత ముఖ్యమైనదో నిర్ణయించండి మరియు దాని ప్రదర్శనకు ప్రాధాన్యత ఇవ్వండి. ఎక్కువ సమాచారం గందరగోళంగా ఉంటుంది మరియు నిర్ణయాలు తీసుకునేటప్పుడు వినియోగదారులు సాధారణంగా ఒక సమాచారంపై ఆధారపడతారు. వికేంద్రీకృత ఫైనాన్స్ (DeFi)లో, ఇది బహుశా ఈల్డ్ యాప్‌లలో APR మరియు రుణం ఇవ్వడం యాప్‌లలో LTV కావచ్చు.

చిట్కాలు:

  • వినియోగదారు పరిశోధన అత్యంత ముఖ్యమైన మెట్రిక్‌ను వెల్లడిస్తుంది
  • కీలక సమాచారాన్ని పెద్దదిగా మరియు ఇతర వివరాలను చిన్నవిగా మరియు అస్పష్టంగా చేయండి
  • ప్రజలు చదవరు, వారు స్కాన్ చేస్తారు; మీ డిజైన్ స్కాన్ చేయదగినదిగా ఉండేలా చూసుకోండి

ఉదాహరణ: స్కాన్ చేస్తున్నప్పుడు పూర్తి రంగులో ఉన్న పెద్ద టోకెన్‌లను కనుగొనడం సులభం. APR పెద్దదిగా ఉంటుంది మరియు యాక్సెంట్ రంగులో హైలైట్ చేయబడుతుంది.

The token and APR are easy to find

4. స్పష్టమైన పదజాలం

పదజాలం అర్థమయ్యేలా మరియు సముచితంగా ఉండాలి. సాంకేతిక పరిభాష ఒక పెద్ద అవరోధంగా ఉంటుంది, ఎందుకంటే దీనికి పూర్తిగా కొత్త మానసిక నమూనా నిర్మాణం అవసరం. వినియోగదారులు డిజైన్‌ను తమకు ఇప్పటికే తెలిసిన పదాలు, పదబంధాలు మరియు భావనలతో సంబంధం కలిగి ఉండలేరు. ప్రతిదీ గందరగోళంగా మరియు తెలియనిదిగా అనిపిస్తుంది మరియు వారు దానిని ఉపయోగించడానికి ప్రయత్నించే ముందు నేర్చుకోవడానికి చాలా సమయం పడుతుంది. కొంత డబ్బు ఆదా చేయాలనే ఉద్దేశ్యంతో వినియోగదారులు DeFiని సంప్రదించవచ్చు మరియు వారు కనుగొనేది ఏమిటంటే: మైనింగ్, ఫార్మింగ్, స్టేకింగ్, ఉద్గారాలు, లంచాలు, వాల్ట్‌లు, లాకర్లు, veTokens, వెస్టింగ్, ఎపోచ్‌లు, వికేంద్రీకృత అల్గారిథమ్‌లు, ప్రోటోకాల్ యాజమాన్యంలోని ద్రవ్యత… అత్యంత విస్తృతమైన వ్యక్తుల సమూహానికి అర్థమయ్యే సాధారణ పదాలను ఉపయోగించడానికి ప్రయత్నించండి. మీ ప్రాజెక్ట్ కోసం మాత్రమే సరికొత్త పదాలను కనిపెట్టకండి.

చిట్కాలు:

  • సరళమైన మరియు స్థిరమైన పదజాలాన్ని ఉపయోగించండి
  • వీలైనంత వరకు ఇప్పటికే ఉన్న భాషను ఉపయోగించండి
  • మీ స్వంత పదాలతో ముందుకు రాకండి
  • సంప్రదాయాలు కనిపించినట్లుగా వాటిని అనుసరించండి
  • వీలైనంత వరకు వినియోగదారులకు అవగాహన కల్పించండి

ఉదాహరణ: “మీ రివార్డ్‌లు” అనేది విస్తృతంగా అర్థం చేసుకోబడిన, తటస్థ పదం; ఈ ప్రాజెక్ట్ కోసం రూపొందించబడిన కొత్త పదం కాదు. రివార్డ్‌లు వేరొక టోకెన్‌లో ఉన్నప్పటికీ, వాస్తవ ప్రపంచ మానసిక నమూనాలకు సరిపోయేలా రివార్డ్‌లు USDలో సూచించబడతాయి.

Token rewards, displayed in U.S. dollars

5. చర్యలు వీలైనంత తక్కువగా ఉంటాయి

ఉప చర్యలను సమూహపరచడం ద్వారా వినియోగదారు పరస్పర చర్యలను వేగవంతం చేయండి. ఇది స్మార్ట్ కాంట్రాక్ట్ స్థాయిలో, అలాగే UIలో చేయవచ్చు. ఒక సాధారణ చర్యను పూర్తి చేయడానికి వినియోగదారు సిస్టమ్‌లోని ఒక భాగం నుండి మరొక భాగానికి వెళ్లకూడదు – లేదా సిస్టమ్‌ను పూర్తిగా వదిలివేయకూడదు.

చిట్కాలు:

  • సాధ్యమైన చోట ఇతర చర్యలతో "ఆమోదించు"ని కలపండి
  • సంతకం చేయడం దశలను వీలైనంత దగ్గరగా బండిల్ చేయండి

ఉదాహరణ: “ద్రవ్యతను జోడించు” మరియు “స్టేక్” కలపడం అనేది వినియోగదారుకు సమయం మరియు గ్యాస్ రెండింటినీ ఆదా చేసే యాక్సిలరేటర్‌కు ఒక సాధారణ ఉదాహరణ.

Modal showing a switch to combine the deposit and stake actions

6. నెట్‌వర్క్ కనెక్షన్‌లు కనిపిస్తాయి మరియు అనువైనవిగా ఉంటాయి

వినియోగదారు ఏ నెట్‌వర్క్‌కి కనెక్ట్ అయ్యారో వారికి తెలియజేయండి మరియు నెట్‌వర్క్‌ను మార్చడానికి స్పష్టమైన షార్ట్‌కట్‌లను అందించండి. మల్టీచైన్ యాప్‌లలో ఇది చాలా ముఖ్యం. డిస్‌కనెక్ట్ చేయబడినప్పుడు లేదా మద్దతు లేని నెట్‌వర్క్‌కి కనెక్ట్ చేయబడినప్పుడు కూడా యాప్ యొక్క ప్రధాన విధులు కనిపించాలి.

చిట్కాలు:

  • డిస్‌కనెక్ట్ చేయబడినప్పుడు వీలైనంత ఎక్కువ యాప్‌ను చూపండి
  • వినియోగదారు ప్రస్తుతం ఏ నెట్‌వర్క్‌కి కనెక్ట్ అయ్యారో చూపండి
  • నెట్‌వర్క్‌ను మార్చడానికి వినియోగదారుని వాలెట్‌కి వెళ్లేలా చేయవద్దు
  • యాప్‌కి వినియోగదారు నెట్‌వర్క్‌ను మార్చాల్సిన అవసరం ఉంటే, ప్రధాన కాల్ టు యాక్షన్ నుండి చర్యను ప్రాంప్ట్ చేయండి
  • యాప్‌లో బహుళ నెట్‌వర్క్‌ల కోసం మార్కెట్‌లు లేదా వాల్ట్‌లు ఉంటే, వినియోగదారు ప్రస్తుతం ఏ సెట్‌ను చూస్తున్నారో స్పష్టంగా పేర్కొనండి

ఉదాహరణ: వినియోగదారు ఏ నెట్‌వర్క్‌కి కనెక్ట్ అయ్యారో వారికి చూపండి మరియు యాప్‌బార్‌లో దాన్ని మార్చడానికి వారిని అనుమతించండి.

Dropdown button showing the connected network

7. వాలెట్ నుండి కాకుండా యాప్ నుండి నియంత్రణ

UI వినియోగదారుకు వారు తెలుసుకోవలసిన ప్రతిదాన్ని చెప్పాలి మరియు వారు చేయవలసిన ప్రతిదానిపై వారికి నియంత్రణను ఇవ్వాలి. Web3లో, మీరు UIలో తీసుకునే చర్యలు మరియు వాలెట్‌లో తీసుకునే చర్యలు ఉంటాయి. సాధారణంగా, మీరు UIలో ఒక చర్యను ప్రారంభిస్తారు, ఆపై దానిని వాలెట్‌లో నిర్ధారిస్తారు. ఈ రెండు తంతువులు జాగ్రత్తగా ఏకీకృతం చేయబడకపోతే వినియోగదారులు అసౌకర్యంగా భావించవచ్చు.

చిట్కాలు:

  • UIలో ఫీడ్‌బ్యాక్ ద్వారా సిస్టమ్ స్థితిని తెలియజేయండి
  • వారి చరిత్ర రికార్డును ఉంచండి
  • పాత లావాదేవీల కోసం బ్లాక్ ఎక్స్‌ప్లోరర్‌లకు లింక్‌లను అందించండి
  • నెట్‌వర్క్‌లను మార్చడానికి షార్ట్‌కట్‌లను అందించండి.

ఉదాహరణ: ఒక సూక్ష్మమైన కంటైనర్ వినియోగదారుకు వారి వాలెట్‌లో ఏ సంబంధిత టోకెన్‌లు ఉన్నాయో చూపుతుంది మరియు ప్రధాన CTA నెట్‌వర్క్‌ను మార్చడానికి షార్ట్‌కట్‌ను అందిస్తుంది.

Main CTA is prompting the user to switch network

పేజీ చివరి నవీకరణ: 25 డిసెంబర్, 2024