Vizuálna komunikácia
Lucia Tokárová
Vizuálna komunikácia
- prezentovanie informácií
- presnejšie – ako efektívne prezentovať informácie s ohľadom na cieľ webu
- premenlivé faktory: cieľ webu, cieľová skupina, aktuálne trendy...
- existujú univerzálnejšie faktory – súvisia s vnímaním človeka, vzormi správania, konvenciami...
Vzory správania užívateľa
- uprednostňovanie obsahu pred formou
- skenovanie obsahu
- netrpezlivosť
- výber prvej možnosti namiesto hľadania optimálnej
- intuitívne správanie
- potreba pocitu kontroly
Vnímanie plochy
- sebavysvetľujúci design (Donald Norman)
- najdôležitejšia oblasť je ľavá horná časť, najmenej výrazná pravá dolná
- Eye-tracking (statická analýza, trasa pohybu, heat map)
- J. Nielsen – Reading Patterns, F-pattern pre skenovanie obsahu
- súvisí s cieľom webu (Quality in webdesign):
- komerčné weby – AIDA (Attention – Interest – Desire – Action)
- informačné weby – CAEC (Content – Attention – Explore – Connect)
Gestalt Theory (1912)
- "tvarová teória" – celok je viac ako suma častí
- vnímanie človeka: holistické, paralelné, analógové a má sebaorganizačné tendencie
- človek podvedome vníma celok, nesústredí sa na časti
- "snaží" sa vidieť veci pravidelné, usporiadané, zjednodušené, symetrické
- zákon uzavretosti, podobnosti, blízkosti, symetrie
- figure-ground fenomén
Gestalt Theory – obrázky
Grid Design
- horizontálne a vertikálne rozdelenie plochy
- súvisí s tendenciou systematizácie obsahu
- uľahčuje podvedomú snahu o organizáciu celku
- na vnímanie človeka pôsobia priaznivo určité pomery (zlatý rez, optický stred...)
- Josef Müller-Brockmann, Jan Tschichold
- základné princípy gridov na webe: Mark Boulton a Khoi Vinh – Grids are good
Konvencie
- dodržiavanie konvencií – pomáha užívatelovi (strmšia krivka učenia, jednoduchšie pamätanie)
- "Výrazné porušovanie konvencií je vhodné len vtedy, keď má výrazný prínos." Alan Cooper
- rozdelenie:
- interné – v rámci aplikácie
- externé – medzi rôznymi aplikáciami (ovládacie prvky)
- z reálneho sveta – preberanie konvencií z každodenného života
Písanie textov pre web
- skenovanie informácií, banner-blidness
- obrátená pyramída – zhrnutie na začiatku
- používanie jednoduchých a krátkych fráz („Nepoužívať päť slov, keď stačia tri.“ Steve Krug), neutrálny a „objektívny“ jazyk – vyhýbať sa emocionálne podfarbeným výrazom, profesionálnemu slangu, technickým výrazom
- kategorizovanie obsahu, odkazy na konci (poskytnutie možnosti pokračovania, vrstvenie informácií)
Typografia na webe
- správna typografia na webe uľahčí skenovanie obsahu, neunavuje, neobťažuje užívateľa
- členenie textu: výrazné nadpisy, zvýrazňovanie dôležitých slov a fráz (s mierou), biely priestor
- čitateľnosť: preklad riadkov, zarovnanie na ľavý okraj, 50–80 znakov na riadku vrátane bielych znakov
- jednotný farebný index textu – prispieva k vyváženému pôsobeniu strany
- I love Typography
Využitie farieb
- zdôraznenie dôležitých informácií -> uľahčenie skenovania obsahu
- informácie prezentované vo farbe sú ľahšie zapamätateľné
- mnemotechnická pomôcka – asociácia farby s určitým objektom
- nevýhody: subjektívne vnímanie, kultúrne a profesionálne asociácie, poruchy farebného vnímania
- nevhodné kombinácie spôsobujú zmätok, optické klamy afterefekty
- Color Matters
Odkazy
- Steve Krug: Don't Make Me Think
- Donald A. Norman: The Design of Everyday Things
- Edward R. Tufte: Envisioning Information
- Alan Cooper: About Face 3: The Essentials of Interaction Design