Sekce

Náhodný snímek

Důležité články

Knihy

Reklama

10 největších chyb webdesignu za rok 2005Webdesign

Jakob Nielsen ve svém alertboxu opět rozebírá 10 největších letošních chyb webdesignu. Zde je krátké shrnutí (neboli hodně volný překlad) v češtině.

1. Čitelnost textu

Neboli špatná volba fontu – tento bod získal téměř dvakrát více hlasů než bod následující!

Povětšinou jde o

2. Nestandardní odkazy

3. Flash

4. Obsah není psán pro web

Obsah pro web by měl být krátký, přehledný a věcný (viz. například poučky od Steve Kruga). Měl by také odpovídat na návštěvníkovy dotazy a používat jeho řeč (běžnou řeč).

5. Špatné vyhledávání

Vyhledávání je jednou ze základních technik procházení stránek a získávání informaci, proto by mělo vracet adekvátní výsledky. Vyhledávání se stává čím dál více důležitější.

6. Nekompatibilita prohlížečů

Podíl MSIE ve statistikách návštěvnosti klesá, vylaďte proto své stránky i pro ostatní prohlížeče, nepřicházejte zbytečně o návštěvníky jen proto, že používají jiný prohlížeč.

7. Těžkopádné a složité formuláře

8. Chybějící informace o firmě, absence kontaktu

9. Layouty s pevnou šířkou

10. Neadekvátní zvětšování fotek

Závěr

Uživatelé nechtějí nové technologie, ale spíše kvalitní zlepšení používání stávajících technologií:

Zdroj: Jakob Nielsen's Alertbox – Top Ten Web Design Mistakes of 2005 (October 3, 2005)

Související články

