INHOUDSOPGAWE
Een van die mees invloedryke sielkundige teorieë in velde van UX en interaksie-ontwerp is die Gestalt-teorie. Die teorie is deur Duitse sielkundiges gestig en die woord "Gestalt" beteken vorm of vorm in Duits. Soos die naam aandui, is die idee agter die Gestalt-beginsels dat mense groepe voorwerpe as patrone eerder as individuele voorwerpe waarneem.
Daar is baie artikels oor die Gestalt-beginsels, maar nie so baie daarvan help jou om te verstaan hoe om pas dit toe in jou werk as 'n UX/UI-ontwerper. Hierdie artikel sal jou 'n paar idees gee oor hoe om die Gestalt-beginsels te gebruik om beter UX- en UI-ontwerpe te skep wat mense sal help om hul doelwitte met minder moeite te bereik.
The Law Of Similarity
Die beginsel van Similariteit stel dat wanneer voorwerpe fisies soortgelyk is, ons geneig is om hulle saam te groepeer en aan te neem dat hulle die het. dieselfde funksionaliteit . Byvoorbeeld, in die prent hieronder is dit redelik maklik om die lyn wat bordeauxrooi sirkels bevat van die res van die prent te onderskei as gevolg van sy verskillende kleur.
'n Voorbeeld van die beginsel van ooreenkoms. Foto deur skrywer.
Gebruik ooreenkoms in UX- en UI-ontwerp
Kom ons stel jou voor dat jou maatskappy 'n app genaamd "Il Mio Chef'' wat deur Italiaanse kosliefhebbers regoor die VSA en Kanada gebruik word (ons sal dit gebruik vir dieres van hierdie artikel). ’n Onlangse verslag wat jou UX-navorser aan jou oorhandig het, sê dat wanneer dit kom by die bestel van Italiaanse kos, gebruikers meestal omgee oor watter restaurante die naaste aan hulle is. Ons sal tog almal ons lasagne of pizza wil laat aflewer terwyl dit nog vars en warm is, nie waar nie?
Om dit maklik te maak om ons toepassinggebruikers te help sien watter restaurante die naaste aan hulle is kan die beginsel van ooreenkoms gebruik deur hierdie restaurante in die UI uit te lig. In die prent hieronder kan jy sien hoe die uitlig van hierdie opsies in geel (aan die regterkant) 'n groot verskil maak deur die verskil tussen die naaste restaurante en dié wat verder weg is visueel te beklemtoon. Dit is hoe jy die beginsel van ooreenkoms kan gebruik om jou gebruikers te help om vinnig te vind waarna hulle soek.
Gebruik die Gestalt-beginsel van ooreenkoms. Beeld deur skrywer.
The Law Of Proximity
Die beginsel van Nabyheid stel dat voorwerpe wat naby mekaar geleë is meer blyk te wees verwant as voorwerpe wat verder uitmekaar gespasieer is. Byvoorbeeld, die eerste prent en die tweede prent het dieselfde hoeveelheid sirkels in. In die tweede beeld is sekere kolomme egter nader aan mekaar en skep die indruk dat hulle drie afsonderlike groepe in plaas van een groot groep het.
Nabyheid - voorbeeld 1 - 'n groot groep. Beeld deur skrywer.
Nabyheid - voorbeeld 2 - drie afsonderlike groepe. Beeld deur skrywer.
Gebruik nabyheid in UX en UI-ontwerp
Kom ons neem 'n voorbeeld uit die veld van inligtingvisualisering.
Kom ons stel ons hierdie keer voor dat jy 'n bestuurder is wat wil sien hoe jou toepassing "Il Mio Chef" presteer. U wil kyk na KPI's wat finansiële prestasie, gebruikersbetrokkenheid en tevredenheid meet. Aanvanklik skep jou inligtingvisualiseringspesialis die dashboard hieronder wat jou en al die ander bestuurders laat verdwaal in die getalle en selfs meer vrae vra. Na een maand hou baie van julle net op om hierdie dashboard heeltemal te gebruik.
Sien ook: 16 Illustrasiekursusse wat jy aanlyn kan neem
KPI-kontroleskerm - Il Mio Chef. Beeld deur skrywer.
Sien ook: Die voor- en nadele daarvan om 'n vryskutillustreerder te weesOp hierdie stadium gaan jy terug na jou inligtingvisualiseringspesialis en vra haar om dit makliker te maak vir mense om die groot prentjie te verstaan deur die dashboard te herontwerp. Die beginsel van nabyheid kom in hierdie geval handig te pas, en jy kan die nuwe ontwerp hieronder sien. Dit bevat drie groepe gedeel deur die tipe KPI en dit help almal om te verstaan hoe die toepassing vaar in terme van finansiële prestasie, betrokkenheid en tevredenheid. Om voorwerpe saam te groepeer en meer wit spasie tussen die groepe te gebruik, kan jou gebruikers help om inligting vinniger te verteer.
Gebruik die Gestalt-beginsel van nabyheid in dashboardontwerp. Beeld deur skrywer.
The Law OfKontinuïteit
Die beginsel van Kontinuïteit stel dit dat sodra die oog 'n voorwerp begin volg, dit sal aanhou om die "beweging" in daardie rigting te volg totdat dit 'n ander voorwerp teëkom. Hierdie beweging help ons om die voorwerp waar te neem as deel van dieselfde pad waardeur ons moet gaan om inligting te vind. Die prent hieronder wys hoe ons die beginsel van kontinuïteit kan gebruik om sulke visuele patrone te skep wat die oog in 'n bepaalde rigting lei.
'n Voorbeeld van die beginsel van kontinuïteit. Beeld deur skrywer.
Gebruik kontinuïteit in UX en UI-ontwerp
Jou UX-navorser het 'n nuwe verslag aangebied wat wys dat die hoofmotivering vir gebruikers om die "Il Mio Chef"-toepassing te gebruik voedselverkenning is, aangesien dit hulle elke week toegang tot nuwe Italiaanse kosrestaurante gee. Jy kyk na die maatstaf wat wys hoeveel keer mense deur hul opsies swiep met die huidige UI-ontwerp in die prent hieronder (linkerkant) en sien dat hulle gemiddeld nooit meer as twee keer swiep om te sien watter opsies vir hulle beskikbaar is nie.
Deur die beginsel van kontinuïteit (regterkant op die prent hieronder) te gebruik, het jou UX-ontwerper gehelp om daardie getal tot gemiddeld ongeveer 10 swipes te verhoog. Hoe het dit gebeur? Deur 'n deel van die prent te versteek en die feit uit te lig dat jy links of regs moet swiep om te sien wat daarin is, is jou gebruikers se oë gelei om letterlik die "swipe"-beweging te skep en was meergemotiveer om meer restaurante te verken en wat hulle bied. Dit is iets die vroeëre ontwerp het jou glad nie gemotiveer om te doen nie, selfs al is jy reeds inherent gemotiveer om dit te doen.
Gebruik die Gestalt-beginsel van kontinuïteit in UX/UI-ontwerp. Beeld deur outeur.
Om op te som , deur gebruik te maak van die Gestalt-beginsels wat in hierdie artikel in jou UX- en UI-ontwerp gebruik word, kan jou gebruikers help om inligting vinniger te vind en beter te verteer Dit. Boonop kan dit hul tevredenheid met jou produk verhoog deur hulle te motiveer om die aksies te neem waarvan hulle die meeste hou.
Omslag bevat kunswerk deur Miklos Philips, geredigeer in Vectornator.
