Ano Ang Mga Prinsipyo ng Gestalt & Paano Ilapat ang mga Ito

Ang isa sa mga pinaka-maimpluwensyang teoryang sikolohikal sa larangan ng UX at disenyo ng pakikipag-ugnayan ay ang teoryang Gestalt. Ang teorya ay itinatag ng mga German psychologist at ang salitang "Gestalt" ay nangangahulugang form o hugis sa German. Gaya ng ipinahihiwatig ng pangalan, ang ideya sa likod ng mga prinsipyo ng Gestalt ay ang pag-unawa ng mga tao sa mga grupo ng mga bagay bilang mga pattern sa halip na mga indibidwal na bagay.

Maraming artikulo tungkol sa mga prinsipyo ng Gestalt ngunit hindi gaanong marami sa mga ito ang nakakatulong sa iyo na maunawaan kung paano ilapat ang mga ito sa iyong trabaho bilang isang UX/UI designer. Bibigyan ka ng artikulong ito ng ilang ideya kung paano gamitin ang mga prinsipyo ng Gestalt para gumawa ng mas mahuhusay na disenyo ng UX at UI na makakatulong sa mga tao na makamit ang kanilang mga layunin nang may kaunting pagsisikap.

Ang Batas ng Pagkakatulad

Ang prinsipyo ng Pagkakatulad ay nagsasaad na kapag ang mga bagay ay pisikal na magkatulad, malamang na grupo ang mga ito nang magkasama at ipagpalagay na mayroon silang parehong functionality . Halimbawa, sa larawan sa ibaba, medyo madaling makilala ang linyang naglalaman ng mga burgundy na pulang bilog mula sa natitirang bahagi ng larawan dahil sa magkaibang kulay nito.

Isang halimbawa ng prinsipyo ng pagkakatulad. Larawan ng may-akda.

Paggamit ng Pagkakatulad Sa Disenyo ng UX At UI

Isipin natin na ang iyong kumpanya ay bumuo ng isang app na tinatawag na "Il Mio Chef'' na ginagamit ng mga Italian food aficionados sa buong US at Canada (Gagamitin namin ito para sanatitirang bahagi ng artikulong ito). Ang isang kamakailang ulat na ibinigay sa iyo ng iyong tagapagpananaliksik sa UX ay nagsasaad na pagdating sa pag-order ng pagkaing Italyano, kadalasang pinapahalagahan ng mga user kung aling mga restaurant ang pinakamalapit sa kanila. Pagkatapos ng lahat, gusto nating lahat na maihatid ang ating lasagna o pizza habang ito ay sariwa at mainit-init pa, hindi ba?

Upang padaliin ang pagtulong sa mga user ng aming app na makita kung aling mga restaurant ang pinakamalapit sa kanila, kami maaaring gamitin ang prinsipyo ng pagkakatulad sa pamamagitan ng pag-highlight sa mga restaurant na ito sa UI. Sa larawan sa ibaba makikita mo kung paano nagdudulot ng malaking pagkakaiba ang pag-highlight sa mga opsyong ito sa dilaw (sa kanan) sa pamamagitan ng biswal na pagbibigay-diin sa pagkakaiba sa pagitan ng mga pinakamalapit na restaurant at sa mga nasa mas malayo. Ito ay kung paano mo magagamit ang prinsipyo ng pagkakatulad upang matulungan ang iyong mga user na mabilis na mahanap ang kanilang hinahanap.

Paggamit sa prinsipyo ng pagkakatulad ng Gestalt. Larawan ng may-akda.

The Law of Proximity

Ang prinsipyo ng Proximity ay nagsasaad na ang mga bagay na malapit sa isa't isa ay lumalabas na mas nauugnay kaysa sa mga bagay na mas malayo ang pagitan. Halimbawa, ang unang larawan at ang pangalawang larawan ay may parehong dami ng mga bilog sa mga ito. Gayunpaman, sa pangalawang larawan ay mas malapit ang ilang column sa isa't isa at lumilikha ng impresyon ng pagkakaroon ng tatlong natatanging grupo sa halip na isang malaking grupo.

Proximity - halimbawa 1 - isang malaking grupo. Larawan ng may-akda.

Proximity - halimbawa 2 - tatlong magkakaibang grupo. Larawan ng may-akda.

Paggamit ng Proximity Sa UX At UI Design

Kunin natin ang isang halimbawa mula sa field ng visualization ng impormasyon.

