Cilat janë Parimet Gestalt & Si t'i aplikoni ato

Një nga teoritë psikologjike më me ndikim në fushat e UX dhe dizajnit të ndërveprimit është teoria Gestalt. Teoria u themelua nga psikologë gjermanë dhe fjala "Gestalt" do të thotë formë ose formë në gjermanisht. Siç nënkupton edhe emri, ideja prapa parimeve Gestalt është se njerëzit i perceptojnë grupet e objekteve si modele dhe jo objekte individuale.

Ka shumë artikuj rreth parimeve Gestalt, por jo aq shumë prej tyre ju ndihmojnë të kuptoni se si të zbatoni ato në punën tuaj si një projektues UX/UI. Ky artikull do t'ju japë disa ide se si të përdorni parimet Gestalt për të krijuar dizajne më të mira UX dhe UI që do t'i ndihmojnë njerëzit të arrijnë qëllimet e tyre me më pak përpjekje.

Ligji i ngjashmërisë

Parimi i ngjashmërisë thotë se kur objektet janë fizikisht të ngjashëm, ne priremi t'i grupojmë së bashku dhe të supozojmë se ato kanë i njëjti funksion . Për shembull, në imazhin më poshtë është mjaft e lehtë të dallosh vijën që përmban rrathë të kuq burgundy nga pjesa tjetër e imazhit për shkak të ngjyrës së saj të ndryshme.

Një shembull i parimit të ngjashmërisë. Foto nga autori.

Përdorimi i ngjashmërisë në UX dhe UI Design

Le të imagjinojmë se kompania juaj ka zhvilluar një aplikacioni i quajtur "Il Mio Chef" që përdoret nga adhuruesit e ushqimit italian në të gjithë SHBA dhe Kanada (Ne do ta përdorim atë përpjesa tjetër e këtij artikulli). Një raport i fundit që ju ka dorëzuar studiuesi juaj UX thotë se kur bëhet fjalë për të porositur ushqim italian, përdoruesit më së shumti kujdesen se cilat restorante janë më të afërt me ta. Në fund të fundit, ne të gjithë do të dëshironim t'i dorëzonim lazanjat ose picën derisa janë ende të freskëta dhe të ngrohta, apo jo?

Për ta bërë më të lehtë t'i ndihmojmë përdoruesit e aplikacionit tonë të shohin se cilat restorante janë më të afërt me ta mund të përdorë parimin e ngjashmërisë duke theksuar këto restorante në UI. Në imazhin e mëposhtëm mund të shihni se si nxjerrja në pah e këtyre opsioneve me të verdhë (në të djathtë) bën një ndryshim të madh duke theksuar vizualisht dallimin midis restoranteve më të afërta dhe atyre që janë më larg. Kështu mund të përdorni parimin e ngjashmërisë për të ndihmuar përdoruesit tuaj të gjejnë shpejt atë që kërkojnë.

Përdorimi i parimit të ngjashmërisë Gestalt. Imazhi nga autori.

Ligji i afërsisë

Parimi i afërsisë thotë se objektet që ndodhen afër njëri-tjetrit duken të jenë më shumë të lidhura sesa objektet që janë të vendosura më larg njëri-tjetrit. Për shembull, imazhi i parë dhe imazhi i dytë kanë të njëjtën sasi rrathësh në to. Megjithatë, në imazhin e dytë disa kolona janë më afër njëra-tjetrës dhe krijojnë përshtypjen se kemi tre grupe të dallueshme në vend të një grupi të madh.

Afërsia - shembulli 1 - një grup i madh. Imazhi nga autori.

Afërsia - shembulli 2 - tre grupe të dallueshme. Imazhi nga autori.

Përdorimi i Proximity në UX dhe UI Design

Le të marrim një shembull nga fusha të vizualizimit të informacionit.

Këtë herë, le të imagjinojmë se jeni një ekzekutiv që dëshironi të shihni se si funksionon aplikacioni juaj "Il Mio Chef". Ju dëshironi të shikoni KPI-të që matin performancën financiare, angazhimin e përdoruesit dhe kënaqësinë. Në fillim, specialisti juaj i vizualizimit të informacionit krijon pultin e mëposhtëm që ju bën ju dhe të gjithë drejtuesit e tjerë të humbni në numra dhe të bëni edhe më shumë pyetje. Pas një muaji, shumë prej jush thjesht ndaloni së përdoruri fare këtë panel.

