1. 2. 2010 v sekci webdesign:

Atraktivní weby jsou lepší

Jestliže vám někdo tvrdí, že na designu webu nezáleží a návštěvník ho nevnímá, tak se kruciálně mýlí.

Jedním ze základních principů designu (nikoliv pouze webdesignu) je tzv. Aesthetic-usability effect. Ten neříká nic jiného, že design, který je pro návštěvníka atraktivní je vnímán jako použitelnější. Všimněte si spojení „je vnímán“ – i kdyby byl ošklivější web použitelnější, tak ho budou návštěvníci vnímat jako hůře použitelný.

Ze studií na toto téma mmj. plyne, že uživatel je tolerantnější k chybám, které web má, pokud se mu líbí. A vzhledem k tomu, že každý web má alespoň jednu chybu použitelnosti (to by mohl být druhý zákon webdesignu), tak je z dlouhodobého hlediska podstatně výhodnější, když se web uživateli líbí, než když se mu nelíbí.

Estetické hledisko může mít obratem pozitivní dopad na vnímání brandu provozovatele webu.

V premium sekci nature.com byly v roce 2006 zveřejněny výsledky testu, který říká, že existuje vysoká korelace mezi tím, jak se návštěvníkovi web zalíbí v prvních 50 ms a při dlouhodobém používání. Tj. web na vaše návštěvníky musí zapůsobit svou atraktivitou za dobu, která je nižší než zobrazení jednoho frejmu v postarší televizi.

V praxi to znamená, že web musí být vizuálně konzistentní a mít jasnou strukturu doslova na první pohled – za těch 50 ms si na něm návštěvník nepřečte ani slovo – spíš uvidí rozmazané barevné fleky.

Závěrem pro ilustraci: Vybavuji si jednu (skoro) sektu, která s fanatickým zápalem obhajuje hezké produkty svého oblíbeného brandu, ačkoliv jsou v některých situacích hůře použitelné, než produkty konkurence. A o tom to je.

Doporučená literatura

Doporučené odkazy z komentářů

Komentáře

01. 02. 10, 09.14

Je to tak. Mimochodem přesně o tomto tématu měl předminulý čtvrtek výbornou přednášku Jakub Franc (SUN) v rámci SIGCHI: http://www.sigchi.cz/…o-pouzitelne

Výborný téma!

01. 02. 10, 09.18

„Obal prodává“. Platí to i na webový stránky.

01. 02. 10, 09.23

Hehe – to je to sdílené nadvědomí lidstva v praxi – osobně jsem o přednášce nevěděl, ale zrovna si o tom docela dost čtu :-)

01. 02. 10, 09.30

Škoda posledního odstavce – už jsem ho měl na jazyku pro svůj komentář :)

Samozřejmě souhlasím, nicméně bych vypíchnul hlavně předposlední část. Design ve smyslu líbivosti asi hraje roli hlavně v pozici extrému – vyšperkovaný web vs. 1996 styl. Pro mě osobně však právě okamžitá orientace v obsahu je ještě důležitější. Proto často „nemůžu“ nad všelijakými weby, co jsou graficky oblečené do poslední trendu ze Smashing magazine, ale já na nich po pěti vteřinách nenajdu ani navigaci…

01. 02. 10, 10.07

Je to tak. Velice hezky to taky shrnuje tahle http://bit.ly/3TUV35 prezentace.

01. 02. 10, 10.11

Skvělý článek na toto téma vyšel na List Apart: http://www.alistapart.com/…seofeyecandy

Je tam krásný příklad s benzínovou pumpou – které z nich budete věřit? :)

7. Adam
01. 02. 10, 10.12

K tomu článku v nature.com doplním pravděpodobný zdroj poznatků – výzkum jisté Dr. Lingaardové href=„http://www.websiteoptimization.com/speed/tweak/blink/“ rel=„nofollow“>http://www.websiteoptimization.com/speed/tweak/blink/. Kdysi jsem ho docela dlouho hledal, tak se podělím.

01. 02. 10, 10.43

Díky za odkazy! :-)

01. 02. 10, 11.05

Je to tak, o tom žádná. Ale s celkovým vyzněním tvého článku nesouhlasím. Zní mi to jako: Zaměřte se primárně na hezkou grafiku, použitelnost stejně nikdy nedoladíte k dokonalosti (každý web má alespoň jednu chybu použitelnosti).

S tím samozřejmě nemůžu souhlasit. Určitě je důležité zaměřit se na hezkou grafiku, ale rozhodně ne primárně.

01. 02. 10, 11.38