Sa pagkakataong ito, isipin natin na isa kang executive na gustong makita kung paano gumaganap ang iyong app na “Il Mio Chef”. Gusto mong tingnan ang mga KPI na sumusukat sa pagganap sa pananalapi, pakikipag-ugnayan ng user, at kasiyahan. Sa una, ang iyong espesyalista sa visualization ng impormasyon ay gumagawa ng dashboard sa ibaba na ginagawang mawala ka at ang lahat ng iba pang executive sa mga numero at magtanong ng higit pang mga katanungan. Pagkatapos ng isang buwan, marami sa inyo ang tumigil na lang sa paggamit ng dashboard na ito nang buo.

Dashboard ng KPI - Il Mio Chef. Larawan ng may-akda.

Sa puntong ito, babalik ka sa iyong espesyalista sa visualization ng impormasyon at hilingin sa kanya na gawing mas madali para sa mga tao na maunawaan ang malaking larawan sa pamamagitan ng muling pagdidisenyo ng dashboard. Ang prinsipyo ng proximity ay madaling gamitin sa kasong ito, at makikita mo ang bagong disenyo sa ibaba. Naglalaman ito ng tatlong pangkat na hinati sa uri ng KPI at tinutulungan nito ang lahat na maunawaan kung paano gumagana ang app sa mga tuntunin ng pagganap sa pananalapi, pakikipag-ugnayan, at kasiyahan. Ang pagsasama-sama ng mga bagay at paggamit ng mas maraming puting espasyo sa pagitan ng mga pangkat ay makakatulong sa iyong mga user na matunaw ang impormasyon nang mas mabilis.

Paggamit ng Gestalt na prinsipyo ng pagiging malapit sa disenyo ng dashboard. Larawan ng may-akda.

Ang Batas NgContinuity

Ang prinsipyo ng Continuity ay nagsasaad na kapag ang mata ay nagsimulang sumunod sa isang bagay, ito ay magpapatuloy sa pagsunod sa "paggalaw" sa direksyong iyon hanggang sa makatagpo ito ng isa pang bagay. Tinutulungan tayo ng kilusang ito na makita ang bagay bilang bahagi ng parehong landas na kailangan nating daanan upang makahanap ng impormasyon. Ipinapakita ng larawan sa ibaba kung paano natin magagamit ang prinsipyo ng continuity upang lumikha ng mga visual pattern na gumagabay sa mata sa isang partikular na direksyon.

Isang halimbawa ng prinsipyo ng Continuity. Larawan ng may-akda.

Paggamit ng Continuity Sa UX At UI Design

Nagpakita ang iyong UX researcher ng bagong ulat na nagpapakita na ang pangunahing motibasyon para sa mga user na gamitin ang "Il Mio Chef" na app ay food exploration, dahil nagbibigay-daan ito sa kanila ng access sa mga bagong Italian food restaurant bawat linggo. Tinitingnan mo ang sukatan na nagpapakita kung gaano karaming beses na nag-swipe ang mga tao sa kanilang mga opsyon gamit ang kasalukuyang disenyo ng UI sa larawan sa ibaba (kaliwang bahagi) at makikita na hindi sila kailanman nag-swipe nang higit sa dalawang beses sa average upang makita kung anong mga opsyon ang available sa kanila.

Gamit ang prinsipyo ng continuity (kanang bahagi sa larawan sa ibaba) nakatulong ang iyong UX designer na mapataas ang bilang na iyon sa humigit-kumulang 10 swipe sa average. Paano nangyari yun? Sa pamamagitan ng pagtatago ng bahagi ng larawan at pag-highlight sa katotohanang kailangan mong mag-swipe pakaliwa o pakanan para makita kung ano ang naroroon, ginabayan ang mga mata ng iyong mga user na literal na gumawa ng "swipe" na paggalaw at higit pamotivated na galugarin ang higit pang mga restaurant at kung ano ang kanilang inaalok. Ito ay isang bagay  ang naunang disenyo ay hindi nag-udyok sa iyo na gawin ito, kahit na likas na motibasyon mo na gawin ito.

Paggamit ng Gestalt na prinsipyo ng pagpapatuloy sa disenyo ng UX/UI. Larawan ng may-akda.

Sa kabuuan , ang paggamit sa mga prinsipyo ng Gestalt na ipinakita sa artikulong ito sa iyong disenyo ng UX at UI ay makakatulong sa iyong mga user na makahanap ng impormasyon nang mas mabilis at mas mahusay na matunaw ito. Bukod dito, maaari nitong mapataas ang kanilang kasiyahan sa iyong produkto sa pamamagitan ng pag-uudyok sa kanila na gawin ang mga aksyon na pinakagusto nila.

‍

Kasama sa cover ang likhang sining ni Miklos Philips, na-edit sa Vectornator.