Pulti i KPI - Chef Il Mio. Imazhi nga autori.

Në këtë pikë ju ktheheni te specialistja juaj e vizualizimit të informacionit dhe i kërkoni asaj që ta bëjë më të lehtë për njerëzit të kuptojnë pamjen e përgjithshme duke ridizajnuar panelin e kontrollit. Parimi i afërsisë është i dobishëm në këtë rast, dhe ju mund të shihni dizajnin e ri më poshtë. Ai përmban tre grupe të ndara sipas llojit të KPI dhe i ndihmon të gjithë të kuptojnë se si po funksionon aplikacioni për sa i përket performancës financiare, angazhimit dhe kënaqësisë. Grupimi i objekteve së bashku dhe përdorimi i më shumë hapësirës së bardhë midis grupeve mund t'i ndihmojë përdoruesit tuaj të tresin informacionin më shpejt.

Përdorimi i parimit Gestalt të afërsisë në dizajnimin e panelit të kontrollit. Imazhi nga autori.

Ligji iVazhdimësia

Parimi i vazhdimësisë thotë se sapo syri fillon të ndjekë një objekt, ai do të vazhdojë të ndjekë "lëvizjen" në atë drejtim derisa të ndeshet me një objekt tjetër. Kjo lëvizje na ndihmon ta perceptojmë objektin si pjesë të së njëjtës rrugë që duhet të kalojmë për të gjetur informacion. Imazhi më poshtë tregon se si mund të përdorim parimin e vazhdimësisë për të krijuar modele të tilla vizuale që drejtojnë syrin në një drejtim të caktuar.

Një shembull i parimit të vazhdimësisë. Imazhi nga autori.

Përdorimi i vazhdimësisë në UX dhe dizajn UI

Kërkuesi juaj UX prezantoi një raport të ri që tregon se motivimi kryesor për përdoruesit për të përdorur aplikacionin “Il Mio Chef” është eksplorimi i ushqimit, pasi u lejon atyre akses në restorante të reja ushqimore italiane çdo javë. Ju shikoni metrikën që tregon se sa herë njerëzit rrëshqitin përmes opsioneve të tyre me dizajnin aktual të ndërfaqes së përdoruesit në imazhin më poshtë (në anën e majtë) dhe shihni se ata kurrë nuk rrëshqitin më shumë se dy herë mesatarisht për të parë se cilat opsione janë të disponueshme për ta.

Duke përdorur parimin e vazhdimësisë (në anën e djathtë në imazhin më poshtë) projektuesi juaj UX ndihmoi në rritjen e atij numri mesatarisht në rreth 10 rrëshqitje. Si ndodhi kjo? Duke fshehur një pjesë të imazhit dhe duke theksuar faktin që ju duhet të rrëshqitni majtas ose djathtas për të parë se çfarë ka aty, sytë e përdoruesve tuaj u udhëzuan të krijonin fjalë për fjalë lëvizjen "rrëshqitje" dhe ishin më shumëmotivuar për të eksploruar më shumë restorante dhe çfarë ato ofrojnë. Kjo është diçka që  dizajni i mëparshëm nuk të ka motivuar fare ta bësh, edhe nëse je tashmë i motivuar në thelb për ta bërë këtë.

Përdorimi i parimit Gestalt të vazhdimësisë në dizajnin UX/UI. Imazhi nga autori.

Për ta përmbledhur , përdorimi i parimeve Gestalt të paraqitura në këtë artikull në dizajnin tuaj UX dhe UI mund t'i ndihmojë përdoruesit tuaj të gjejnë informacionin më shpejt dhe më mirë. atë. Përveç kësaj, mund të rrisë kënaqësinë e tyre me produktin tuaj duke i motivuar ata të ndërmarrin veprimet që i pëlqejnë më shumë.

‍

Kopertina përfshin vepra arti nga Miklos Philips, redaktuar në Vectornator.

17>