Turinys
Viena įtakingiausių psichologinių teorijų UX ir sąveikos dizaino srityse yra geštalto teorija. Šią teoriją sukūrė vokiečių psichologai, o žodis "geštaltas" reiškia forma arba forma Kaip matyti iš pavadinimo, geštalto principų esmė yra ta, kad žmonės suvokia objektų grupes kaip modelius, o ne atskirus objektus.
Yra daug straipsnių apie geštalto principus, tačiau ne tiek daug jų padeda suprasti, kaip juos pritaikyti savo, kaip UX / UI dizainerio, darbe. Šiame straipsnyje pateiksime keletą idėjų, kaip naudoti geštalto principus kuriant geresnius UX ir UI dizainus, kurie padėtų žmonėms pasiekti savo tikslus įdedant mažiau pastangų.
Taip pat žr: 16 iliustravimo kursų, kuriuos galite lankyti internetuPanašumo dėsnis
Panašumo principas teigia, kad kai objektai yra fiziškai panašūs, mes linkę juos sugrupuoti. ir manyti, kad jie turi tas pats funkcionalumas . Pavyzdžiui, toliau pateiktame paveikslėlyje dėl skirtingos spalvos gana lengva atskirti liniją, kurioje yra bordo raudonos spalvos apskritimai, nuo likusios paveikslėlio dalies.
Panašumo principo pavyzdys. Autoriaus nuotr.
Panašumo naudojimas UX ir vartotojo sąsajos dizaine
Taip pat žr: Trumpa filmų pavadinimų dizaino istorijaĮsivaizduokime, kad jūsų įmonė sukūrė programėlę "Il Mio Chef", kuria naudojasi itališko maisto mėgėjai visoje JAV ir Kanadoje (toliau šiame straipsnyje naudosime šią programėlę). Neseniai jūsų UX tyrėjo jums pateiktoje ataskaitoje teigiama, kad užsisakant itališką maistą naudotojams labiausiai rūpi, kurie restoranai yra arčiausiai jų. Juk visi norėtume, kad mūsųlazaniją ar picą, pristatytą, kol ji dar šviežia ir šilta, ar ne?
Kad programėlės naudotojams būtų lengviau suprasti, kurie restoranai yra arčiausiai jų, galime pasinaudoti panašumo principu ir šiuos restoranus išryškinti vartotojo sąsajoje. Toliau pateiktame paveikslėlyje matote, kaip šių parinkčių išryškinimas geltona spalva (dešinėje) labai skiriasi, nes vizualiai pabrėžia skirtumą tarp arčiausiai esančių ir toliau esančių restoranų. Taip galitegalite naudoti panašumo principą, kad naudotojams būtų lengviau greitai rasti tai, ko jie ieško.
Naudojant geštalto panašumo principą. Autoriaus nuotr.
Artumo dėsnis
Artumo principas teigia, kad arti vienas kito esantys objektai yra labiau susiję Pavyzdžiui, pirmajame ir antrajame paveikslėlyje yra tiek pat apskritimų. Tačiau antrajame paveikslėlyje tam tikri stulpeliai yra arčiau vienas kito, todėl susidaro įspūdis, kad yra trys atskiros grupės, o ne viena didelė grupė.
Artumas - 1 pavyzdys - didelė grupė. Autoriaus nuotr.
Artumas - 2 pavyzdys - trys skirtingos grupės. Autoriaus nuotr.
Artimumo naudojimas UX ir vartotojo sąsajos dizaine
Paimkime pavyzdį iš informacijos vizualizavimo srities.
Šį kartą įsivaizduokime, kad esate vadovas, norintis sužinoti, kaip veikia jūsų programėlė "Il Mio Chef". Norite peržiūrėti pagrindinius rodiklius, kuriais matuojami finansiniai rezultatai, naudotojų įsitraukimas ir pasitenkinimas. Iš pradžių jūsų informacijos vizualizavimo specialistas sukuria toliau pateiktą prietaisų skydelį, kuris priverčia jus ir visus kitus vadovus pasiklysti skaičiuose ir užduoti dar daugiau klausimų. Po mėnesio daugelis iš jūsųapskritai nustokite naudoti šį prietaisų skydelį.
KPI prietaisų skydelis - Il Mio Chef. Autoriaus nuotr.
Šiuo metu grįžtate pas informacijos vizualizavimo specialistę ir paprašote, kad ji, pertvarkydama prietaisų skydelį, palengvintų žmonėms suprasti bendrą vaizdą. Šiuo atveju praverčia artumo principas, ir toliau matote naująjį dizainą. Jame yra trys grupės, suskirstytos pagal KPI tipą, ir tai padeda visiems suprasti, kaip programėlei sekasi finansiškai.objektų grupavimas ir daugiau baltosios erdvės tarp grupių gali padėti naudotojams greičiau įsisavinti informaciją.
Artimumo geštalto principo taikymas kuriant prietaisų skydą. Autoriaus nuotr.
Tęstinumo dėsnis
Tęstinumo principas teigia, kad, pradėjusi sekti objektą, akis toliau seks "judėjimą" ta kryptimi, kol susidurs su kitu objektu. Šis judėjimas padeda suvokti objektą kaip to paties kelio, kurį turime nueiti norėdami rasti informaciją, dalį. Toliau pateiktame paveikslėlyje parodyta, kaip galime pasinaudoti tęstinumo principu, kad sukurtume tokius vizualinius modelius, kuriais vadovaujamasiakis tam tikra kryptimi.
Tęstinumo principo pavyzdys. Autoriaus nuotr.
Tęstinumo naudojimas UX ir vartotojo sąsajos dizaine
Jūsų UX tyrėjas pristatė naują ataskaitą, iš kurios matyti, kad pagrindinė naudotojų motyvacija naudotis programėle "Il Mio Chef" yra maisto tyrinėjimas, nes ji suteikia galimybę kiekvieną savaitę susipažinti su naujais itališko maisto restoranais. Peržiūrėkite toliau pateiktame paveikslėlyje (kairėje pusėje) pateiktą metriką, rodančią, kiek kartų žmonės perbraukia per parinktis su dabartiniu vartotojo sąsajos dizainu, ir pamatysite, kad jie niekada neperbraukia daugiau nei du kartus.vidurkį, kad sužinotų, kokios yra jų galimybės.
Naudodamasis tęstinumo principu (dešinėje žemiau esančio paveikslėlio pusėje), jūsų UX dizaineris padėjo padidinti šį skaičių vidutiniškai iki maždaug 10 perbraukimų. Kaip tai pavyko? Paslėpus dalį paveikslėlio ir pabrėžus, kad reikia perbraukti į kairę arba į dešinę, kad pamatytumėte, kas ten yra, naudotojų akys buvo nukreiptos tiesiogine prasme sukurti "perbraukimo" judesį ir jie buvo labiau motyvuoti tyrinėti daugiau restoranų.tai, ką jie siūlo. Ankstesnis dizainas visiškai nemotyvavo jūsų tai daryti, net jei jau iš prigimties esate motyvuoti tai daryti.
Geštalto tęstinumo principo naudojimas UX/UI dizaine. Autoriaus nuotr.
Apibendrinant , šiame straipsnyje pateiktų geštalto principų taikymas UX ir vartotojo sąsajos dizaine gali padėti naudotojams greičiau rasti informaciją ir geriau ją įsisavinti. Be to, tai gali padidinti jų pasitenkinimą jūsų produktu, nes motyvuos juos atlikti veiksmus, kurie jiems labiausiai patinka.
Viršelio viršelyje yra Mikloso Philipso piešinys, redaguotas "Vectornator" programa.