Komentáře

  1. No to je sice hezké, že mu vadí pevný layout ale když ho uděláš plavací, tak hned někdo mrčí, že je to na velkém monitoru moc velké, tak tam dáš max width a jsi tam jak u pevného layoutu. Můj soukromý názor je, že kdo blbě vidí, nebude mít asi nastavené rozlišení 1600 * cosi, takže bych byla spíš pro ten max width. Řešení typu em-width mi pijí krev, protže když je pak při zvětšní potřeba rolovat do stran, tak bych vraždila. Zvětšuju dost často a weby s pevnou šířkou mi nijak nevadí, radši dvakrát sjedu dolů, než jednou do strany :-)


    SuE    4 10 2005 - 13:37    #
  2. SuE to vystihla naprosto přesně :)


    Plaváček    4 10 2005 - 14:05    #
  3. Taky si mylsím, že uživatelům nevadí rolování dolů, ale do strany. Nehledě na to, že dnes má spousta myší kolečka, takže nutné hledání šipek a tím nenáviděné rolování pomalu mizí.


    Fruiko    4 10 2005 - 14:09    #
  4. Zrovna jsme o tom také něco publikovali:

    Webdesign a použitelnost (především) pro seznamovací weby

    Improving Web Design and Usability (Mainly) for Dating Sites

    A něco staršího:

    Záznam semináře Nejčastější chyby firemních webů a jak se jich vyvarovat


    Robert Němec    4 10 2005 - 14:22    #
  5. Ta velikost písma je trefně uvedená, mrkněte se na tento web na Linuxu se základními fonty (na Win je to OK). ;-)


    — Nastěnka    4 10 2005 - 16:24    #
  6. [5] Přísloví „Kovářovic kobyla chodí bosa“ stále funguje :) Vím že kód mého blogu není moc dobře vyladěn na zvětšování písma, rozchodil jsem ho nedávno a ještě jsem ani nepřetáhl všechen obsah ze starého webu. Ale už plánuju jeho kompletní překopání :)Nicméně můžete mi poslat na email (pvaclavek (at) cen­trum.cz)screen­shot? To jen abych věděl jak moc strašné to je. Díky.


    Petr Václavek    4 10 2005 - 16:49    #
  7. [1]-[3] Jsem rád, že nejsem sám, kdo to takto také cítí. Bavili jsme se o tom i na poslední středě. Je sice pravda, že na vysokých rozlišeních je nesmysl používat fullscreen, ale i tak je zbytečné to pokoušet – nehledě na to, že zvětšování by mělo být proporcionální pro zachování optimálních poměrů komponent/čás­tí/sloupců. Dnes na to prostě nejsou nástroje, možná časem s SVG a zoomem ála Opera.

    [6] V Safari to vypadá relativně v pohodě.


    Jan Brašna    4 10 2005 - 20:04    #
  8. „Obsah pro web by měl být krátký, přehledný a věcný (viz. například poučky od Steve Kruga). Měl by také odpovídat na návštěvníkovy dotazy a používat jeho řeč (běžnou řeč).“

    No mozna, pokud tvorim komercni web cili defacto reklamu cilenou na danou skupinu. Urcite to neplati o webu, ktery ma opravdu prinaset informace a kde je web jen technologii publikace – jako jsou napriklad clanky, a uz vubec ne o osobnim webu – tam pisu SVYM jazykem. Leo


    — Leo    4 10 2005 - 22:02    #
  9. [7] s tím zvětšováním mi to taky nesedí. Myslím, že pokud je někdo slabozraký a chce všechno zvětšovat tak by si měl spíše přizpůsobit prohlížeč – Opera zoomuje skvěle.


    Petr Václavek    5 10 2005 - 09:53    #
  10. Pěkné shrnutí všech neduhů internetových prezentací a teď už to jen vysvětlit zákazníkům :)


    Jirka Převrátil    5 10 2005 - 13:17    #
  11. sue: „Řešení typu em-width mi pijí krev, protže když je pak při zvětšní potřeba rolovat do stran, tak bych vraždila.“

    Proc vylevate vanicku i s ditetem?

    dobry priklad: ?//www.root.cz

    Az na detail s prouzkem kde je prihlaseni a registrace (resitelny problem) se to zvetsuje velmi inteligentne a prijemne.


    Daniel Srb ben Abraham    5 10 2005 - 14:35    #
  12. DSbA : root je hezký, já měla na mysli takové ty em weby, kde je šířka boxů v em a pak se to roztáhne až za roh. Pokud je root takto dělaný, a přesto si tak hezky drží fazonu, tak zalézám do houští se stydět. (nechce se mi jejich studovat css ale asi budu muset :-))


    SuE    6 10 2005 - 11:55    #
  13. [1][12] SuE ved nemusis stranku navrhovat tak, ze sa ti cela proporcionalne pixel na pixel zvacsuje ako pod lupou. V drvivej vacsine je rozptyl poziadaviek na „velkost“ rozny a zaroven na jednotlive casti stranky su rozne naroky – napr. text clanku urcite viac ako footer. Takisto MALOKEDY by som chcel zvacsit nahlady obrazkov ci bannery ;-) Chce to ale radikalnu zmenu myslenia GRAFIKOV pretoze uz sa mi zda, ze prave tito akosi skysli v ere Ventury pre DOS ;-)


    rony    6 10 2005 - 20:16    #
  14. Nejsem sice zadnej webdesigner, zato mame SW firmu a prodavame veci pomoci webu. Takze to vidim zcela jinak. Web je pro nas marketingovy nastroj (a pro vetsinu firem je to stejne) takze podoba webu tomu musi odpovidat. Marna prace, ale web uz neni jen misto pro informace a ziskani prehledu o produktech a podobne, ale kvalitou webove prezentace se firmy mezi sebou snazi odlisit a prave tak ziskat dalsiho klienta. Takze v tomto pripade uz vic plati ze ucel sveti prostredky – proto flash pro zkrasleni (nekdy diskutabilni :-) webu, proto intra, nestandartni odkazy atd.


    — Pavel Šich    20 10 2005 - 10:49    #
  15. Když prodáváte pomocí webu, tak ten web není moc marketingový nástroj, ale další prodejní kanál.. proto intra bych tam vůbec nedával.

    Co mě vadí na velikosti písma, když je relativní a ne pevná v px, je to, že při jiném DPI (ve win velké fonty – 120DPI – defaultně zaplé na některých noteboocích), se přepočítá i takto dané písmo a rozhodí to celý layout. Proto zvětšování písma bych raději nechal na scriptu nebo prohlížeči, který si s tím poradí (ne IE).

    Text se také čte mnohem líp, když je vyšší nejen písmo, ale řádkování. Ale to 90% webů takto nepoužívá.


    Petr    2 11 2005 - 08:09    #
  16. Argumentovat tím, že na rozlišení 1600 x cosi může jen neumětel, který si neumí nastavit jinou velikost okna, než maximální.


    — rk    23 11 2005 - 17:06    #
  17. Kovářova kobyla se schovala i v bodu 9. Layouty s pevnou šířkou
    problémy na velkých monitorech (layout se nepřizpůsobí šířce okna, uživatel musí zbytečně hodně rolovat), navíc pokud si uživatel zvětší font, šířka webu zůstává stejná (musí rolovat 2x tolik).

    — Joey    30 11 2005 - 14:28    #
  18. jj


    Ice    18 03 2006 - 12:49    #
  19. Jsou to dobre rady a dobre minene. S pevným layoutem je to tezke. Velke uhlopricky v posledni dobe udelaly hodne pro posun od 800×600 vyse. Ale me se 800×600 hodi a libi nejvice. Trisloupcovy roztazeny design je fakt gut jen pro zpravodajske weby a eshopy. Jinak trvam na pevne sirce. Zvetsovani pisma by melo byt samozrejme. Hodne webdesigneru, ale bohuzel neumi poradne CSS a pouzivani jednotek em, %, apod jim nic nerika.


    Ondřej Coufalík    7 07 2006 - 19:10    #
Přidat komentář

Pište prosím slušně, s diakritikou a k věci. Dodržujte pravidla a využijte možnosti formátování uvedená pod formulářem.

Pamatovat
- Toto je otázka proti SPAMU, zapište výsledek

Pravidla a možnosti formátování

  • Nepoužívejte HTML značky, blog podporuje sexy formátování texy. Například nový odstavec získáte 2x odřádkováním, citace započněte znakem ">", odkaz: "text odkazu":odkaz, **tučně**, *kurzíva*
  • Adresy začínající na http:// budou automaticky převedeny na odkazy
  • Jediné dvě povinné položky formuláře jsou Jméno a zpráva
  • Na předchozí komentáře odkazujte zápisem [2]