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
Kozoroh (Pořadí odkazů na stránce pomocí atributu TABINDEX)
Kozoroh (Pořadí odkazů na stránce pomocí atributu TABINDEX)
Jirka (Jak exportovat grafiku z Illustratoru pro fotobanky)
Petr Václavek (Jste grafik / grafička a hledáte práci? Zkuste kreslit pro fotobanky!)
Petr Václavek (10 tipů pro fotografy, jak se dostat na fotobanku Shutterstock)
75 % Ian McEwan: Betonová zahrada
No popravdě, čekal jsem podle komentářů ještě brutálnější příběh ale i tak mě z toho běhal mráz po zádech.
90 % Miroslav Žamboch: Bez slitování
Další klasika od Žambocha, moc se mi na tom líbílo, že se odehrává ve stejném světě jako "Koniášovky" (no vlastně Bakly a Koniáš se jednou i potkali).
ColorSuckr
Webové udělátko, které z vámi zadaného obrázku vygeneruje paletu 12ti barev.
[Barvy]
Pdfcrowd
Služba, která nabízí skripty a své API pro snadnou konverzi HTML do PDF. Zajímavá je možnost přidat na web jednoduchý odkaz, který po vložení do libovolné stránky umožňuje stažení její PDF verze.
[Tvorba stránek - návody, nástroje]
Honzova Hypotéka
Pokud hodláte kupovat nemovitost (dům či byt), tak se vám bude hodit tato hypotečně poradní služba - po zadání základních údajů o nemovitosti, své bonitě a výši hypotéky vám budou banky a hypoteční poradci nabízet své produkty. První odpovědi dostanete již během hodiny, další v průběhu týdne. Já sám jsem jich získal téměř dvacet a dozvěděl jsem se, jaké jsou na trhu možnosti - to vše zdarma - k ničemu se nezavazujete. Samozřejmě, když vás nějaká nabídka zaujme, tak se můžete zdarma spojit s nabízející bankou/poradcem a nabídku dotáhnout do finále - uzavření smlouvy.
[Různé]
Hypoteční kalkulačka
Končeně pořádný hypoteční kalkulátor, který nejen vypočítá měsíční splátku hypotéky, ale zobrazí také splátkový kalendář po jednotlivých splátkových obdobích rozdělených na úroky a umoření splátky.
[Různé]
CSS chyby a nekonzistence ve Firefoxu 3.x
Přehled chybného interpretování CSS u Firefoxu (bohužel bez nástinu řešení)
jPlayer
jQuery audio player plugin pro vaše stránky - lze snadno nastylovat, obsahuje i čistě textovou verzi a vypadá dobře.
Better drop shadows
Jednoduchá technika jak udělat ve Photoshopu realističtější stíny.
13 Simple CMS Options
Tipy na jednoduché redakční systémy, které mnohdy nepotřebují ani databázi.
Nejlepší jQuery lightboxy
Článek s přehledem lightboxů založených na knihovně jQuery.
jQuery News Ticker
Docela pěkný a jednoduchý news ticker pro jQuery. Právě jsem ho použil na jednom webu.