ప్రధాన కంటెంట్‌కి స్కిప్ చేయండి
Change page

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

పేజీ చివరి అప్‌డేట్: 25 డిసెంబర్, 2024

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

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

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

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

1. చర్య తర్వాత ఫీడ్‌బ్యాక్

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

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

చిట్కాలు:

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

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

టోకెన్లను మార్పిడి చేస్తున్నప్పుడు ప్రతి దశ గురించి వినియోగదారునికి తెలియజేయడం

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

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

చిట్కాలు:

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

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

వెబ్‌సైట్ ఫుటర్‌లో సూచించబడిన ఆడిట్‌లు

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

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

చిట్కాలు:

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

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

టోకెన్ మరియు APR సులభంగా కనుగొనవచ్చు

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

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

చిట్కాలు:

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

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

టోకెన్ రివార్డులు, U.S.లో ప్రదర్శించబడినవి డాలర్లలో

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

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

చిట్కాలు:

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

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

డిపాజిట్ మరియు స్టేక్ చర్యలను కలపడానికి ఒక స్విచ్‌ను చూపిస్తున్న మోడల్

6. నెట్‌వర్క్ కనెక్షన్‌లు కనిపించేలా మరియు ఫ్లెక్సిబుల్‌గా ఉంటాయి

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

చిట్కాలు:

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

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

కనెక్ట్ చేయబడిన నెట్‌వర్క్‌ను చూపిస్తున్న డ్రాప్‌డౌన్ బటన్

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

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

చిట్కాలు:

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

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

ప్రధాన CTA వినియోగదారుని నెట్‌వర్క్‌ను మార్చమని ప్రాంప్ట్ చేస్తోంది

ఈ ఆర్టికల్ ఉపయోగపడిందా?