Jedwali la yaliyomo
Mojawapo ya nadharia zenye ushawishi mkubwa zaidi za kisaikolojia katika nyanja za UX na muundo wa mwingiliano ni nadharia ya Gestalt. Nadharia hiyo iliasisiwa na wanasaikolojia wa Kijerumani na neno “Gestalt” linamaanisha umbo au umbo kwa Kijerumani. Kama jina linavyodokeza, wazo la kanuni za Gestalt ni kwamba wanadamu huona vikundi vya vitu kama muundo badala ya vitu binafsi.
Kuna makala nyingi kuhusu kanuni za Gestalt lakini si nyingi sana zinazokusaidia kuelewa jinsi ya zitumie katika kazi yako kama mbuni wa UX/UI. Makala haya yatakupa baadhi ya mawazo kuhusu jinsi ya kutumia kanuni za Gestalt kuunda miundo bora ya UX na UI ambayo itasaidia watu kufikia malengo yao kwa juhudi kidogo.
Sheria Ya Kufanana
Angalia pia: Je, Mbuni wa Michoro Mwendo Anafanya Nini?
Kanuni ya Kufanana inasema kwamba vitu vinapofanana kimwili huwa kuviweka pamoja na kudhani vina utendakazi sawa . Kwa mfano, katika picha iliyo hapa chini ni rahisi sana kutofautisha mstari ulio na miduara nyekundu ya burgundy kutoka kwa picha nyingine kutokana na rangi yake tofauti.
Mfano wa kanuni ya ufanano. Picha na mwandishi.
Kutumia Usanifu wa UX na UI
Hebu tufikirie kuwa kampuni yako ilitengeneza programu inayoitwa “Il Mio Chef’’ ambayo inatumiwa na wapenzi wa vyakula vya Kiitaliano kote Marekani na Kanada (Tutaitumia kwasehemu nyingine ya makala hii). Ripoti ya hivi majuzi ambayo mtafiti wako wa UX aliyokukabidhi inasema kwamba inapokuja suala la kuagiza chakula cha Kiitaliano, watumiaji wanajali zaidi ni mikahawa ipi iliyo karibu nao. Baada ya yote, sote tungetaka kuletewa lasagna au pizza yetu ikiwa bado mbichi na joto, sivyo?
Angalia pia: Mwongozo wa Mwisho wa Kubuni Fikra kwa Wabunifu wa PichaIli kurahisisha kuwasaidia watumiaji wa programu yetu kuona ni mikahawa ipi iliyo karibu zaidi nao. inaweza kutumia kanuni ya ufanano kwa kuangazia migahawa hii katika UI. Katika picha hapa chini unaweza kuona jinsi kuangazia chaguo hizi kwa manjano (upande wa kulia) kunaleta tofauti kubwa kwa kusisitiza kwa macho tofauti kati ya migahawa ya karibu zaidi na ile iliyo mbali zaidi. Hivi ndivyo unavyoweza kutumia kanuni ya ufanano ili kuwasaidia watumiaji wako kupata haraka kile wanachotafuta.
Kwa kutumia kanuni ya Gestalt ya ufanano. Picha na mwandishi.
Sheria ya Ukaribu
Kanuni ya Ukaribu inasema kwamba vitu ambavyo viko karibu na kila kimoja vinaonekana kuwa zaidi kuhusiana kuliko vitu vilivyowekwa mbali zaidi. Kwa mfano, picha ya kwanza na ya pili ina kiasi sawa cha miduara ndani yake. Hata hivyo, katika taswira ya pili safuwima fulani ziko karibu zaidi na zinajenga hisia ya kuwa na vikundi vitatu tofauti badala ya kundi moja kubwa.
Ukaribu - mfano 1 - kundi kubwa. Picha na mwandishi.
Ukaribu - mfano 2 - vikundi vitatu tofauti. Picha na mwandishi.
Kutumia Ukaribu Katika Usanifu wa UX na UI
Hebu tuchukue mfano kutoka kwa uga ya taswira ya maelezo.
Wakati huu, hebu fikiria wewe ni mtendaji mkuu unataka kuona jinsi programu yako ya “Il Mio Chef” inavyofanya kazi. Unataka kuangalia KPI zinazopima utendaji wa kifedha, ushirikishwaji wa watumiaji na kuridhika. Mara ya kwanza, mtaalamu wako wa taswira ya maelezo huunda dashibodi iliyo hapa chini ambayo inakufanya wewe na watendaji wengine wote kupotea katika nambari na kuuliza maswali zaidi. Baada ya mwezi mmoja wengi wenu huacha kutumia dashibodi hii kabisa.
Dashibodi ya KPI - Mpishi wa Il Mio. Picha na mwandishi.
Kwa wakati huu unarudi kwa mtaalamu wako wa taswira ya maelezo na kumwomba kurahisisha watu kuelewa picha kuu kwa kuunda upya dashibodi. Kanuni ya ukaribu inakuja vizuri katika kesi hii, na unaweza kuona muundo mpya hapa chini. Ina makundi matatu yaliyogawanywa na aina ya KPI na husaidia kila mtu kuelewa jinsi programu inavyofanya kazi katika masuala ya utendaji wa kifedha, ushiriki na kuridhika. Kupanga vitu pamoja na kutumia nafasi nyeupe zaidi kati ya vikundi kunaweza kuwasaidia watumiaji wako kumeng'enya taarifa haraka zaidi.
Kwa kutumia kanuni ya Gestalt ya ukaribu katika muundo wa dashibodi. Picha na mwandishi.
Sheria YaMwendelezo
Kanuni ya Mwendelezo inasema kwamba mara jicho linapoanza kufuata kitu, litaendelea kufuata “mwendo” katika mwelekeo huo hadi litakapokutana na kitu kingine. Harakati hii inatusaidia kutambua kitu kama sehemu ya njia sawa tunayopaswa kupitia ili kupata habari. Picha hapa chini inaonyesha jinsi tunavyoweza kutumia kanuni ya mwendelezo kuunda mifumo kama hii ya kuona ambayo huelekeza jicho katika mwelekeo fulani.
Mfano wa kanuni ya Mwendelezo. Picha na mwandishi.
Kutumia Mwendelezo Katika Usanifu wa UX na UI
Mtafiti wako wa UX aliwasilisha ripoti mpya inayoonyesha kwamba motisha kuu ya watumiaji kutumia programu ya "Il Mio Chef" ni uchunguzi wa chakula, kwa kuwa inawaruhusu kufikia migahawa mipya ya vyakula vya Kiitaliano kila wiki. Unaangalia kipimo kinachoonyesha ni mara ngapi watu hutelezesha kidole kwenye chaguo zao kwa kutumia muundo wa sasa wa UI kwenye picha iliyo hapa chini (upande wa kushoto) na uone kwamba hawatawahi kutelezesha kidole zaidi ya mara mbili kwa wastani ili kuona ni chaguo zipi zinazopatikana kwao.
Kwa kutumia kanuni ya mwendelezo (upande wa kulia kwenye picha iliyo hapa chini) mbunifu wako wa UX alisaidia kuongeza idadi hiyo hadi kufikia swipes 10 kwa wastani. Hilo lilifanyikaje? Kwa kuficha sehemu ya picha na kuangazia ukweli unahitaji kutelezesha kidole kushoto au kulia ili kuona kilicho ndani macho ya watumiaji wako yaliongozwa ili kuunda kihalisi harakati za "telezesha kidole" na zilikuwa zaidi.kuhamasishwa kuchunguza migahawa zaidi na kile wanachotoa. Hili ni jambo ubunifu wa awali haukukuchochea kufanya hata kidogo, hata kama tayari una ari ya kufanya hivyo.
Kwa kutumia kanuni ya Gestalt ya kuendelea katika muundo wa UX/UI. Picha na mwandishi.
Kwa muhtasari , kwa kutumia kanuni za Gestalt zilizotolewa katika makala haya katika muundo wako wa UX na UI kunaweza kuwasaidia watumiaji wako kupata taarifa kwa haraka na kwa njia bora zaidi. ni. Kando na hilo, inaweza kuongeza kuridhika kwao na bidhaa yako kwa kuwahamasisha kuchukua hatua wanazopenda zaidi.
Jalada linajumuisha kazi ya sanaa ya Miklos Philips, iliyohaririwa katika Vectornator.
17> 
