కిన్ వాలెట్ యూజర్ ఇంటర్ఫేస్ రూపకల్పన

ప్రాజెక్ట్ అవసరాలు

ఉత్పత్తి అవసరాలను నిర్ణయించడం ద్వారా మా డిజైన్ ప్రక్రియ ప్రారంభమవుతుంది. ఈ సందర్భంలో, మా ఉత్పత్తి కిక్ వినియోగదారులను కిన్ సంపాదించే మరియు ఖర్చు చేసే ప్రక్రియకు పరిచయం చేయాలి. దీని అర్థం మేము కిక్ లోపల పూర్తిగా క్రొత్త అనుభవానికి వినియోగదారులను ఆన్‌బోర్డింగ్ చేస్తాము.

ఈ ఉత్పత్తి యొక్క మునుపటి పునరావృత సమయంలో (టోకెన్ పంపిణీ కార్యక్రమంలో పాల్గొన్న వినియోగదారుల కోసం అందుబాటులో ఉంచిన సంస్కరణ), వాలెట్ కిన్ బ్రాండ్ రూపాన్ని మరియు అనుభూతిని కలిగి ఉంటుందని నిర్ణయించారు.

ఈ ఉత్పత్తిని చూసే కొత్త కిక్ యూజర్లు కొత్త ఫీచర్లు మరియు క్రొత్త రూపాన్ని మరియు అనుభూతిని రెండింటినీ అనుభవిస్తారని దీని అర్థం, ఇది ఇప్పటివరకు కిక్ నుండి వారు ఉపయోగించిన దానికి చాలా భిన్నంగా ఉంటుంది.

ఈ కారణంగా, ఈ సంస్కరణను సాధ్యమైనంత సన్నగా ఉంచడం చాలా ముఖ్యం అని మేము ముందుగానే గ్రహించాము.

ప్లానింగ్ యూజర్ జర్నీస్ IA స్ట్రక్చర్

ఆన్బోర్డింగ్

Ik కిక్‌టీమ్ బోట్ ద్వారా వినియోగదారులను వాలెట్‌కు పరిచయం చేస్తారు. ఈ క్రొత్త అనుభవాన్ని పరిచయం చేయడానికి కిక్ వినియోగదారులకు తెలిసిన - చాటింగ్ - నొక్కడానికి ఇది అనుమతిస్తుంది.

వాలెట్ ఇన్ఫర్మేషన్ ఆర్కిటెక్చర్ (IA) - విభిన్న నిర్మాణాలను పరిశీలిస్తుంది

ఈ ప్రాజెక్ట్ యొక్క రెండు పునరావృతాల సమయంలో మేము రెండు IA నిర్మాణాలను పరిశీలించాము.

  1. లావాదేవీల చరిత్ర మరియు కిన్ సంపాదించడానికి పెద్ద మార్గాలను కలిగి ఉన్న బలమైన లక్షణాల సమితి.
  2. బ్యాలెన్స్ మరియు సంపాదించే / ఖర్చు ఎంపికలను మాత్రమే కలిగి ఉన్న సన్నని సెట్.

మొదటి పునరావృతం

ప్రారంభ పునరావృత సమయంలో, మేము TDE పాల్గొనేవారి వాలెట్ కోసం ఉపయోగించిన ప్రధాన పేజీతో ప్రారంభించాము మరియు సంపాదన మరియు లావాదేవీ చరిత్ర కోసం మెను నావిగేషన్‌ను జోడించాము. ప్రాజెక్ట్ యొక్క పరిధిని తగ్గించడానికి మరియు వినియోగదారులకు ఇప్పటికే అందుబాటులో ఉన్న వాటిపై నిర్మించడానికి ఖర్చు మరియు బ్యాలెన్స్ ప్రధాన పేజీలో ఉంటాయి. మెనూ నిర్మాణం ఈ సంస్కరణ కోసం ప్రణాళిక చేయబడిన బలమైన ఫీచర్ సెట్‌లను వేర్వేరు ప్రాంతాలలో సమూహపరచడంలో సహాయపడుతుంది, ఇది వే ఫైండింగ్‌కు సహాయపడుతుంది మరియు అభిజ్ఞా భారాన్ని తగ్గిస్తుంది.

రెండు కొత్త పేజీల కోసం (సంపాదన మరియు లావాదేవీ చరిత్ర), మేము రెండు సంప్రదాయ రూపకల్పన నమూనాలను పరిశీలించాము:

  1. లావాదేవీ చరిత్ర కోసం ఒక కాలక్రమం: ఈ నమూనా కాలక్రమానుసారం సమాచారాన్ని ప్రదర్శించడానికి అనుమతిస్తుంది, ఇది ఈ పేజీ యొక్క ప్రయోజనానికి సరిపోతుంది - కాలక్రమేణా ఇన్‌కమింగ్ మరియు అవుట్గోయింగ్ కిన్ లావాదేవీలను చూపుతుంది. బ్యాంకింగ్ అనువర్తనాలకు ఇది సాధారణం.
  2. సంపాదించడానికి కంటెంట్ కార్డులు: ఈ నమూనా సాధారణంగా కంటెంట్ వినియోగం మరియు ఇ-కామర్స్ ఉత్పత్తులలో ఉపయోగించబడుతుంది, ఇది కిన్ పనిచేసే స్థలానికి సరిపోతుంది.

మేము జాబితా లేఅవుట్లు మరియు పెద్ద కార్డులను ఉపయోగించి అన్వేషించాము:

ఈ సంస్కరణను రూపకల్పన చేస్తూ, మేము కిన్ బ్రాండ్ కోసం UI కిట్‌ను విస్తరించాము మరియు మేము కొత్త శైలులు మరియు UI నమూనాలతో ప్రయోగాలు చేయాల్సి వచ్చింది.

