Nový web Dobrého webu je poněkud hnusný

Už i Google pochopil že efektivní nemusí znamenat hnusný, tak proč teď totok? http://t.co/iX­NBFHs

— jsem napsal. Původně jsem to nechtěl rozvádět, protože obhajoba grafického návrhu (estetického dojmu) je na pomezí racionalizace (či za ní). Přesto bude asi slušné pokusit se svůj dojem trochu obhájit. 

  • budu se bavit o grafické stránce výsledného webu a o ničem jiném
  • nový www.dobryweb.cz je graficky minimalistický, nic proti tomu, to není předmětem mé nelibosti (ve většině případů jsem naopak fanouškem jednoduchosti)
  • dojem v jednom slově: nedbalý. Výsledek, jako když grafik neví, co dělá, nebo jako když mu dáte 12 hodin, žádný čas na revizi s odstupem času. Snad je možné, že dodaný grafický návrh takovým dojmem nepůsobil a výsledek takto „obohatil“ až kodér, ale spíš si to nemyslím. (Protože kromě toho podle mě trpí i nudností.)
  • fotky na úvodce – hlavní důvod negativního dojmu (?). Táhnou příliš pozornosti (jsou zbytečně kontrastní jak samy o sobě, tak v kontextu stránky). Nadpisy sekcí jsou příliš blízko nich, jejich spodní odsazení je dokonce větší než horní, což by se dalo chápat, kdyby nešlo o nadpisy, ale o popisky obrázků, což by mohla být varianta, ale toto jsou nadpisy.
  • nadpisy jsou ve velmi tenkém řezu písma, což je na webu poměrně nevhodné, anebo spíš je potřeba trochu zručnosti při jeho používání. Na podstránkách (obr. níže) je to dobré, ale na úvodce mi přijdou použity docela nešikovně. V blízkosti černého písma (#000!), důsledně (rigidně) podtrhaných odkazů, nevzhledných černých odrážek a již zmíněných příliš výrazných obrázků nemají šanci se tvářit dostatečně důležitě (což by měly).
  • na dojmu nedbalosti se dále podílí: přelétavé účaří v hlavičce, nezarovnaný a násilně umístěný vyhledávací formulář, nadbytečné okraje u log/referencí, překvapivá práce s prázdným místem (ve střední části úvodky), šíleně kontrastní prvky v patičce (která nedává najevo, že je patičkou), legrační zvýraznění navštívených odkazů (barvou meruňky ve stavu, kdy ji už nechcete jíst)
  • screenshoty, aby bylo s odstupem času jasné, na co reaguji:
  • je fakt, že až Firefox opraví své vykreslování písma, pro polovinu návštěvníků bude web vypadat jako na obrázku, pro druhou půlku budou nadpisy trochu robustnější, což je v tomto případě velmi relevantní a použití font-face (nepoužití jiné, konzistentnější výsledky tvořící metody) je nedobré rozhodnutí implementátora

Nemělo by být těžké mi vymluvit cokoliv teď zaznělo.

O článku Nový web Dobrého webu je poněkud hnusný

  • Publikováno: 23.7. 2011 - 14:26
  • Patří do kategorie: něco
  • Týká se: .

Komentáře (6)

k formuláři

RSS kanál komentářů

    • Komentář číslo: 1
    • *
    • Jméno: karf
    • Odesláno:
      4.8. 2011 — 10:24

    Jen poznámka: to vykreslování písma není chyba Firefoxu, ale jeho vlastnost. Chyba je kodérova, protože kombinuje light verzi webfontu s boldem v CSS. Taková kombinace není, a FF ji tedy simuluje (bolduje light písmo, což je hnusné). Správně by měl kodér používat jen ten duktus, který nastavil v deklaraci webfontu (normal). (Jinak web se mi taky moc nelíbí.)

    • Komentář číslo: 2
    • *
    • Jméno: Kahi
    • Odesláno:
      4.8. 2011 — 21:31

    [1] karf: Super postřeh, díky za opravu.

    • Komentář číslo: 3
    • *
    • Jméno: Luboš Plotěný
    • Odesláno:
      5.8. 2011 — 9:58

    Velice děkujeme za konstruktivní kritiku našeho webu. Zkusím zareagovat na body, které, dle mého názoru, reakci očekávají:

    • dojem v jednom slově: nedbalý – jsme se vědomi toho, že některé prvky ještě potřebují graficky vyladit – vzhledem k časovým možnostem jsme něco museli udělat bez konzultace s grafikem (často jsou to zmiňované věci) – během několika týdnů si na to znovu sedneme s grafikem a zkusíme je vyladit
    • fotky na úvodce – hlavní důvod negativního dojmu (?) – toto je přesně příklad to popsaného výše. S tímto nejsme spokojeni z více důvodů a budeme to měnit
    • nadpisy jsou ve velmi tenkém řezu písma – souhlasíme, díky za upozornění, také to chceme vyladit
    • přelétavé účaří v hlavičce, nezarovnaný a násilně umístěný vyhledávací formulář, nadbytečné okraje u log/referencí, překvapivá práce s prázdným místem (ve střední části úvodky), šíleně kontrastní prvky v patičce (která nedává najevo, že je patičkou), legrační zvýraznění navštívených odkazů (barvou meruňky ve stavu, kdy ji už nechcete jíst) – tady ten pocit nemáme, ale přesto znovu budeme konzultovat s grafikem
    • použití font-face (nepoužití jiné, konzistentnější výsledky tvořící metody) je nedobré rozhodnutí implementátora – budeme rádi za tip na vhodnější metodu

    Ještě jednou děkuji za opravdu kvalitní kritiku.

    • Komentář číslo: 4
    • *
    • Jméno: Kahi
    • Odesláno:
      7.8. 2011 — 17:10

    [3] Luboš Plotěný: Díky za reakci, budu se těšit na příští verzi. Ad font-face: Cufón.

    • Komentář číslo: 5
    • *
    • Jméno: Johns
    • Odesláno:
      13.8. 2011 — 17:01

    Je to hnus velebnosti!

    • Komentář číslo: 6
    • *
    • Jméno: Carl114
    • Odesláno:
      12.9. 2011 — 14:48

    Musím bohužel souhlasit. Ten vršek je krásný – pěkně udělané logo, menu, ale ten zbytek k tomu tak nějak nesedí. Nejsem grafik, ale jako člověku mi to vadí. Písmo mi přijde větší kde by mohlo být menší.

    Jinak souhlasím s obrázky, asi bych místo čtverce zvolil menší obdélník. Budou na výšku stránky brát méně místa a pozornosti (což je myslím dobře, protože takové obrázky má na stránkách kde kdo a i maličkosti záleží na rozhodnutí jestli si objednám SEO e-shopu za 60 tisíc).

    Pak si myslím, že díky více sloupcům s textem je to drobet (snažím se být jemný) nepřehledné. Když kliknu na SEO (třebas), chci nějakej text a sloupeček, co děláte a jaký to bude mít výsledek + třeba odkaz na formulář. Místo toho ale na mě vyskočí dva krátké sloupečky a pod nima další a jsem zmatenej, netuším, co číst dřív – jenže v liště mám z vyhledávání Googlu dalších 5 podobných stránek = zavřu okno a šance na dobrou optimalizaci je fuč, protože věřím, že umíte.

Přidat komentář

Nápověda ke psaní komentářů

Zde formátuje Texy!

  • *zvýraznění*
  • **silné zvýraznění**
  • > citace
  • "odkaz":http://kam
  • [4] reakce na komentář
  • zdrojové kódy a více

komentáře

úplně nahoru