EYE TRACKING I DESIGN-UL ECRANULUI

DEFINIIE EYE - TRACKING Metod de urmrire a direciei privirii umane atunci cnd exploreaz un coninut, informnd asupra gradului de atenie acordat elementelor coninutului.

Ecran iniial

Eye Tracking - Ecran iniial

Ecran modificat

Eye Tracking - Ecran modificat

REZULTATE ALE CERCETRILOR

Textul atrage atenia naintea graficii la aduli. Atenia copiilor este atras de imagini. Privirea se focalizeaz stnga - sus (triunghiul de aur) acest lucru este natural i automatizat. Cititul, scanarea coninutului solicit efort, deci plasarea informaiei relevante n aceast zon uureaz sarcina, iar utilizatorii se implic rapid. Informaia mai puin important se plaseaz in celelalte zone (zona oarb). Privitorii prefer spaiul alb pentru c i odihnesc privirea pe el i i ajut s se focalizeze apoi pe informaie. Copiii sunt atrai de culori, dar acestea trebuie s fie culori care relaxeaz. Atenia i interesul sunt pstrate dac site-ul / ecranul este uor de urmrit, butoanele funcioneaz. Imaginile cu oameni atrag. Ochii sunt atrai de fee curate, clare. Utilizatorii prefer fonturi mari i paragrafe mici; prea mult text copleete. Imaginile lipite de text, fr spaii albe n jur sunt mult mai bine fixate. Imaginile interactive i originale atrag mai mult privirea. Oamenii citesc in pattern-uri de tip F (nu cuvnt cu cuvnt), astfel c informaia relevant trebuie pus pe aceast form. Oamenii nu fac click pe ceea ce nu vd!

DESIGN-UL ECRANULUI

Informaia trebuie prezentat clar pe ecran; Informaia trebuie s capteze atenia prin culori i micare; Informaia trebuie s cuprind pentru aduli 5-7-9 obiecte, pentru copii 1-3-5 obiecte prezente simultan pe ecran (obiect = chunk of information); Culorile trebuie folosite consistent i consecvent; semnificaia culorilor trebuie s fie consistent; ntre paginile asemntoare ale acelorai momente, trebuie s se pstreze aezarea elementelor eseniale, a butoanelor, a funciilor; Spaiul ecranului trebuie folosit corespunztor: - stnga sus centru - pentru elemente importante, - dreapta jos - pentru elementele de detaliu.

SEMNIFICAIA CULORILOR

Albastru inspir calm, relaxare, control mental, este linititoare, calmant pentru sistemul nervos. Galben cald, luminoas, stimuleaz creierul, ii ajuta gndirea, memorarea, asimilarea noilor idei. Contribuie la calmarea sistemului nervos. Privit mult timp, d senzaia de oboseal, dar cu ct este mai palid cu att este mai plcut de privit. Verde - este o culoare relaxant, care ne ajut s ne concentrm. Genereaz sentimente de confort, relaxare, calm. Rou cea mai puternic culoare, stimuleaz neuronii - folosit in exces, obosete. Culoarea roie ar trebui folosit doar pentru a sublinia ceva, nu ca i culoare principal. Portocaliu - este o culoare stimulatoare, care ajut foarte mult in sarcinile mentale. Este o culoare vesel, sociabil, mai activ dect galbenul, care las impresia de optimism, veselie, ns pe suprafee ntinse poate fi iritant. Violet - stimuleaz creativitatea i aduce pacea. Roz, turcoaz sunt stimulante. Maro - ajut la crearea unei atmosfere neutre, confortabile si primitoare.

 Indicate

pentru fundal (relaxeaz) - albastru, galben, verde, dar nu de intensitate mare a tonului. Indicate pentru a evidenia elemente sau text (stimuleaz) - rou, portocaliu, violet, roz, turcoaz. Maro este neutru.

Indicate pentru fundal (relaxeaz) - albastru, galben, verde, dar nu de intensitate mare a tonului. o Indicate pentru a evidenia elemente sau text (stimuleaz) - rou, portocaliu, violet, roz, turcoaz. o Maro este neutru.
o

CONCLUZII Se folosc maxim 6 culori pe ecran e de preferat ca ele s fie culori primare; Se folosesc fonturi i culori adecvate:

rou pentru itemi gresii, verde pentru corect, culori pale, linititoare, pentru suprafeele mari pe care s se poat aeza privirea i s se poat odihni; pentru a scoate anumite elemente n eviden trebuie folosite culorile puternice, stimulante, dar nu pe suprafee mari.

TEXTUL I IMAGINEA

Trebuie s existe o calitate ridicat a textului i graficii; Imaginile trebuie s fie relevante pentru informaia textual; Informatia textual este prima ca importan, Imaginile au rol de susinere. Textul bate imaginea, mai ales la aduli. Copiii de primar prefer desenele, textului. Gndirea copiilor de nvmnt primar este empiric, se raporteaz la elemente concrete, ca urmare i reprezentrile trebuie s aib coresponden cu lumea real. Graficele trebuie s fie relevante pentru informaia textual copiilor de primar le place s adauge detalii n desenele lor. Ar trebui ca acest lucru s apar i n desenele pentru ei.; Trebuie s existe un contrast adecvat ntre imagini, text i background (n special pentru SEN) pentru a nu distrage atenia. Trebuie s existe o singur animaie la un moment dat pe ecran. Designul produselor trebuie s fie intuitiv i s sugereze modul n care poate fi accesat momentul i ce trebuie fcut.

SUNETUL

Sunetele trebuie s fie de bun calitate i relevante pentru informaia textual. Sunetul poate spune mai mult dect subtitrareatext de pe ecran, dar trebuie s includ exact sintagmele scrise. Suntetul (vocea): modalitate alternativ, dar nu necesar pentru nelegerea coninutului. Sunetele de aciuni pot fi folosite i cresc valoarea cognitiv a materialului doar dac sunt n consonan cu imaginile. Mijloacele de prezentare (voce, sunete, muzica, imagini statice sau dinamice, texte etc.) s fie bine integrate. Performana maxim n nvare are loc cnd mediul stimuleaz. Muzica crete stimularea, dar stimularea mare poate interfera cu nvarea.