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ě.
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
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č).
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ší.
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č.
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)
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 :-)
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í.
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
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). ;-)
[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) centrum.cz)screenshot? To jen abych věděl jak moc strašné to je. Díky.
[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/částí/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ě.
„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
[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.
Pěkné shrnutí všech neduhů internetových prezentací a teď už to jen vysvětlit zákazníkům :)
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.
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 :-))
[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 ;-)
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.
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á.
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í.
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.
← Spuštěn Flash.cz - nový server pro uživatele softwaru od Macromedie Bydlení na míru →
Už jste zkusili prodávat fotky a ilustrace přes fotobanky?
Všechny články o fotobankách
Knihy o webdesignu, grafice, digitální fotografii.
Kompletní seznam nabízených knih
Domény zdarma
Český hosting dává domény zdarma k webhostingu -
www.cesky-hosting.cz
70 % Dmitry Glukhovsky: Metro 2033
Metro 2033 je tak trochu jiná sci-fi - nazval bych to spíše postkatastrofické sci-fi - hlavní hrdina pořád putuje a potkává nové lidi, společenské řády a podobně. Nakonec sice dorazí, ale náplň celé knihy je putování a poznávání. Pravda v závěru byla nějaká pointa, ale nebylo to nic překvapivého.
Celový nápad - život lidí v metru po atomové válce - je skvělý. I popis toho, jak to tam vypadá, jak lidi žijí, ale přišlo mi to nedomyšlené - například tam používali osvětlení, ale nebylo vysvětleno kde berou energii, hodně tam pálili dřevo, ale jeho získávání bylo složité. Platilo se se náboji, ale kde je pořád brali? A hlavně za co a jak je tam vydělávali?
suma sumárum je to hodně jiné sci-fi než na jaké jsem byl zvyklý - obsahovalo mnohem více filozofie, úvah a nedotažených nápadů. Pokračování si asi nepřečtu, spíše se jen podívám o čem je.
80 % Leoš Kyša: Proč jsou muži trapní
Sbírka fejetonů o moderním manželství - každé téma je zde zpracováno z jeho i z jejího pohledu, což přináší řadu zábavných situací a historek.
Internetová jazyková příručka
Příručka, která nabízí ucelený přehled základních jazykových jevů češtiny, časté chyby, pravidla atd.
Design Newz
Ty nejlepší ručně vybírané zahraniční články o webdesignu, webu, grafice, javascriptu...
jQuery Timelinr
Skvělý skriptík na prezentaci časové osy pomocí jQuery - návod, ukázky, zdrojáky.
[jQuery]
Origami instructions
Detailní a velmi přehledné návody na origami - zvládl jsem podle toho poskládat pár kousků i já.
Designspiration
Obrovská zásobárna inspirace pro grafiky - kvalitní vyhledávání podle klíčových slov, ale také podle barvy.
Fotobanky.cz
Můj nový web o microstock fotobankách - prodej a nákup fotografií, vektorových ilustrací, videa, flashe. Návody, tipy, triky, slevové kódy, přehledy, srovnání, rady...
Můj antikvariát
Online vyhledávač v českých antikvariátech - půl milionu knih v cca 60 antikvariátech.
Theses
Theses.cz je systém pro odhalování plagiátů mezi závěrečnými pracemi (bakalářské a diplomové práce). Slouží vysokým školám a univerzitám (nejen v ČR) jako národní registr závěrečných prací.
jQuery bookmarklet generator
Výborný nástroj pro líné kodéry, aneb jak v bookrmarkletech a faveletech použít knihovnu jQuery.
[jQuery]
Facebook tipy a triky
Všechno co potřebujete vědět o Facebooku.