Skip to main content

UX/UI PORTFOLIO

Page 1

UXCASESTUDY:Ar tapp TheAr tappi sdesi gnedt opr ovi deknowl edge aboutar t ,i t shi st or y ,t hemostf amousar t i st ,and t hei rwor ks.Mor eover ,t heapphel psuser sf i nd museums,event s,andexhi bi t i onsbasedont hei r l ocat i onsandpr ef er ences.Theappl i cat i oni s dedi cat edt oal lusergr oups. Myr ol e:UX/ UIDesi gn


EMPHATI ZE

>

DEFI NE

>

I DEATE

Under st andi ngt heuser

>

PROTOTYPE

>

TEST

Reaser chquest i ons:

Myr esear chi sbasedondat af oundont hei nt er net andi nt er vi ewspr oceedbymysel f .Thi sl eadmet o det er mi nat emyt womai nuser sgr oupast our i stand aest het es.Pr ovi dedi nf or mat i onshel pedmet o under st andt hei rpr obl emsandf r ust r at i ons. Tr yi ngt ol ear nsomet hi ngaboutar tcanbehar d wi t houtanyknowl edgebackgr oundt hat ’ swhyi t coul dbehel pf ult ohaveal lbasi ci nf or mat i onabout st yl es,t i mef r ameandar t i stor gani sedi nonepl ace.I t wi l lmakei teasyt ol ear nandexpl or ear t i st i cwor l d. Resear chgoal s: Tr yi ngt ounder st andhow peopl esear chf orpl acest o vi si t ,whatki ndofi nt er act i onwi t ht heappmakes t hem expl or emor eaboutar t ,how mucht i met heycan spendonusi ngt heapp,whatmakesi teasi ert o under st andar tf ort hem.

· How of t endoyouvi si tmuseums/ gal l er i es? · How doyousear chf orpl acest ovi si t ? · How doyoubuyt i cket s? · How l ongi tt akesyout oschedul eavi si t ? · How r esear chpr ocessmakeyouf eel ? · Ar eyouanar tpassi onat e? · How of t endoyout r avel ? · Canyour at eyourknowl edgeofar tf r om 1 1 0? · Woul dyoul i ket ol ear nmor e? · How mucht i medur i ngt hedaycoul dyouspend _. onr eadi ngaboutar t ? · Doyoupl ayanyqui zzesgamesonl i ne? · Whatdoyout hi nkaboutt hem qui zzes?

Pai npoi nt s Under st andi ngar t

Ar tpr omot i on

Nounder st andi ngofar t cancauser esent ment anddi si nt er estt owar dsi t .

Lackofknowl edgeabout cur r entevent s,exhi bi t i ons andpl aceswher ewor ks ofar tar el ocat ed

Longr esear ch

Language

Resear chcant akesal ong Pr ovi di ngadescr i pt i on t i meespeci al l ywhen ofar tonl yi none peopl edon' tknow wher e l anguagecanmakei t t ost ar tandt hi scanr esul t di f f i cul tt ounder st and i nwast edt i meand f orf or ei gnvi si t or s f r ust r at i on


Pr obl em st at ement : Annai sabusywoman whoneedst o f i ndt i mef orher sel fandbesur r ounded byar tbecausei t ’ sherl i f eget away andpassi on.

Pr obl em st at ement : Maxi sayoungst udentwhoneedst o f i ndqui cki nf oaboutpl aceswor t h vi si t i ngbecausehedoesn’ twantt o wast et i meonr esear ch.


Userj our neymap Goal :Lear nmor eaboutar t , keepupt odat ewi t hcul t ur e Per sona:AnnaJones

Userj our neymap Goal :Spendaqual i t yt i me expl or i ngar twhi l eonhol i day Per sona:MaxKuni s


I NFORMATI ON ARCHI TECTURE


Di gi t alwi r ef r ames

Wi r ef r amessket ches


Thef i r stusabi l i t yst udyl etmepr epar eabasi cdesi gnoft he app,compat i bl esi zeoft ext ,col or s,f ont s,andi magest ocr eat e aconsi st entandeasyappt onavi gat e.If ocusedonsel ect i ng col orschemeandpoi nt i ngoutessent i alact i onbut t onssoi t ’ l l beeasyt ounder st andhow t omovear oundt heapp.The secondst udypoi nt edmor especi f i car easi nt hepr oj ectt hat wer ef oundpr obl emat i cf orsomeuser s.


Themai npaget hat wel comesuser saf t er r egi st r at i onconsi st sof t r endi ngar t i st s, ar t wor ks,andahi st or y sect i onbasedonuser pr ef er ences.

User scaneasi l ygot o t hechosencat egor yby cl i cki ngt heact i on but t on.Tomaket he navi gat i oncl earact i on but t onshavedi st i nct i ve col or s.

Bycl i cki ngononeoft he pi ct ur esusercanchoose anar t i cl et or ead.By cl i cki ngont hehear ti con t hear t i cl ewi l lbeadded t ot hef avor i t essect i on whi chl et suser seasi l y f i ndi tl at er .

Theuseofi magesof var i oussi zeswas desi gnedsot hatuser s coul dseear t i cl es hi ghl i ght edbyt hei r pr ef er encesasmost i mpor t antont hepage.


Qui z i sani deai nt endedt of ami l i ar i ze user swi t har tt hr oughi nt er act i ve pl ay .Bysi mpl yt r yi ngt or ecogni ze ar t wor k,ar t i st ,st yl eorhi st or y per i odpeopl ememor i zet he essent i ali nf or mat i onst hathel ps t hem under st andar tbet t er . Zdzi sł aw Beksi ński ,Peł zaj ącaśmi er ć,l at a70.XXw.


