Edukien taula
UX eta interakzio diseinuaren alorretan eragin handiena duen teoria psikologiko bat Gestalt teoria da. Teoria alemaniar psikologoek sortu zuten eta "Gestalt" hitzak forma edo forma esan nahi du alemanez. Izenak dioen bezala, Gestalt printzipioen atzean dagoen ideia da gizakiak objektu-taldeak eredu gisa hautematen dituela objektu indibidualak baino.
Gestalt printzipioei buruzko artikulu asko daude, baina horietako askok ez dute nola ulertzen laguntzen duten. aplikatu itzazu zure lanean UX/UI diseinatzaile gisa. Artikulu honek Gestalt printzipioak nola erabili behar diren ideia batzuk emango dizkizu UX eta UI diseinu hobeak sortzeko, jendeari esfortzu gutxiagorekin helburuak lortzen lagunduko diotenak.
Antzekotasunaren legea
Antzekotasunaren printzipioak dio objektuak fisikoki antzekoak direnean elkarrekin biltzeko joera dugula eta suposatzen dugula funtzionalitate bera . Esaterako, beheko irudian nahiko erraza da kolore gorria duen zirkulu gorri kolorekoak dituen marra bereiztea irudiaren gainerakoetatik.
Antzekotasun printzipioaren adibide bat. Egilearen argazkia.
Ikusi ere: 80ko hamarkadako diseinu grafikoa aztertzenAntzekotasuna erabiltzea UX eta UI diseinuan
Imajina dezagun zure enpresak garatu duela "Il Mio Chef" izeneko aplikazioa, italiar janari zaleek AEBetan eta Kanadan erabiltzen dutena (erabiliko duguartikuluaren gainerakoa). Zure UX ikertzaileak eman dizun azken txosten batek dioenez, italiar janaria eskatzeko orduan, erabiltzaileek gehienbat zaintzen dute zein jatetxe diren haiengandik hurbilen. Azken finean, denok nahi genuke gure lasagna edo pizza oraindik fresko eta epel dagoen bitartean entregatzea, ezta?
Gure aplikazioaren erabiltzaileei errazagoa izan dadin ikusten zein jatetxe diren haiengandik hurbilen. antzekotasun-printzipioa erabil dezake jatetxe hauek IU-n nabarmenduz. Beheko irudian aukera hauek horiz (eskuinean) nabarmentzeak nolako aldea eragiten duen ikus daiteke, hurbilen dauden jatetxeen eta urrunago daudenen arteko aldea bisualki azpimarratuz. Honela erabil dezakezu antzekotasun-printzipioa zure erabiltzaileek bilatzen dutena azkar aurkitzen laguntzeko.
Antzekotasun-printzipioa Gestalt erabiliz. Egilearen irudia.
Hurbiltasunaren Legea
Hurbiltasunaren printzipioak dio elkarrengandik hurbil dauden objektuak gehiago direla dirudiela. erlazionatuta urrunago dauden objektuak baino. Adibidez, lehenengo irudiak eta bigarren irudiak zirkulu kopuru bera dute. Hala ere, bigarren irudian zutabe batzuk elkarrengandik hurbilago daude eta talde handi baten ordez hiru talde ezberdin izatearen inpresioa sortzen dute.
Hurbiltasuna - 1. adibidea - talde handi bat. Egilearen irudia.
Hurbiltasuna - 2. adibidea - hiru talde ezberdin. Egilearen irudia.
Hurbiltasuna erabiltzea UX eta UI diseinuan
Har dezagun eremuko adibide bat informazioa bistaratzeko.
Oraingo honetan, imajina dezagun exekutibo bat zarela “Il Mio Chef” aplikazioak nola funtzionatzen duen ikusi nahi duzula. Finantza-errendimendua, erabiltzaileen konpromisoa eta gogobetetasuna neurtzen dituzten KPIak aztertu nahi dituzu. Hasieran, zure informazioa bistaratzeko espezialistak beheko aginte-panela sortzen du, zu eta gainerako exekutibo guztiak zenbakietan galdu eta oraindik galdera gehiago eginarazteko. Hilabete baten buruan zuetako askok aginte-panel hau erabiltzeari uzten diozue.
KPI panela - Il Mio Chef. Egilearen irudia.
Ikusi ere: Nola moztu Illustrator-enUne honetan, zure informazioa bistaratzeko espezialistarengana itzultzen zara eta jendeari argazki orokorra errazago ulertzeko eskatuko diozu panela birdiseinatuz. Gertutasunaren printzipioa ondo dator kasu honetan, eta diseinu berria behean ikus dezakezu. KPI motaren arabera banatutako hiru talde ditu eta aplikazioa finantza-errendimenduari, konpromisoari eta gogobetetasunari dagokionez nola dagoen ulertzen laguntzen du. Objektuak elkarrekin taldekatzeak eta taldeen artean zuriune gehiago erabiltzeak zure erabiltzaileei informazioa azkarrago digeritzen lagun diezaieke.
Arbelaren diseinuan hurbiltasunaren Gestalt printzipioa erabiltzeak. Egilearen irudia.
The Law OfJarraitutasuna
Jarraitasunaren printzipioak dio behin begia objektu bati jarraitzen hasten denean, norabide horretako "mugimendua" jarraitzen jarraituko duela beste objektu batekin topo egin arte. Mugimendu honek objektua informazioa bilatzeko egin behar dugun bide bereko parte gisa hautematen laguntzen digu. Beheko irudiak erakusten du nola erabil dezakegun jarraitutasunaren printzipioa begia norabide jakin batean gidatzen duten halako eredu bisualak sortzeko.
Jarraitasun printzipioaren adibide bat. Egilearen irudia.
Jarraitasuna erabiltzea UX eta UI diseinuan
Zure UX ikertzaileak txosten berri bat aurkeztu du erakusten duena Erabiltzaileek "Il Mio Chef" aplikazioa erabiltzeko motibazio nagusia elikagaien esplorazioa dela, astero italiar janari jatetxe berrietara sartzeko aukera ematen baitie. Beheko irudian (ezkerreko aldean) jendeak bere aukeretatik zenbat aldiz igarotzen dituen hatza erakusten duen neurketari begiratzen diozu (ezkerreko aldean) eta ikusten duzu inoiz ez duela bi aldiz baino gehiago irristatu bataz besteko aukerak zeintzuk diren ikusteko.
Jarraitasunaren printzipioa erabiliz (eskuineko aldean beheko irudian) zure UX diseinatzaileak kopuru hori batez beste 10 irristatze ingurura igotzen lagundu zuen. Nola gertatu da hori? Irudiaren zati bat ezkutatuta eta hatza ezkerrera edo eskuinera pasatu behar duzula bertan zer dagoen ikusteko zure erabiltzaileen begiek "hatza" mugimendua literalki sortzera gidatu zuten eta gehiago ziren.jatetxe gehiago eta eskaintzen dutena aztertzeko motibatuta. Hau da aurreko diseinuak ez zintuen batere motibatu, nahiz eta berez horretarako motibatuta egon.
UX/UI diseinuan jarraitutasun-printzipioa erabiltzea. Egilearen irudia.
Laburbilduz, , zure UX eta UI diseinuan artikulu honetan aurkezten diren Gestalt printzipioak erabiliz zure erabiltzaileei informazioa azkarrago aurkitzen eta hobeto digeritzen lagun diezaieke. hura. Gainera, zure produktuarekin duten gogobetetasuna areagotu dezake gehien maite dituzten ekintzak egitera motibatuz.
Azalean Miklos Philipsen artelanak daude, Vectornator-en editatuta.
