Intuitivní návrh webu

Hezky pekne. Voni to tvoji diplomkou, kdy budeme moci ochutnat? :-)

Hmm… v květnu? :-)

Lidé mají mají rádi svůj zažitý stereotyp a proto jsou nejefektivnější stereotypní webové stránky. Grafické orgie jsou fajn pro pár procent grafiků a uměleckých šílenců z celkového počtu všech přistupujících uživatelů.

Takže pokud je webdesigner trochu horlivější běžný uživatel internetu, tedy že navštěvuje i jiné webové stránky než jsou různé graficky přebujelé webdesignérské blogy a prezentace, měl by být schopen si podvědomě zapamatovat těch několik základních „wireframů“, na kterých jsou všechny stránky postaveny. A navléct je do rozumných grafických kabátů pro dané implementace.

Tohle alespoň já považuji za intuitivní webdesign. je rychlejší používat pravidla automaticky, podvědomě, než každý prvek složitě odůvodňovat.

Zajimave je umisteni search boxu na webu http://informationarchitects.jp .. zcela vlevo zcela dole, coz je presne opacny roh stranky, jak radi Nielsen. Kazdopadne to logiku ma: prosels to cele a nenasel, co hledas, tak zkus vyhledavani.

Mě nedávno napadla taková kacířská myšlenka, která by možná vydala i na článek: Zda by se čistě náhodou moderní webdesign neobešel bez grafiků :)

iA jsou spíše hezká vyjímka, než základ pro nějaké pravidlo, neb jejich cílovka je zcela vyšinutá mimo hlavní proud… muhehe :-)

Jejich přístup logiku má – uživatel používá vyhledávání až poté, co selže navigace (vyjma webů, kde je hledání první logickou volbou, např. díky unikátním názvům obsahu), ale pro normální lidi by to nefungovalo, protože i když hledám search pole až nakonec, tak ho přece hledám v hlavičce, ne?

[5] některé společnosti tento přístup tlačí, ale jsou to spíše vyjímky… u nás pokud vím z profíků nikdo… z neprofíků většina, ale jejich weby stojí za prd :-)

V základě by mělo jít o dodržování určitých pravidel. Vyhledávání doprava nahoru, hlavička by neměla být příliš velká, prvních 100px (tam nahoře) lidé většinou ignorují – nevkládat nic zásadního. Potom záleží k čemu web slouží a kdo na něj bude chodit. Já jsem zastáncem toho, že by se měl vytvořit jednoduchý základ a poté testovat.

Z testování toho za sebou mnoho nemám, ale i tak mi to pomohlo a i do budoucna plánuji velké testování postranního menu :). Teď k tomu víc asi neřeknu. Sám jsem zvědavý, co zase zjistím.

[4] Souhlas. Je to pěkné a logické. Občas si to chce sednout a přemýšlet jak by se uživatel zachoval. Zcela od věci není třeba RRS, či mail odběr vložit na podobné místo (alespoň myslím, rád bych to někdy otestoval).

U nas to fungovalo takto:

Zakupena sablona (v 1.0), testovanie
Doplnanie (1.1, 1.11, 1.2, atd, atd), testovanie
Zmena (2.0), testovanie
Doplnanie (2.1, 2.11, 2,2 atd), testovanie
Priprava v 3.0 a 4.0 sucasne, prebehne A/B/C test (spolu s 2.XX) a dalej uvidime…

Obavam sa, ze sa to nikdy neskonci :(

Jedna kacířská: Okopírovat to od jiných ti není recht (souhlasím) a tvrdíš, že by lidé měli přemýšlet (souhlasím) – ale pak tam kopneš „Dal bych ho doprava nahoru, protože to Nielsen napsal“ (?!!?!?!) To měla být ironie, že? :)

Muhehe :-) – spíš bych řekl „dal bych to doprava nahoru protože Nielsen na ne úplně malém vzorku lidí prokázal, že se majorita podívá nejdříve tam“…

Nielsena je potřeba brát místy s rezervou, ale když napíše, že něco otestoval, tak se tomu dá většinou věřit… v knize je i seznam webů, kde to otestoval, ale to není předmětem tohoto článku…

A abych nezapomněl… hříšníku! Příště dostaneš posvěcenou webkamerou přímo mezi své kaciřské… ty… tentononcy… hudryhudry…

Takže jsi chtěl napsat „Dal bych to doprava nahoru, kde to lidé nejvíc čekají. Neměřil jsem si to sám, ale na ne malém vzorku lidí to ověřil Nilesen, kterého beru za hodnověrného, protože znám jeho metodiku a připadá mi správná“ – hnedle tam máš i to přemýšlení a vypadá to o hodně jinak než jen „Napsal to Nielsen, tan se nemejlí – tak doprava!“ Co já viděl webů, které měly něco nějak, protože „to napsal Nielsen / Krug / Staníček / Prokop“.

To co píšeš není pravda. Pravidla samozřejmě jsou, dokonce se i učí. To že většina „webdesignerů“ si prostě jen sedne k HTML, přidá okopírované nápady rozmístění prvků případně je přehází jinak, neznamená, že se tohle nikde neučí, nebo, že se to dělá od oka.

Stačí pro začátek nastudovat základy typografie a sazby, která se zabývá i rozložením jednotlivých prvků z hlediska vnímání rozložení obsahu na stránce. Hotové prostředí pak stačí zkoušet pomocí GUI testů, na které jsou taky jasně definované postupy. Pro začátek viz. například http://en.wikipedia.org/…ware_testing.

Jako levnější varianta pro GUI testování lze pro weby použít třeba http://www.crazyegg.com/, sice to není ono, ale alespoň nějakou zpětnou vazbu to dá.

Vyhledávání na web zásadně nedávat, ať si to hezky uživatel najde sám! (Vtip.)

V tomhle u mě vede http://cssglobe.com/ – tam vyhledávání pro jistotu není vůbec. Takže vyhledávám přes Google, což mě u tak rozsáhlé databáze článků docela vytáčí.

[5] Bez grafiků jo, bez dyzajnérů ne.

Plaváček: S touto myšlenkou už si rovněž dlouho pohrávám, spolupráce s grafiky je někdy dost těžká a jejich návrhy mnohdy mají do použitelného webu daleko, předaleko.

Už chápu.
56% uživatelů ihned odvrátí zrak doprava nahoru
No protože 56% webů má tak strašné logo, že se na to nedá koukat :-)

[13] fajn – tak kde se tedy učí? Ukaž mi studijní plán :-)

>> Stačí pro začátek nastudovat základy typografie a sazby

Nestačí. Webdesign je sice hodně o typografii, ale nikoliv JEN o typografii. Jsem schopen vyplodit typograficky slušné stránky na libovolné téma, ve kterých uživatel nedokáže provést konverzní akci :-)

Heatmapy kliků bych jako náhradu uživatelského testování raději neuváděl.

[18] bacha na to – to že 56% uživatelů hledá vyhledávání nejdřív vpravo nahoře není totéž jako „56% uživatelů se nejdříve dívá doprava nahoru“. ;-)

Podla mna sa velmi oplati experimentovat. Na kazdej stranke a s kazdym designom je to individualne, teda aspon podla mna :)