రెండవ పునరావృతం

ఈ ప్రాజెక్ట్ (IPLv2) యొక్క రెండవ పునరావృతానికి వెళుతున్నప్పుడు, మేము చిన్న లక్షణాలతో ప్రారంభించాము. కిక్ వినియోగదారులను స్పష్టమైన పద్ధతిలో కొత్త అనుభవానికి గురిచేసే సరళమైన డిజైన్ పరిష్కారం కోసం మేము చూశాము మరియు అమలు చేయడం సులభం.

వాలెట్ యొక్క ఈ సంస్కరణ సరళంగా ఉంటుంది, ఒకే పేజీ మరియు లేఅవుట్‌తో, శీర్షికతో మరియు రెండు రకాల సమాచారాల మధ్య తేడాను గుర్తించడానికి ట్యాబ్‌లతో:

  1. కిన్ బ్యాలెన్స్ మరియు యూజర్ సమాచారం.
  2. రెండు-వైపుల ఆర్థిక సమర్పణలు - సంపాదించడానికి మరియు ఖర్చు చేయడానికి అవకాశాలు.

ఈ నిర్మాణాన్ని ఉపయోగించడం ద్వారా రెండు స్థాయిల సోపానక్రమం సృష్టించడానికి మాకు అనుమతి ఉంది.

నీలిరంగు శీర్షిక వినియోగదారుల దృష్టిని వారి కిన్ బ్యాలెన్స్ వైపు ఆకర్షిస్తుంది, వారి పేరు మరియు ఫోటోతో ఇది వారి ఖాతా అని భరోసా ఇస్తుంది.

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

UI డిజైన్

చూడండి & అనుభూతి

వాలెట్ యొక్క UI శైలి కిన్ బ్రాండ్ స్టైల్ గైడ్ ఆధారంగా ఉంటుంది. నీలిరంగు టోన్లు, లైన్ చిహ్నాలు మరియు కనిష్ట పంక్తి దృష్టాంతాలను ఉపయోగించడం, సైన్స్ మరియు టెక్నాలజీని ప్రస్తావించడం ద్వారా నమ్మదగిన మరియు స్నేహపూర్వక రూపాన్ని సృష్టించాలని మేము లక్ష్యంగా పెట్టుకున్నాము.

కిన్ స్టైల్ గైడ్ నుండి: హీరో & స్పాట్ ఇలస్ట్రేషన్, లోగో ఉపయోగాలు, రంగులు మరియు టైపోగ్రఫీవాలెట్ UI

యానిమేషన్లు మరియు స్క్రీన్ పరివర్తనాలు

మేము రెండు రకాల యానిమేషన్లను ఉపయోగించాము

  1. వినియోగదారు చర్యలపై అభిప్రాయాన్ని ఇచ్చే పరివర్తనాలు మరియు రాబోయే వాటిపై అంచనాలను సృష్టిస్తాయి.
  2. విశ్వసనీయమైన మరియు స్నేహపూర్వక అనుభూతిని సృష్టించే మా లక్ష్యానికి అనుగుణంగా లోపాలు మరియు సిస్టమ్ అవాంతరాలను స్నేహపూర్వకంగా మార్చడం.

పరివర్తనాలు

వినియోగదారులు నిబంధనలను అంగీకరించిన తర్వాత వాలెట్‌ను సెటప్ చేయడానికి కొన్ని సెకన్ల సమయం పడుతుంది. దీని అర్థం మనం ఒక విధమైన లోడింగ్ స్థితిని సృష్టించవలసి ఉంది. కిన్ - వికేంద్రీకరణ మరియు సంఘం వెనుక ఉన్న ఆలోచనలను నొక్కి చెప్పడానికి ఈ అవకాశాన్ని ఉపయోగించాలని మేము నిర్ణయించుకున్నాము.

లోగో (రౌండ్ ఆకారాలతో చేసిన గోళాలు) లోని అంశాలను ఉపయోగించడం ద్వారా, వ్యక్తులు వారి స్వంత వేగంతో మరియు దిశలో కదులుతున్నప్పటికీ, ఇంకా కలిసి రావడం కోసం మేము ఒక రూపకాన్ని సృష్టించాము.

సూక్ష్మ సంకర్షణలు

మేము సూక్ష్మ పరస్పర చర్యలను కనిష్టంగా ఉంచడానికి ప్రయత్నించాము మరియు వాటిని వినియోగదారు చర్యల కోసం అభిప్రాయంగా మాత్రమే ఉపయోగిస్తాము.

ఎడ్జ్ కేసులు

ఎడ్జ్ కేసులు మరియు లోపం స్థితులు గొప్ప అనుభవం కాదు, అయినప్పటికీ మేము వాటిని డిజైన్‌లో కూడా లెక్కించాలి. లోపం స్థితిని మరింత స్నేహపూర్వకంగా చూడటానికి మేము ఒక మార్గాన్ని కనుగొనటానికి ప్రయత్నించాము.

తరవాత ఏంటి

వినియోగదారు అభిప్రాయాన్ని పొందడం!

ఈ ప్రాజెక్ట్‌లో పనిచేసేటప్పుడు మాకు వినియోగం, మా వినియోగదారులకు సరైన లేఅవుట్ మరియు కిక్ లోపల క్రొత్త రూపానికి మరియు అనుభూతికి సాధారణ ప్రతిస్పందనలపై చాలా ప్రశ్నలు ఉన్నాయి.
మేము ప్రస్తుతం వినియోగదారు వర్క్‌షాప్‌లను సెటప్ చేసే పనిలో ఉన్నాము, వినియోగం పరీక్ష చేయడం మరియు ఈ వెర్షన్ ప్రారంభించిన తర్వాత దాని కోసం డేటాను పొందడం.