Bevezetés a szoftver-ergonómiába

Az előadások a következő témára: "Bevezetés a szoftver-ergonómiába"— Előadás másolata:

1 Bevezetés a szoftver-ergonómiába
3.5. Ernyőképek tervezése Színek

2 3.5.5. Elvek színek használatához
(S35-5-Színekelvek-olvasmány) Színek

3 A színekről, általában A színes ernyőkép vonzóbb
Gyorsabban értelmezzük, bár többet nem tudunk meg belőle (!) Jelentése hosszabban megőrződik Színek

4 A színekről, általában A szín lehet - önálló jelentéshordozó, - vagy csak kiegészítő A színek szerepe: informatív: megkülönböztető, vagy asszociált kóddal pszichológiai: szándékolt, vagy önkéntelen esztétikai: művészet, reklám Színek

5 A színekről, általában Értékelési szempontok: fiziológiai és pszichológiai hatások az információ kiolvashatósága (legibility) kognitív hatás; a feladat megoldására az eszközök (képernyő) lehetőségei Színek

6 A színekről, általában Az elvek érvényességi köre! Képernyők és nyomtatók, nyomda képernyő és vetítés (sötétben) fiatalok és idősebbek télen és nyáron, reggel-délben-este A színösszetevők konverziójának nehézségei Színek

7 Általános elvek Az ernyőképet először tervezzük meg egyszínűre - elrendezés, méretek, alakok, stb. - a szín legyen hozzáadott érték - színekkel nem lehet rossz képet rendbe hozni - színtévesztők számára is legyen érthető - egy színes képernyővel azonos elrendezésű (ff) űrlapok is lehetnek A (papíron készült) tervet ellenőrizzük (több) képernyőn Színek

8 Általános elvek A színeket mértékkel és konzervatívan használjuk ! - túl sok szín között nehéz eligazodni - a túl élénk színek fárasztanak - kiemelni csak kevés elemet érdemes („mindenki tercel”) Színek

9 Kódolás színekkel Egy képen legfeljebb 5(4) ± 2
Következetesen (egyöntetűen, konzisztensen) Az egész iratban (előadásban) legfeljebb 7-8 szín Hasonlókat színárnyalatokkal Adjál színmutatót (jelentés-magyarázatot) Színek

10 Kódolás színekkel Redundáns kódolás: szín és méret
Redundáns kódolás: színezet és világosság Több szín esetén a háttér legyen semleges (szürke) Vigyázz a szín-asszociációkkal Sorrendiség kódolása: spektrális sorrend Színek

11 Szín-asszociációk Asszociációk: önkéntelen társítások
Általános emberi, társadalmi, foglalkozási, egyéni,… Erős és gyenge asszociációk: piros-zöld Színek

12 Szín-asszociációk A nyugati kultúrákban piros: állj, veszély, forró, tűz, közeli, sárga: óvatosság, lassan, ellenőrzés zöld: mehet, rendben, érthető, biztonság, növényzet kék: hideg, víz, nyugalom, ég, távoli, biztonság meleg színek: tevékenység, közelség hideg színek: állapot, távolság szürke, fehér: semlegesség Színek

13 „szín-szleng”- egyes területeken
Pl. a kék: az amerikai moziban: gyengédség Pénzügyekben: megbízhatóság Egészségügyben: halál Atomerőművekben: hideg, víz Színek

14 Egyes színekről Vörös: veszély, hiba, forró erős hatás: kék-vörös, vagy zöld-vörös ellentét Zöld: normális állapot (? Mohamedánok?) Kék: hideg, víz (sötét háttéren nehezebben kivehető!) Továbbá: természetes emberi asszociációk szakmai asszociációk Színek

15 Háttér és előtér Előtér: feliratok és vékony vonalak
Jobb: kontraszt két színösszetevőben színezet és világosság Papírról dogozva jobb a fehér (világos) háttér Vetítésnél jobb a sötét háttér Sötétkék háttéren fehér, sárga (rossz: zöld) Kerüljük a vörös-zöld, vörös-kék párokat Az élénk színek nagy felületen fárasztják a szemet Színek

16 Színek a kép közepén és szélein
A színérzékelő elemek eloszlása a szemben Fekete, fehér, sárga, kék: a kép szélein is Piros és zöld: a kép közepén; a szélein nagyobb méretben, vagy villogtatva Színek

17 Navigare necesse est ! Szemelvények …
Számtalan szempont, az egyik szerint jó, a másik szerint nem jó; gyakran ellentétes ajánlások Az elvek hatásköre és súlya adott esetekben Színek