Enhavtabelo
Unu el la plej influaj psikologiaj teorioj en kampoj de UX kaj interaga dezajno estas la Gestalt-teorio. La teorio estis fondita de germanaj psikologoj kaj la vorto "Gestalt" signifas formon aŭ formon en la germana. Kiel la nomo implicas, la ideo malantaŭ la Gestalt-principoj estas, ke homoj perceptas grupojn de objektoj kiel ŝablonoj prefere ol individuaj objektoj.
Estas multaj artikoloj pri la Gestalt-principoj sed ne tiom multaj el ili helpas vin kompreni kiel fari. apliku ilin en via laboro kiel UX/UI-dezajnisto. Ĉi tiu artikolo donos al vi kelkajn ideojn pri kiel uzi la Gestalt-principojn por krei pli bonajn UX kaj UI-dezajnojn, kiuj helpos homojn atingi siajn celojn per malpli da peno.
La Leĝo de Simileco
La principo de Simileco asertas, ke kiam objektoj estas fizike similaj, ni emas grupigi ilin kaj supozas ke ili havas la sama funkcio . Ekzemple, en la suba bildo estas sufiĉe facile distingi la linion kiu enhavas burgundaj ruĝaj cirkloj de la resto de la bildo pro ĝia malsama koloro.
Ekzemplo de la principo de simileco. Foto de aŭtoro.
Uzado de Simileco en UX kaj UI-Dezajno
Ni imagu, ke via kompanio evoluigis aplikaĵo nomita "Il Mio Chef", kiu estas uzata de italaj manĝŝatantoj tra Usono kaj Kanado (Ni uzos ĝin por laresto de ĉi tiu artikolo). Lastatempa raporto, kiun via UX-esploristo transdonis al vi, deklaras, ke kiam temas pri mendi italajn manĝaĵojn, uzantoj plejparte zorgas pri kiuj restoracioj estas la plej proksimaj al ili. Post ĉio, ni ĉiuj volus havi nian lasanjon aŭ picon liveritaj dum ĝi estas ankoraŭ freŝa kaj varma, ĉu ne?
Por faciligi helpi niajn uzantojn de la aplikaĵo vidi kiuj restoracioj estas la plej proksimaj al ili. povas uzi la principon de simileco elstarigante ĉi tiujn restoraciojn en la UI. En la suba bildo vi povas vidi kiel reliefigi ĉi tiujn opciojn flava (dekstre) faras grandan diferencon videble emfazante la diferencon inter la plej proksimaj restoracioj kaj tiuj, kiuj estas pli malproksime. Jen kiel vi povas uzi la principon de simileco por helpi viajn uzantojn rapide trovi tion, kion ili serĉas.
Uzante la Gestalt-principon de simileco. Bildo de aŭtoro.
La Leĝo de Proksimeco
La principo de Proksimeco asertas, ke objektoj kiuj situas proksime unu al la alia ŝajnas esti pli rilataj ol objektoj kiuj estas pli malproksimigitaj. Ekzemple, la unua bildo kaj la dua bildo havas la saman kvanton da cirkloj en ili. Tamen en la dua bildo certaj kolumnoj estas pli proksimaj unu al la alia kaj kreas la impreson havi tri apartajn grupojn anstataŭ unu granda grupo.
Proksimeco - ekzemplo 1 - granda grupo. Bildo de aŭtoro.
Proksimeco - ekzemplo 2 - tri apartaj grupoj. Bildo de aŭtoro.
Uzado de Proksimeco en UX kaj UI-Dezajno
Ni prenu ekzemplon el la kampo de informa bildigo.
Vidu ankaŭ: Malhela Reĝimo: Ĉiuj Avantaĝoj kaj Malavantaĝoj KonsiderindajĈi-foje, ni imagu, ke vi estas ekzekutivo, kiu volas vidi kiel funkcias via aplikaĵo “Il Mio Chef”. Vi volas rigardi KPIojn, kiuj mezuras financan rendimenton, uzantan engaĝiĝon kaj kontenton. Komence, via specialisto pri informa bildigo kreas la panelon sube, kiu igas vin kaj ĉiuj aliaj ekzekutivoj perdiĝi en la nombroj kaj demandi eĉ pli da demandoj. Post unu monato multaj el vi tute ĉesas uzi ĉi tiun panelon.
KPI-panelo - Il Mio Chef. Bildo de aŭtoro.
Je ĉi tiu punkto vi reiras al via informa specialisto pri bildigo kaj petas ŝin faciligi al homoj kompreni la grandan bildon per restrukturado de la panelo. La principo de proksimeco utilas en ĉi tiu kazo, kaj vi povas vidi la novan dezajnon sube. Ĝi enhavas tri grupojn dividitajn per la speco de KPI kaj ĝi helpas ĉiujn kompreni kiel la programo fartas laŭ financa rendimento, engaĝiĝo kaj kontento. Grupigi objektojn kune kaj uzi pli da blanka spaco inter la grupoj povas helpi viajn uzantojn digesti informojn pli rapide.
Uzante la Gestalt-principon de proksimeco en paneldezajno. Bildo de aŭtoro.
La Leĝo DeKontinueco
La principo de Kontinueco asertas, ke post kiam la okulo komencas sekvi objekton, ĝi daŭrigos sekvi la "movon" en tiu direkto ĝis ĝi renkontos alian objekton. Ĉi tiu movado helpas nin percepti la objekton kiel parto de la sama vojo, kiun ni devas trairi por trovi informojn. La suba bildo montras kiel ni povas uzi la principon de kontinueco por krei tiajn vidajn ŝablonojn, kiuj gvidas la okulon en aparta direkto.
Ekzemplo de la principo de Kontinueco. Bildo de aŭtoro.
Uzante Kontinuecon En UX kaj UI-Dezajno
Via UX-esploristo prezentis novan raporton kiu montras ke la ĉefa instigo por uzantoj uzi la apon "Il Mio Chef" estas manĝesplorado, ĉar ĝi permesas al ili aliron al novaj italaj manĝrestoracioj ĉiusemajne. Vi rigardas la metrikon, kiu montras kiom da fojoj homoj svingas tra siaj elektoj kun la nuna UI-dezajno en la bildo malsupre (maldekstra flanko) kaj vidas, ke ili neniam svingas pli ol dufoje averaĝe por vidi, kiaj opcioj estas disponeblaj por ili.
Uzante la principon de kontinueco (dekstra flanko sur la suba bildo) via UX-dezajnisto helpis pliigi tiun nombron al ĉirkaŭ 10 svingoj averaĝe. Kiel tio okazis? Kaŝante parton de la bildo kaj reliefigante la fakton, ke vi devas gliti maldekstren aŭ dekstren por vidi kio estas tie en la okuloj de viaj uzantoj estis gviditaj por laŭvorte krei la "gliti" movadon kaj estis pli.motivitaj esplori pli da restoracioj kaj kion ili ofertas. Ĉi tio estas io la pli frua dezajno tute ne instigis vin fari, eĉ se vi jam estas esence instigita fari tion.
Uzante la Gestalt-principon de kontinueco en UX/UI-dezajno. Bildo de aŭtoro.
En resumo , uzi la Gestalt-principojn prezentitajn en ĉi tiu artikolo en via UX kaj UI-dezajno povas helpi viajn uzantojn trovi informojn pli rapide kaj pli bone digesti ĝi. Krome, ĝi povas pliigi ilian kontenton pri via produkto instigante ilin fari la agojn, kiujn ili plej amas.
Kovrilo inkluzivas artaĵojn de Miklos Philips, redaktitan en Vectornator.
Vidu ankaŭ: La 12 Plej Bonaj Ekzemploj pri Grafika Dezajno de Vectornator
