100 hlavných princípov dizajnu. Ako si udržať pozornosť Susan Weinšenková
(zatiaľ žiadne hodnotenia)
Názov: 100 hlavných princípov dizajnu. Ako si udržať pozornosť
O knihe „100 základných princípov dizajnu. Ako udržať pozornosť" Susan Weinshenk
Dizajn nie je len projekt interiéru, firemnej identity alebo webovej stránky. Ide o celý proces, ktorý zahŕňa nielen kompetentný výber farieb, veľkostí a tvarov prvkov, ale aj zohľadnenie ľudskej psychológie. Všimli ste si, že jedna reklama priťahuje vašu pozornosť, zatiaľ čo iná, dokonca aj na billboardoch, si ju ani nevšimnete?
Kniha „100 hlavných princípov dizajnu. Ako udržať pozornosť“ vám povie, ako udržať pozornosť spotrebiteľov na vašej reklame. To vám umožní zvýšiť predaj alebo návštevnosť webu.
Človek skúma to, čo ho zaujíma, podľa určitého vzoru – cik-cak si pozrie webovú stránku alebo stránku v časopise. To stačí na pochopenie plného významu toho, čo je napísané a zobrazené. Ak sa budete držať tohto jednoduchého pravidla, budete môcť umiestniť svoje najdôležitejšie informácie tam, kde si ich určite všimnete.
Okrem iného kniha „100 základných princípov dizajnu. Ako udržať pozornosť“ Susan Weinshenk bude hovoriť o tom, ako prinútiť spotrebiteľov, aby robili to, čo chcete, ako zamerať ich pozornosť na najdôležitejšie informácie, ako používať rôzne farby, ako si vybrať veľkosť a štýl písma tak, aby naozaj fungujú.
Susan Weinshenk je doktorkou psychológie. Pracovala na modernom výskume ľudského správania, analyzovala údaje a potom vytvorila knihu, ktorá obsahuje všetky tajomstvá psychológie moderného človeka.
Ľudia sú dnes trochu iní ako pred niekoľkými desaťročiami. Všetci sme sa naučili surfovať na webe, teda rýchlo prezerať stránky na internete, bez toho, aby sme si prečítali všetky informácie, len sme si všimli niečo dôležité pre seba. Preto musia dizajnéri brať do úvahy poradie, v akom si človek stránku prezerá, aby na tieto miesta mohli umiestniť kontaktné informácie spoločnosti alebo užitočné informácie o produktoch.
Kniha Susan Weinschenkovej 100 základných princípov dizajnu. Ako udržať pozornosť“ bude užitočné pre každého, kto sa podieľa na projektoch dizajnu. Vďaka užitočným informáciám, ktoré sa z tejto publikácie dozviete, budete môcť vytvárať návrhy, ktoré sú nielen atraktívne na pohľad, ale aj efektívnejšie, premyslené z pohľadu psychológie človeka.
Poznatky z tejto knihy navyše môžete uplatniť nielen v dizajne, ale v širšej oblasti. Je tu viac psychológie, ako moderný človek myslí a koná, takže sa môžete stať spoločenskejšími, pochopiť svojich partnerov a uhádnuť ich túžby.
Na našej webovej stránke o knihách si môžete stiahnuť stránku zadarmo bez registrácie alebo si online prečítať knihu „100 základných princípov dizajnu. Ako si udržať pozornosť“ od Susan Weinshenk vo formátoch epub, fb2, txt, rtf, pdf pre iPad, iPhone, Android a Kindle. Kniha vám poskytne veľa príjemných chvíľ a skutočné potešenie z čítania. Plnú verziu si môžete zakúpiť u nášho partnera. Tiež tu nájdete najnovšie správy z literárneho sveta, dozviete sa biografiu svojich obľúbených autorov. Pre začínajúcich spisovateľov je tu samostatná sekcia s užitočnými tipmi a trikmi, zaujímavými článkami, vďaka ktorým si môžete sami vyskúšať literárne remeslá.
Citáty z knihy „100 základných princípov dizajnu. Ako udržať pozornosť" Susan Weinshenk
Stimulačné signály na obrazovke počítača Pri navrhovaní aplikácie alebo webovej stránky myslite na stimulačné signály, ktoré budú vysielať objekty na obrazovke. Zamysleli ste sa napríklad niekedy nad tým, čo prinúti ľudí kliknúť na tlačidlo? Tieň tlačidla je signál, ktorý jasne naznačuje, že tlačidlo možno stlačiť a že stlačenie je spôsob, vďaka ktorému tlačidlo funguje.
Použite tiene na zvýraznenie objektu, keď je vybraný alebo aktívny.
Vyhnite sa nevhodným stimulačným signálom.
Upravte signály po umiestnení kurzora myši, ak plánujete používať webové aplikácie na viacdotykových zariadeniach.
Dajte svojmu textu zmysluplné nadpisy. To je veľmi dôležité pre ďalšie vnímanie textu.
Vždy majte na pamäti svoje cieľové publikum. Ak je text určený pre široký okruh čitateľov, používajte jednoduché slová.
Medzi pätkovým a bezpätkovým písmom nie je rozdiel v čitateľnosti.
Nezvyčajné a príliš dekoratívne písmo môže narúšať rozpoznávanie vzorov a znižovať rýchlosť čítania.
Ak majú ľudia problémy s čítaním písma, majú tendenciu preniesť tento pocit do textu ako celku a môžu sa rozhodnúť, že učivo v texte je ťažko pochopiteľné.
Použite postupné zverejňovanie. Poskytnite správne informácie v správnom čase.
Stojíte pred voľbou: kliknutie myšou alebo duševné úsilie? Vyberte kliknutie myšou.
Pred použitím konzistentného zisťovania sa uistite, že viete, čo a kedy chce väčšina ľudí na vašom webe nájsť.
Niektorí hovoria, že je to preto, že farboslepí ľudia nie sú zmätení farebnými škvrnami, iní - pretože vnímajú obrázky, tvar a textúru jemnejšie. Nech je to akokoľvek, pre niektorých farboslepých maskovanie nie je kamufláž, čo sa nedá povedať o tých, ktorí majú plnofarebné videnie.
Možno si ľudia na vašej webovej stránke nevšimnú niečo, čomu ste venovali toľko úsilia a úsilia, aby ste ju umiestnili v nádeji, že prekvapíte svet? Ľudské vnímanie závisí od úrovne výcviku, vedomostí, stupňa oboznámenia sa s materiálom, na ktorý sa človek pozerá, a od mentálnych modelov človeka.
Tu je to, čo upúta vašu pozornosť najviac:
čokoľvek, čo sa pohybuje (napríklad video alebo animácia);
oči, ktoré sa pozerajú priamo na nás;
obrázky, ktoré obsahujú jedlo, sex alebo nebezpečenstvo;
príbehy;
hlasné zvuky (ktoré budú v zásade pokryté 48).
Na pamiatku Milesa a Janet Schwartzových. Škoda, že si túto knihu nebudete môcť prečítať.
Poďakovanie
Obrovská vďaka patrí celému môjmu skvelému tímu v Peachpite, najmä môjmu redaktorovi Jeffovi Rileymu, s ktorým som si denne vymieňal maily. Ďakujem Michaelovi Nolanovi za pomoc pri písaní tejto knihy. Ďakujeme Guthrie Weinschenk za fotografie, Maisie Weinschenk za skvelé nápady a Petrovi Weinschenkovi za jeho podporu a trpezlivosť. A ďakujem všetkým, ktorí čítajú môj blog, chodia na moje prezentácie a celkovo ma počúvajú, keď hovorím o psychológii. Vyjadrujete hodnotné myšlienky, názory, a preto pokračujem v písaní o psychológii a dizajne.
Psychológia dizajnu
Či už vytvárate webovú stránku, zdravotnícke vybavenie alebo akýkoľvek iný produkt, vašu cieľovú skupinu tvoria ľudia, ktorí si zaslúžia dobrý dizajn.
A je vašou priamou zodpovednosťou dobre poznať svoje cieľové publikum.
Ako ľudia rozmýšľajú? Ako sa rozhodujú? Čo prinúti človeka kliknúť na tlačidlo alebo niečo kúpiť? Ako prinútiť ľudí, aby robili to, čo chcete?
To všetko sa dozviete z tejto knihy. Dozviete sa, ako upútať pozornosť ľudí, aké chyby robia a prečo a ešte oveľa viac, čo vám pomôže vylepšiť váš dizajn.
A môžete skutočne vylepšiť dizajn - pretože väčšinu ťažkej práce som už urobil za vás.
Patrím do tej zvláštnej kategórie ľudí, ktorí sa radi vŕtajú vo výskume, prehrabávajú sa v obrovskom množstve materiálov. Tak čítam a občas prečítaj si to znova desiatky kníh a stovky vedeckých článkov a vybrané z môjho pohľadu najzaujímavejšie teórie, koncepty a vedecké výskumy.
Tie som potom skombinoval s vlastnými skúsenosťami získanými počas dlhoročných skúseností s dizajnovaním.
A teraz držíte v rukách výsledok tejto práce: 100 základných princípov dizajnu – alebo 100 vecí, o ktorých si myslím, že by ste mali vedieť o ľuďoch.
Ako vidí človek
Vízia je hlavným kanálom vnímania. Polovica mozgových zdrojov sa využíva na spracovanie a interpretáciu vizuálnych informácií. To, čo vnímajú naše oči, je len časť celkového procesu. Obrazy vstupujúce do mozgu sa upravujú a interpretujú. Môžeme oprávnene povedať, že mozog „vidí“.
1. To, čo vidíme, sa líši od údajov vstupujúcich do mozgu.
Existuje zaužívané presvedčenie, že pri chôdzi alebo napríklad prehliadke pamiatok naše oči prenášajú informácie do mozgu, ktorý ich spracováva a podáva reálny obraz toho, čo nás obklopuje. Ale naše oči nefungujú ako kamera, ktorá objektívne zachytáva svet. V skutočnosti pôsobia v spojení s mozgom, ktorý určitým spôsobom „interpretuje“ viditeľný svet. Mozog neustále interpretuje všetko, čo vidíte. Pozrite sa napríklad na obr. 1.1.
Ryža. 1.1. Vidíte trojuholníky, ale v skutočnosti žiadne nie sú
Čo vám „hovoria“ oči? V pozadí môžete vidieť čierny obrys trojuholníka s bielym obráteným trojuholníkom navrchu. Ale to vôbec nie je to, čo je v skutočnosti prítomné na obrázku, však? V skutočnosti sú tam len čiary a čiastočne vyplnené kruhy. Váš mozog „vytvorí“ obrátený biely trojuholník z prázdneho priestoru, pretože to je to, čo očakávate, že uvidíte. Táto ilúzia sa nazýva trojuholník Kanizsa, pomenovaný po talianskom fyziológovi Gaetanovi Kanizsovi, ktorý tento efekt preukázal v roku 1955. Teraz sa pozrite na obr. 1.2, čo vytvára podobnú ilúziu obdĺžnika.
Ryža. 1.2. Príklad Kanizsovho obdĺžnika
Mozog využíva stereotypy
Náš mozog používa stereotypy na rýchle spracovanie informácií o svete okolo nás. Každú sekundu prijíma milióny zmyslových signálov a snaží sa pochopiť význam každého z nich. Na základe praktických úvah a na základe predchádzajúcich skúseností mozog interpretuje vizuálne signály. Táto metóda zvyčajne funguje hladko, ale niekedy sa vyskytnú chyby.
Používanie rôznych tvarov a farieb môže ovplyvniť to, čo ľudia vidia (alebo si myslia, že vidia). Obrázok 1.3 ukazuje, ako farba pomáha presúvať pozornosť z jednej správy na druhú.
Ryža. 1.3. Farba a tvary môžu ovplyvniť to, čo ľudia vidia
Ak chcete niečo vidieť v tme, nepozerajte sa priamo na to
Oko obsahuje 7 miliónov čapíkov (bunky sietnice), ktoré zabezpečujú zrakové vnímanie celej palety farieb počas dňa, a 125 miliónov tyčiniek (buniek sietnice), zabezpečujúcich videnie za šera a v noci. Kužele sa nachádzajú vo fovee (centrálne zorné pole) a tyčinky sú rovnomerne rozmiestnené na sietnici. Ak teda chcete niečo vidieť pri slabom osvetlení, nepozerajte sa priamo na to.
Optické ilúzie - príčina chýb
Optické ilúzie sú príkladom toho, ako mozog interpretuje to, čo vidia oči. Napríklad na obr. 1.4 sa ľavý riadok javí dlhší ako pravý, hoci sú v skutočnosti rovnaké. Tento efekt je pomenovaný po Franzovi Muller-Lyerovi, ktorý ho objavil v roku 1889.
Ryža. 1.4. Tieto čiary sú v skutočnosti rovnako dlhé
Obraz, ktorý vidíme, je plochý, nie trojrozmerný
Svetelné lúče vstupujú do oka cez rohovku a šošovku. Šošovka (čo je šošovka) zaostrí obraz na sietnicu. Sietnica vždy vytvára dvojrozmerný obraz, aj keď je pozorovaný objekt trojrozmerný. Tento obrázok je odoslaný do zrakovej kôry, kde dochádza k rozpoznávaniu vzorov, napríklad: „Och, viem, čo to je – toto sú dvere.“ Práve v mozgovej kôre sa dvojrozmerný obraz mení na trojrozmerný.
Vizuálna kôra mozgu zhromažďuje všetky informácie dohromady
Podľa Johna Medinu (2009) svetelné lúče prechádzajú cez zrenicu, šošovku a sklovec, presne dopadajú na sietnicu a vytvárajú na nej jasné obrazy predmetov. Svetlocitlivé bunky v oku premieňajú svetlo na elektrické signály a posielajú tieto signály v samostatných stopách do obzvlášť citlivých nervových zakončení. Niektoré stopy obsahujú informácie o tieňoch, iné informácie o pohybe atď. Dvanásť z týchto stôp je potom odoslaných do zrakovej kôry. Rôzne oblasti kôry reagujú na tieto informácie a spracovávajú ich. Napríklad jedna oblasť reaguje iba na čiary pod uhlom 40°, ďalšia na farbu, tretia na pohyb a štvrtá na hranice. V konečnom dôsledku všetky tieto údaje zapadajú do dvoch stôp: jedna určuje pohyb (pohybuje sa objekt?) a druhá určuje polohu (ako sa objekt nachádza vo vzťahu ku mne?).
závery
Možno si ľudia na vašej webovej stránke nevšimnú niečo, čomu ste venovali toľko úsilia a úsilia, aby ste ju umiestnili v nádeji, že prekvapíte svet? Ľudské vnímanie závisí od úrovne výcviku, vedomostí, stupňa oboznámenia sa s materiálom, na ktorý sa človek pozerá, a od mentálnych modelov človeka.
Vaše predpoklady o tom, čo ľudia vidia na webovej stránke, sa nemusia zhodovať s tým, čo v skutočnosti vidia.
Môžete presvedčiť ľudí, aby videli veci určitým spôsobom.
2. Periférne videnie sa používa viac ako centrálne videnie na pochopenie podstaty videného.
Máme dva typy videnia: centrálne a periférne. Centrálne videnie sa používa na rozlíšenie detailov. Periférne videnie pokrýva zvyšok viditeľného poľa - oblasti, ktoré vidíme, ale nepozeráme sa priamo. Periférne videnie vám umožňuje vidieť veci z uhlov, na ktoré vaše oči nie sú zvyknuté, a nový výskum z Kansas State University ukazuje, že hrá dôležitejšiu úlohu v chápaní sveta okolo nás, než sa doteraz predpokladalo. Ukazuje sa, že informácie o svete okolo nás prijímame z nášho periférneho videnia.
Adam Larson a Lester Loschky (2009) ukázali divákom obyčajné obrázky, ako napríklad fotografie kuchyne či obývačky. Na niektorých obrázkoch bola vonkajšia časť vyrezaná, zatiaľ čo na iných bola vyrezaná stredná časť. Obrázky boli zobrazené na veľmi krátky čas a cez špeciálny sivý filter, takže boli ťažko viditeľné (pozri obr. 2.1–2.2). Účastníci štúdie boli potom požiadaní, aby povedali, čo videli.
Ryža. 2.1. Fotografia zobrazujúca centrálnu časť experimentu Larson a Loschka
Ryža. 2.2. Fotografia zobrazujúca perifériu v experimente Larson a Loschka
Larson a Loschki zistili, že pri absencii centrálnej časti obrazu boli ľudia stále schopní rozlíšiť kuchyňu od obývačky. Ak však okrajová časť chýbala, „testované osoby“ nemohli o miestnosti povedať nič. Vedci počas experimentu vystrihovali fragmenty fotografií rôznych veľkostí a dospeli k záveru, že za rozpoznávanie jednotlivých predmetov je zodpovedné najmä centrálne videnie, no celkový význam obrazu uchopuje periférne videnie.
Naši predkovia prežili vďaka periférnemu videniu
Náš vzdialený predok, ktorý si bezstarostne brúsil svoj kamenný nôž alebo hľadel na oblaky a zbadal plaziaceho sa jaskynného leva, dokázal prežiť a pokračovať vo svojej rodine. Každý, kto mal slabé periférne videnie, skončil v žalúdku leva, a preto nemohol odovzdať svoje gény svojim potomkom.
Nedávny výskum podporuje tento koncept. Dimitri Bayle (2009) umiestnil obrazy nebezpečných predmetov buď do centrálneho alebo periférneho zorného poľa subjektu. Potom zmeral, ako dlho trvalo, kým amygdala (časť mozgu zodpovedná za emocionálne vnímanie nebezpečných obrazov) zareagovala. Keď sa nebezpečný objekt objavil v centrálnom poli, tento proces trval od 140 do 190 ms, ale keď sa objavil v periférnom zornom poli, amygdala zareagovala len za 80 ms.
závery
Ľudia pri pozeraní na obrazovku počítača využívajú periférne videnie a zvyčajne sa rozhodujú, na ktorej strane sa zastavia, na základe prvého dojmu, ktorý im periférne videnie dáva.
Aj keď je stredná časť obrazovky dôležitá pre centrálne videnie, nemali by ste ignorovať to, čo je na okrajoch. Uistite sa, že informácie umiestnené na okraji zodpovedajú účelu webovej stránky alebo lokality.
Ak chcete, aby sa používatelia sústredili na strednú časť obrazovky, nepoužívajte animácie ani blikajúce prvky na okraji.
3. Ľudia identifikujú predmety pomocou rozpoznateľných obrázkov.
Rozpoznateľné obrázky vám pomôžu rýchlo rozpoznať zmyslové signály, ktoré prichádzajú každú sekundu. Vaše oči a mozog sú napojené na vytváranie obrazov, aj keď v skutočnosti žiadne neexistujú. Na obr. 3.1 najskôr uvidíte štyri páry škvŕn a až potom osem samostatných škvŕn. Interval alebo jeho nedostatok sa interpretuje ako obrázok.
Ryža. 3.1. Váš mozog chce vidieť obrázky
Neuróny reagujú na určité tvary
V roku 1959 David Hubel a Torsten Wiesel ukázali, že niektoré bunky zrakovej kôry reagujú iba na horizontálne čiary, iné iba na vertikálne čiary, iné iba na okraje a ďalšie iba na určité uhly.
Geónová teória
V priebehu rokov sa vytvorilo mnoho rôznych teórií o tom, ako vidíme a rozpoznávame predmety. Jedna skorá teória tvrdila, že mozog je sklad, ktorý obsahuje milióny „vzorov“ predmetov, a keď vidíme nejaký predmet, porovnávame ho so „vzormi“ obsiahnutými v pamäti, kým nenájdeme podobný predmet. No nedávny výskum naznačuje, že vo všetkom, čo vidíme, nájdeme známe základné tvary a tieto základné tvary používame, tzv geometrické ikony (geóny), na rozpoznávanie objektov. Irving Biederman navrhol teóriu geonu v roku 1985 (obrázok 3.2). Predpokladá sa, že existuje 24 rozpoznateľných základných tvarov; z nich sa vytvárajú bloky, ktoré vytvárajú všetky objekty, ktoré vidíme a identifikujeme.
Ryža. 3.2. Niekoľko príkladov biedermanovských geonov
Zraková kôra je aktívnejšia, keď pracuje vaša predstavivosť
Zraková kôra je aktívnejšia, keď si niečo predstavujete, ako keď objekt skutočne vnímate (Solso, 2005). Keď dáme voľnú ruku našej predstavivosti, stimulácia nastáva v rovnakej oblasti zrakovej kôry, ale aktivita je vyššia. Vysvetľuje sa to prácou, ktorú musí vykonať zraková kôra v prípade, keď stimul nie je priamo prítomný.
závery
Čo najčastejšie používajte rozpoznateľné obrázky, pretože im ľudia automaticky venujú pozornosť. Na zoskupenie obrázkov použite združovanie a rozdelenie.
Ak chcete, aby ľudia rozpoznali objekt (napríklad ikonu), použite jednoduché geometrické tvary. To uľahčuje rozpoznanie geonov pod nimi a tým umožňuje rýchlejšie a jednoduchšie rozpoznanie objektu.
2D prvky sú uprednostňované pred 3D prvkami. Oči prenášajú informácie do mozgu vo forme dvojrozmerných objektov. Trojrozmerné zobrazenie na obrazovke môže výrazne spomaliť rozpoznávanie a porozumenie.
4. Špeciálna časť mozgu je zodpovedná za rozpoznávanie tvárí
Predstavte si, že kráčate po rušnej ulici vo veľkom meste a zrazu uvidíte niekoho zo svojich príbuzných. Aj keď ste neočakávali, že sa s touto osobou stretnete, a aj keď sú vo vašom zornom poli desiatky či stovky ľudí, okamžite ju spoznáte. Okrem toho budete cítiť zodpovedajúcu emocionálnu reakciu, či už je to láska, nenávisť, strach alebo čokoľvek iné.
Hoci je samotná zraková kôra pomerne veľká, mimo zrakovej kôry existuje špeciálna oblasť mozgu, ktorej jedinou funkciou je rozpoznávanie tvárí. Vretenovitá oblasť tváre (FFA), ktorú identifikovala Nancy Kanwisher (1997), umožňuje vnímaniu tvárí obísť bežné interpretačné kanály a pomáha ich rozpoznať rýchlejšie ako iné objekty. Tento gyrus sa nachádza v blízkosti cerebelárnej amygdaly, ktorá je emocionálnym centrom mozgu.
Ľudia s autizmom nepoužívajú fuziformný gyrus na rozpoznávanie tvárí.
Výskum Karen Pierceovej (2001) ukázal, že ľudia s autizmom nepoužívajú FFA na rozpoznávanie tvárí. Namiesto toho používajú iné, normálne časti zrakovej kôry, ktoré sa bežne používajú na rozpoznávanie a interpretáciu objektov, ale nie tváre.
Sledujeme smer nášho pohľadu
Štúdie pohybov očí ukazujú, že ak sa oči na obrázku nepozerajú na nás, ale na objekt zobrazený na webovej stránke (obr. 4.1), otočíme svoj pohľad aj na tento objekt.
Ryža. 4.1. Pozeráme sa tam, kam sa pozerá osoba na obrázku
Nemali by sme však zabúdať, že to, že sa ľudia na niečo pozerajú, ešte neznamená, že daný predmet skutočne vidia. Pri vývoji vlastného konceptu dizajnu webovej stránky sa teda rozhodnite, či chcete vytvoriť emocionálne spojenie (oči sa pozerajú priamo na používateľa) alebo upozorniť na produkt alebo objekt (oči sa pozerajú priamo na produkt).
Novorodenci sa radšej pozerajú na tváre
Výskum Catherine Mondloch a ďalších (1999) ukázal, že novorodenci mladší ako hodinu venujú pozornosť predmetom, ktoré pripomínajú tváre.
O tom, kto je nažive, rozhodujú ľudia podľa očí
Christine Looser a T. Wheatley (2010) fotografovali ľudí a upravovali ich, čím sa postupne približovali k obrazu neživého manekýna. Predmetom štúdie bolo, v akom bode postupnej premeny tváre sa subjekt rozhodne, že obraz už nie je obrazom živého človeka. Na obr. 4.2 ukazuje príklady takýchto obrázkov. Štúdie ukázali, že respondenti prestali považovať subjekt na obrázku za živý potom, čo zmeny dosiahli 75 %. Zistilo sa tiež, že ľudia sa pri rozhodovaní, či je obraz živou osobou, pozerajú predovšetkým do očí.
Ryža. 4.2. Príklad toho, ako Loser a Wetley premieňajú ľudskú tvár na tvár manekýna
závery
Návštevníci webu rozpoznávajú tváre a reagujú na ne rýchlejšie ako čokoľvek iné (aspoň tí, ktorí nemajú autizmus).
Oči pozerajúce sa priamo na používateľa z obrazovky majú najväčší emocionálny vplyv, možno preto, že oči sú najdôležitejšou časťou tváre.
Ak sa oči na webovej stránke pozerajú na reklamu alebo produkt, návštevník je tiež dychtivý pozrieť sa na tento produkt. Po zhliadnutí mu však nebude nutne venovať osobitnú pozornosť.
5. „Sľubné“ objekty
Ak niekoho požiadate, aby nakreslil šálku kávy, s najväčšou pravdepodobnosťou dostanete niečo, čo vyzerá ako ryža. 5.1.
Ryža. 5.1. Ako „vidíme“ predmety v našej hlave
Stephen Palmer (1981), keď cestoval po svete, požiadal o nakreslenie šálky kávy. Príklady týchto výkresov sú znázornené na obr. 5.2.
Ryža. 5.2. Väčšina ľudí si takto nakreslí šálku kávy
Venujte pozornosť uhlom a perspektíve. Niekoľko pohárov je nakreslených vzpriamene, ale väčšina je nakreslená v súlade so zákonmi perspektívy, ako keby sme sa na poháre pozerali zhora a pod miernym uhlom. Táto vízia zodpovedá kanonická perspektíva. Veľmi málo ľudí si natiahne šálku kávy, ako je znázornené na obr. 5.3, – pohľad zhora.
Ryža. 5.3. Väčšina ľudí by pohár takto neznázornila
Nenakreslil by som to tak, hovoríš, ale... prečo nie? V skutočnosti sa ľudia najčastejšie pozerajú na šálku kávy z tejto perspektívy, ale mal by som poznamenať, že takéto štúdie sa neobmedzovali len na šálky kávy a ľudia rozpoznávali predmety najrýchlejšie z kanonickej perspektívy, aj keď sa s týmito predmetmi nestretli príliš často. .
V štúdiách boli ľudia požiadaní, aby identifikovali rôzne zvieratá, ako je malý pes alebo mačka. Vždy vyhrala kanonická perspektíva, aj keď najčastejšie sa na mačky či malých psov pozeráme zhora, z výšky našej výšky, a nie mierne zhora (samozrejme, pokiaľ zviera nemusíte dostať spod stola). Ukazuje sa, že rozpoznávanie predmetov z kanonickej perspektívy je univerzálna ľudská vlastnosť.
závery
Ľudia rozpoznávajú obrázky alebo predmety rýchlejšie a lepšie si ich zapamätajú, ak sú prezentované v kanonickej perspektíve.
Ak plánujete použiť ikony alebo piktogramy na webovej lokalite alebo webovej stránke, nakreslite ich v kanonickej perspektíve.
6. Prezeranie obrázkov je založené na skúsenostiach a očakávaniach.
Čomu ľudia venujú pozornosť ako prvé pri pohľade na obrázok na obrazovke počítača? Na čo sa pozerajú ďalej? Záleží na tom, čo robia a čo očakávajú. Ak človek vďaka výchove a vzdelaniu číta text zľava doprava, bude „skenovať“ obrazovku rovnako – zľava doprava. Ak číta sprava doľava, tak naopak. Len málo ľudí však začne pozerať z horného rohu (vľavo alebo vpravo). Keďže ľudia sú si úplne istí, že na stránke ktorejkoľvek stránky sú veci, ktoré nie sú dôležité a nie sú potrebné na vyriešenie okamžitého problému (ako sú logá, prázdne miesta, navigačné lišty, reklama a pod. (obr. 6.1)), v vo väčšine prípadov venujú pozornosť stredu obrazovky a ignorujú okraje.
Ryža. 6.1. Ignorujeme informácie na okrajoch obrazovky a ponáhľame sa k relevantným informáciám
Po prvom rýchlom pohľade na obrazovku sa pohľad pohybuje v súlade s obvyklou metódou čítania (zľava doprava, sprava doľava, zhora nadol). Ak niečo upúta pozornosť, napríklad veľká fotografia (najmä s tvárou) alebo pohyb (animovaný banner alebo video) niekde na obrazovke, vzor je narušený.
Každý človek má stereotypy o tom, čo a kde chce vidieť
Väčšina ľudí má vnútornú predstavu (mentálny model) o tom, ako by mali byť veci rozložené na obrazovke počítača a ako by mali vyzerať webové stránky, ktoré používajú. Človek sa pozerá na obrazovku na základe týchto mentálnych modelov. Napríklad pri častom navštevovaní webovej stránky toho istého internetového obchodu používateľ pri načítaní stránky dúfa, že na zvyčajnom mieste uvidí vyhľadávacie pole produktu.
Keď nastanú ťažkosti, zorné pole sa zúži
Ak sa na obrazovke zobrazí chybové hlásenie alebo iná neočakávaná informácia narúša vykonávanú úlohu, používateľ prestane venovať pozornosť iným častiam obrazovky a zameria sa na problémovú oblasť. Podrobnejšie to rozoberieme v kapitole „Mýliť sa je ľudské“.
závery
Dôležité informácie (alebo veci, na ktoré chcete upozorniť) umiestnite do hornej tretiny obrazovky alebo do stredu.
Neumiestňujte žiadne dôležité informácie na okraje obrazovky, pretože tam ľudia zvyčajne nepozerajú.
Navrhnite svoju obrazovku alebo stránku tak, aby vaša cieľová skupina mohla pohybovať očami podľa svojho obvyklého spôsobu čítania. „Skákanie“ po obrazovke z objektu na objekt môže používateľa unaviť.
Nová kniha od Susan Weinshenk s názvom bude zaujímať všetkých, ktorí sa zaoberajú grafickým dizajnom a snažia sa všetkými možnými spôsobmi upútať pozornosť diváka na potrebné detaily vo svojej práci.
V skutočnosti názov tejto knihy nebol preložený veľmi dobre (alebo nie veľmi presne). Pôvodný názov knihy je „100 vecí, ktoré musí dizajnér vedieť o ľuďoch“, ale tento malý problém s názvom nijako neovplyvňuje vynikajúci obsah tejto knihy.
Kniha skúma takmer všetky aspekty ľudského vnímania: od vizuálneho až po zmyslové – čo presne človeka motivuje k určitým rozhodnutiam.
Kniha obsahuje množstvo názorných príkladov a štúdií o tom, ako ľudia vnímajú svet okolo seba, čomu venujú pozornosť ako prvé a čo si radšej nevšímajú. Problém správneho nasmerovania pozornosti diváka v akejkoľvek oblasti dizajnu je veľmi dôležitý, ale predovšetkým je tento faktor dôležitý pri návrhu rozhraní a dobrej infografiky. S rozhraniami je už takmer všetko jasné: v dobrom rozhraní by človek nemal mať jedinú otázku, kam kliknúť, aby získal presne to, čo chce.
Ale v infografike je faktor vizuálneho vnímania mierne zmenený, pretože ak vezmeme do úvahy statickú infografiku (obrázok), tak používateľ nemá na výber, kam kliknúť alebo ako niečo urobiť. Jediné, čo divák dokáže, je vnímať informácie, ktoré sú mu dané. A ak vidí niečo pre neho nepochopiteľné, tak vysvetlenie tohto nepochopiteľného by sa malo nachádzať v tesnej blízkosti komentovaného objektu. Nemôžete teda prinútiť čitateľa, aby sa ponáhľal okolo celého obrázka pri hľadaní komentára, pretože Kým hľadá tento komentár, môže úplne zabudnúť na to, čo bolo nejasné...
úhrn
Kniha je veľmi poučná a užitočná úplne pre každého, aj pre tých, ktorí len uvažujú o tom, že by sa stali grafikom v oblasti rozhraní či infografiky. V ktorejkoľvek z týchto oblastí je mimoriadne dôležité správne manipulovať s pozornosťou diváka, nevynucovať si jeho pozornosť, ale iba prinútiť ho, aby informácie správne prečítal.
Susan Weinšenková
100 základných princípov dizajnu
Na pamiatku Milesa a Janet Schwartzových. Škoda, že si túto knihu nebudete môcť prečítať.
Poďakovanie
Obrovská vďaka patrí celému môjmu skvelému tímu v Peachpite, najmä môjmu redaktorovi Jeffovi Rileymu, s ktorým som si denne vymieňal maily. Ďakujem Michaelovi Nolanovi za pomoc pri písaní tejto knihy. Ďakujeme Guthrie Weinschenk za fotografie, Maisie Weinschenk za skvelé nápady a Petrovi Weinschenkovi za jeho podporu a trpezlivosť. A ďakujem všetkým, ktorí čítajú môj blog, chodia na moje prezentácie a celkovo ma počúvajú, keď hovorím o psychológii. Vyjadrujete hodnotné myšlienky, názory, a preto pokračujem v písaní o psychológii a dizajne.
Psychológia dizajnu
Či už vytvárate webovú stránku, zdravotnícke vybavenie alebo akýkoľvek iný produkt, vašu cieľovú skupinu tvoria ľudia, ktorí si zaslúžia dobrý dizajn.
A je vašou priamou zodpovednosťou dobre poznať svoje cieľové publikum.
Ako ľudia rozmýšľajú? Ako sa rozhodujú? Čo prinúti človeka kliknúť na tlačidlo alebo niečo kúpiť? Ako prinútiť ľudí, aby robili to, čo chcete?
To všetko sa dozviete z tejto knihy. Dozviete sa, ako upútať pozornosť ľudí, aké chyby robia a prečo a ešte oveľa viac, čo vám pomôže vylepšiť váš dizajn.
A môžete skutočne vylepšiť dizajn - pretože väčšinu ťažkej práce som už urobil za vás.
Patrím do tej zvláštnej kategórie ľudí, ktorí sa radi vŕtajú vo výskume, prehrabávajú sa v obrovskom množstve materiálov. Tak čítam a občas prečítaj si to znova desiatky kníh a stovky vedeckých článkov a vybrané z môjho pohľadu najzaujímavejšie teórie, koncepty a vedecké výskumy.
Tie som potom skombinoval s vlastnými skúsenosťami získanými počas dlhoročných skúseností s dizajnovaním.
A teraz držíte v rukách výsledok tejto práce: 100 základných princípov dizajnu – alebo 100 vecí, o ktorých si myslím, že by ste mali vedieť o ľuďoch.
Ako vidí človek
Vízia je hlavným kanálom vnímania. Polovica mozgových zdrojov sa využíva na spracovanie a interpretáciu vizuálnych informácií. To, čo vnímajú naše oči, je len časť celkového procesu. Obrazy vstupujúce do mozgu sa upravujú a interpretujú. Môžeme oprávnene povedať, že mozog „vidí“.
1. To, čo vidíme, sa líši od údajov vstupujúcich do mozgu.
Existuje zaužívané presvedčenie, že pri chôdzi alebo napríklad prehliadke pamiatok naše oči prenášajú informácie do mozgu, ktorý ich spracováva a podáva reálny obraz toho, čo nás obklopuje. Ale naše oči nefungujú ako kamera, ktorá objektívne zachytáva svet. V skutočnosti pôsobia v spojení s mozgom, ktorý určitým spôsobom „interpretuje“ viditeľný svet. Mozog neustále interpretuje všetko, čo vidíte. Pozrite sa napríklad na obr. 1.1.
Ryža. 1.1. Vidíte trojuholníky, ale v skutočnosti žiadne nie sú
Čo vám „hovoria“ oči? V pozadí môžete vidieť čierny obrys trojuholníka s bielym obráteným trojuholníkom navrchu. Ale to vôbec nie je to, čo je v skutočnosti prítomné na obrázku, však? V skutočnosti sú tam len čiary a čiastočne vyplnené kruhy. Váš mozog „vytvorí“ obrátený biely trojuholník z prázdneho priestoru, pretože to je to, čo očakávate, že uvidíte. Táto ilúzia sa nazýva trojuholník Kanizsa, pomenovaný po talianskom fyziológovi Gaetanovi Kanizsovi, ktorý tento efekt preukázal v roku 1955. Teraz sa pozrite na obr. 1.2, čo vytvára podobnú ilúziu obdĺžnika.
Ryža. 1.2. Príklad Kanizsovho obdĺžnika
Mozog využíva stereotypy
Náš mozog používa stereotypy na rýchle spracovanie informácií o svete okolo nás. Každú sekundu prijíma milióny zmyslových signálov a snaží sa pochopiť význam každého z nich. Na základe praktických úvah a na základe predchádzajúcich skúseností mozog interpretuje vizuálne signály. Táto metóda zvyčajne funguje hladko, ale niekedy sa vyskytnú chyby.
Používanie rôznych tvarov a farieb môže ovplyvniť to, čo ľudia vidia (alebo si myslia, že vidia). Obrázok 1.3 ukazuje, ako farba pomáha presúvať pozornosť z jednej správy na druhú.
Ryža. 1.3. Farba a tvary môžu ovplyvniť to, čo ľudia vidia
Ak chcete niečo vidieť v tme, nepozerajte sa priamo na to
Oko obsahuje 7 miliónov čapíkov (bunky sietnice), ktoré zabezpečujú zrakové vnímanie celej palety farieb počas dňa, a 125 miliónov tyčiniek (buniek sietnice), zabezpečujúcich videnie za šera a v noci. Kužele sa nachádzajú vo fovee (centrálne zorné pole) a tyčinky sú rovnomerne rozmiestnené na sietnici. Ak teda chcete niečo vidieť pri slabom osvetlení, nepozerajte sa priamo na to.
Optické ilúzie - príčina chýb
Optické ilúzie sú príkladom toho, ako mozog interpretuje to, čo vidia oči. Napríklad na obr. 1.4 sa ľavý riadok javí dlhší ako pravý, hoci sú v skutočnosti rovnaké. Tento efekt je pomenovaný po Franzovi Muller-Lyerovi, ktorý ho objavil v roku 1889.
Ryža. 1.4. Tieto čiary sú v skutočnosti rovnako dlhé
Obraz, ktorý vidíme, je plochý, nie trojrozmerný
Svetelné lúče vstupujú do oka cez rohovku a šošovku. Šošovka (čo je šošovka) zaostrí obraz na sietnicu. Sietnica vždy vytvára dvojrozmerný obraz, aj keď je pozorovaný objekt trojrozmerný. Tento obrázok je odoslaný do zrakovej kôry, kde dochádza k rozpoznávaniu vzorov, napríklad: „Och, viem, čo to je – toto sú dvere.“ Práve v mozgovej kôre sa dvojrozmerný obraz mení na trojrozmerný.
Vizuálna kôra mozgu zhromažďuje všetky informácie dohromady
Podľa Johna Medinu (2009) svetelné lúče prechádzajú cez zrenicu, šošovku a sklovec, presne dopadajú na sietnicu a vytvárajú na nej jasné obrazy predmetov. Svetlocitlivé bunky v oku premieňajú svetlo na elektrické signály a posielajú tieto signály v samostatných stopách do obzvlášť citlivých nervových zakončení. Niektoré stopy obsahujú informácie o tieňoch, iné informácie o pohybe atď. Dvanásť z týchto stôp je potom odoslaných do zrakovej kôry. Rôzne oblasti kôry reagujú na tieto informácie a spracovávajú ich. Napríklad jedna oblasť reaguje iba na čiary pod uhlom 40°, ďalšia na farbu, tretia na pohyb a štvrtá na hranice. V konečnom dôsledku všetky tieto údaje zapadajú do dvoch stôp: jedna určuje pohyb (pohybuje sa objekt?) a druhá určuje polohu (ako sa objekt nachádza vo vzťahu ku mne?).
závery
Možno si ľudia na vašej webovej stránke nevšimnú niečo, čomu ste venovali toľko úsilia a úsilia, aby ste ju umiestnili v nádeji, že prekvapíte svet? Ľudské vnímanie závisí od úrovne výcviku, vedomostí, stupňa oboznámenia sa s materiálom, na ktorý sa človek pozerá, a od mentálnych modelov človeka.
Vaše predpoklady o tom, čo ľudia vidia na webovej stránke, sa nemusia zhodovať s tým, čo v skutočnosti vidia.
Môžete presvedčiť ľudí, aby videli veci určitým spôsobom.
2. Periférne videnie sa používa viac ako centrálne videnie na pochopenie podstaty videného.
Máme dva typy videnia: centrálne a periférne. Centrálne videnie sa používa na rozlíšenie detailov. Periférne videnie pokrýva zvyšok viditeľného poľa - oblasti, ktoré vidíme, ale nepozeráme sa priamo. Periférne videnie vám umožňuje vidieť veci z uhlov, na ktoré vaše oči nie sú zvyknuté, a nový výskum z Kansas State University ukazuje, že hrá dôležitejšiu úlohu v chápaní sveta okolo nás, než sa doteraz predpokladalo. Ukazuje sa, že informácie o svete okolo nás prijímame z nášho periférneho videnia.
Prečo je blikanie obrazu také nepríjemné?
Periférne videnie človeka bez ohľadu na našu túžbu zaznamenáva pohyb. Ak napríklad čítate text a na obrazovke je animácia alebo neustála zmena jasu a farby okolo okrajov obrazovky, nebudete to môcť ignorovať. Ak sa potrebujete sústrediť na text, takéto triky od webdizajnérov vedia byť poriadne otravné. Toto funguje periférne videnie! To je dôvod, prečo inzerenti používajú zmeny jasu a farby v reklamách umiestnených na okrajoch webových stránok. Je to nepríjemné, ale priťahuje pozornosť.
Adam Larson a Lester Loschky (2009) ukázali divákom obyčajné obrázky, ako napríklad fotografie kuchyne či obývačky. Na niektorých obrázkoch bola vonkajšia časť vyrezaná, zatiaľ čo na iných bola vyrezaná stredná časť. Obrázky boli zobrazené na veľmi krátky čas a cez špeciálny sivý filter, takže boli ťažko viditeľné (pozri obr. 2.1–2.2). Účastníci štúdie boli potom požiadaní, aby povedali, čo videli.