[9] Doporučuji si k tomu pustit video Krásné a/nebo použitelné od Jakuba France href=„http://www.vimeo.com/9102530“ rel=„nofollow“>http://www.vimeo.com/9102530 (via @adlo href=„http://twitter.com/adlo/status/8492689604“ rel=„nofollow“>http://twitter.com/adlo/status/8492689604), který toto téma rozebírá o něco komplexněji. Krásu a emoce je potřeba vyvážit s použitelností – svým způsobem jsou její součástí..

11. rony
01. 02. 10, 12.26

Chyba tomu tento zaver:

a preto nekumulujte vytvaranie webu do „mixu“, kde sa na „vsetkom“ robi „kazdy“. Treba si pracu rozdelit na pracu nad vytvarnou strankou, nad strankou pouzitelnosti, pristupnosti, strankou programovania, strankou ulozisk dat, strankou obchodnou, strankou obsahu atd.

Nesnazit sa to robit tak, ze „viem o tom nieco, tak urobim aj toto“. Cim je obchodne dolezitejsi web, tym viac si to pyta takto jasne oddelit v projekte. Nehovorim, ze na kazde jeden clovek ale hovorim, ze si musi byt vedomy tychto hranic.

01. 02. 10, 14.17

[10] Díky, ale už jsem jí viděl na živo. Jak jsem psal, s obsahem (článku i přednášky) souhlasím. Jen mi přijde, že ta tvoje verze textu staví grafiku nad použitelnost (narozdíl od té Jakubovy přednášky, tam to tak rozhodně nevyznívá).

13. Hans
01. 02. 10, 15.04

Já ti dám sektu!

01. 02. 10, 15.47

[12] pročetl jsem si článek znovu a nic v tomto duchu v něm nenašel… takže ti asi nepomůžu…

[13] sekty existují… a odstavec rozhodně nemíním nijak komentovat ani blíže upřesňovat…

15. Martin
01. 02. 10, 16.47

[10] This is a private video
Škoda

01. 02. 10, 17.07

[15] vypadá to, že video bylo zprivátněno dobrými lidmi z Dobrého webu pouze pro platící členy SIGCHI… z mého pohledu je to zbrklé selhání… výrazně lepší tah by bylo dát video k dispozici a zdůraznit, že podobně kvalitní obsah je ve větším množství dostupný po zaplacení členství… zvlášť teď, když na ten odkaz mohou kliknout stovky lidí z cílové skupiny…

01. 02. 10, 22.38

Celkem samozřejmé, ale dobré si to připomenout. Jako uživatel amatér mohu říct, že pokud jsou stránky opradu hezké, mám větší pochopení k chybám a třeba se snažím i autora kontaktovat a pomoci mu (pokud najdu na webu chybu).

PS: Nezačíná ten název sekty na písmeno A? Pokud jsem tedy dobře pochopil. Oops..edit: teď jsem si dočetl komentáře. Asi to zůstane tajemství.
PSS: Díky všem za další odkazy. Rád si o tom přečtu víc.

18. Berka
01. 02. 10, 22.57

V knize Emotional Design se píše o experimentu, kde udělali dvě verze ovládání bankomatu, hezkou a hnusnou. Jinak se nelišily. A pak A-B měřili výkon, jakože jak rychle si někdo vybere, kolik lidí to nedá a podobně – čísla. Výsledky byly rozdílné. Hezké je použitelnější a to nenen subjektivně. http://pouzitelnost.com/…al-design-i/

02. 02. 10, 17.03

[14] Pokud to tak není myšleno, tak jedině dobře :)

[18] S tím bankomatem to bylo úplně jinak! Právě že výsledky nebyly rozdílné, ale naopak byly zcela totožné! Ale lidé ten hezčí HODNOTILI jako použitelnější. Tzn. hezčí bankomat vzbuzoval v lidech jen pocit, že je použitelnější i přesto, že byl stejně použitelný jako ten ošklivý. Prosím nepřekrucovat výsledky experimentů :)

02. 02. 10, 19.00

[19] Je to ovšem hezký příklad takové … zmatenosti. Něco je hezčí a hned se jim to zdá lepší (v použitelnosti) a mají větší toleranci k chybám (očekávám). Dávají vlastně tomu bankomatu větší šanci, protože je hezký a nevadí jim u něj trávit delší čas. Zkrátka díky vzhledu se trochu přimhouří oči na nějaké nedostatky. Takhle je to myslím u všeho. Takže tvořit jen originální a příjemné atraktivní stránky :).

03. 02. 10, 00.55

U té benzinky – zákazník tak nějak tuší je benzín bude tak nějak stejnej, cena tak nějak stejná… tak proč nenatankovat v příjemném prostředí.

U webu je to asi podobné. Uživatel neočekává výrazný rozdíl v obsahu nebo funkci u jednotlivých webů, resp. není schopen ji zhodnotit. Tak se zaměřuje na design – ten se dá zhodnotit okamžitě.