Af t erusabi l i t yst udi es

>

>

>

Bef or eusabi l i t y Usabi l i t yst udi esshowed t hatpeopl eneed di scountopt i ons. Ial sodeci dedt ochange t hel ayoutoft hepaget o separ at eal lsect i onsand emphasi zedt he“ r evi ew andpay”but t ont ost and outmor e.

Accessi bi l i t yconsi der at i ons:

Adj ust abl esi zeoft extandl anguagei nopt i ons · _. menu. Theuseofi consi nst eadoft extt ohel p · _. . navi gat ebet t er . Theuseofi magesofvar i oussi zest hat · _. . r epr esentt he mai nt opi coft hear t i cl e.


Thankyouf ort aki ngt het i met or evi ew mydesi gn! Pl easef eelf r eet ocont actme. Emai l :agat ar ybi ckaa@gmai l . com


About :

Des i gn:

ai sal oc al c ompany t hat s el l s onl i ne EkoNat ec ol ogi c alc l eani ng pr oduc t s aswel las pr ovi des c l eani ngs er vi c es .Thec ompany' spol i c yf oc us eson an ec ol ogi c alappr oac h,al lpr oduc t ss ol di nt he onl i nes t or ear ec erfiedands af e.Cl eani ngs er vi c es ar eal s oc ar r i edoutus i ngec ol ogi c alpr oduc t s .

Themai ngoaloft hepr oj ec ti st o al i gnt hevi s ual as pec t swi t ht he ec ol ogi c alc l eani ngpr oduc t sand s er vi c es .The pr oj ec ti s a vi s ual r ebr andi ng of EkoNat a.Thegr aphi cc onc epti sapr opos alf ort he i den fic a onofel ement sus i ngr ec yc l edmat er i al s , c ol or s ,andpa er nsi ns pi r edbynat ur e.Thepr oj ec t c ons i s t s ofc r ea ng a c ons i s t ent br and i den t y , mer c handi s ec onc ept ,andwebs i t edes i gn.


e-ecology

Leafs hape


UXCASESTUDY

Cl eani ngcompany&onl i nes hop


EMPHATI ZE

>

DEFI NE

>

I DEATE

Res ear c hgoal s : T r yi ngt ounder s t andhow peopl es hoponl i ne, whatt heyfinddi ffic ul t dur i ngt hepr oc es s , whatmak est hem mak ec er t ai nc hoi c eswhi l e s hoppi ng,andwhatf ac t or shavet hegr eat es ti mpac tont hepur c has eof s el ec t edpr oduc t sands er vi c es . Ques onsas kedt het ar getaudi enc e:

· Whatdoesyourc l eani ngr ou nel ookl i k e? · How doyoul ookf orc l eani ngs er vi c es ? · Canyoudes c r i beyourexper i enc ewhi l el ooki ngf orc l eani ngs er vi c es ? · Whatar eyoul ooki ngf orwhi l ec hoos i ngt hes er vi c es ? · Canyout el lusaboutyourexper i enc eswi t hc l eani ngs er vi c es ? · Whatki ndofc l eani ngpr oduc t sdoyouus ual l yus e? · What ' st hemos ti mpor t antwhi l ec hoos i ngt hepr oduc t s ? · Doyouc ar ei ft hepr oduc t shavec erfic at esandar eec ol ogi c al ? · How woul dyoudes c r i beyourexper i enc ewi t honl i nes hoppi ng? · How doyoupayf oronl i nes hoppi ng? · Whatar eyourbi gges ti s s ueswhi l eonl i nes hoppi ng? I nt er vi ewswi t h us er sal l owed me t o no c e pr obl emst hatpeopl e enc ount erwhens hoppi ngorl ooki ngf ors er vi c esonl i ne. Thankst ot he anal ys i s ,Imanagedt odet er mi nepai npoi nt sandf oc usons ol vi ngt he pr obl emsofadedi c at edgr oupofus er s .

>

PROTOTYPE

>

TEST


Pr obl em st at ement : I voi sabusymanwhoneedst of i nd companywhowi l lt akegoodcar eof cl eani nghi sof f i ce.

Pr obl em st at ement : Mar i ai sahappymom whowant st o changeherhabi t st ol i vemor e sust ai nabl eandecol ogi calway .


Userj our neymap Goal :Fi ndi ngacl eani ng companyt hatwoul dcl ean hi sof f i ceonceaweek. Per sona:I vo

Userj our neymap Goal :Buyi ngecol ogi cal cl eani ngpr oduct s Per sona:Mar i a


I NFORMATI ON ARCHI TECTURE

UIKI T


Goal : Thepr oj ec ti st oc r eat eawebs i t ec ompl i ant wi t ht hebr andi den t ydes i gnf orpeopl ewho ar et r yi ng t o find c l eani ng s er vi c esand an onl i nes hopwi t hec ol ogi c alc l eani ngpr oduc t s .

Pr obl em: e ar es t r uggl i ng t o find t r us t wor t hy Peopl c l eani ngs er vi c est hatf ul fil l t hei rr equi r ement s and r eac ht hei rs t andar ds .Ot herpr obl ems t hat oc c ur ar e di ffic ules wi t hs c hedul i ng appoi nt ment s , l ac koft r us t , andunpunc t ual i t y . Peopl e ar e mor e awar e ofr es pons i bi l i t yf or t heenvi r onment ,s owhens hoppi ngt heyl ook f orec ol ogi c al ands af epr oduc t s , whi c har es l l o enexpens i veanddi ffic ul tt oget .


DAI LYSKETCHES


Turn static files into dynamic content formats.

Create a flipbook
UX/UI PORTFOLIO by Agata Rybicka - Issuu