Šablona - webdesign služby

Petr Tichý: Jako potenciálnímu zákazníkovi by se mi na takovém webu určitě líbilo. Jako webdesigner oceňuju, že například "vizitku" v logu jsi udělal textově, nikoliv obrázkem, jak by to udělali mnozí.

Možná bych zvolil jinou velikost nebo řez písma, tenhle na mě působí moc strohým dojmem, nebo jak to říct. Chtěl bych něco trochu přítulnějšího. Ale jinak velmi povedená práce, žádné web 2.0, ale oku lahodící.

PS: Teď jsem se letmo mrknul na kód, také velmi kvalitní a dobře strukturovaný (aspoň zběžným zkoumáním).

Web je dělán s velikým důrazem na použitelnost.

Ano, je to vidět a toto snažení bylo úspěšné. Web se chová dobře bez stylů, bez obrázků i při -- / ++ písma.

Horší už je kód, ale tragický není.
Ve FF nefunguje label pro "Kontakt pro odpověď". Příčinou je buď neuzavřený tag <form>, nebo chybějící mezery před / u některých tagů.

Viz

<form>

                    <fieldset>

                    <legend>Kontaktní formulář</legend>

                    <label for="name">Vaše jméno:</label><br />

                    <input id="name"/><br />

                    <label for="contact">Kontakt pro odpověď:</label><br />

                    <input id="contact"/><br />

                    <label for="message">Zpráva/dotaz:</label><br />

                    <textarea id="message" rows="5" cols="30" /></textarea><br />

                    <input type="submit" value="Odeslat" />

                    </fieldset>

                    </div>

Petr Tichý: K pravopisu:
1) Pokud se rozhodnete svěřit tento úkol mě - správně je mně (3. pád)
2) Webová stránka není pomeranč aby na ní mohla být cenovka - chybí čárka před aby
3) Nic Vám ale nebrání mě nezávazně kontaktovat a zjistit kolik by stál právě Váš web. - možná čárka před "a", důsledkový poměr.
4) Zkuste sekci webdesign, kde je jemně vysvětleno v čem je ono tajemství webdesignu. - chybí čárka před "v čem"

Jo a mail by mohl být mailto:

NA prezentaci webdesignérského studia mi to přijde nevýrazné. Na druhou stranu se mi líbí jemnost návrhu i jeho zpracování. I když v kódu je na mě možná prvků div až přespříliš. (Na druhou stranu jsou pravděpodobně potřebné.) Možná bych si zkusil trošku ještě pohrát s menu. A také bych popřemýšlel, zda by nebylo lepší mít popisky u formuláře na stejném řádku jako input pole. Přijde mi nějaký moc veliký.

Celkově se mi práce líbí ačkoli je na mě místy až moc konzervativní.

PS: Použitelnost a design se vzájemně absolutně nevylučují. Zanedbávat tedy místy design kvůli použitelnosti je dle mého názoru holý nesmysl.

Petr Tichý
Z hlediska přítupnoti mi tam chybí skrytý odkaz "přeskočit navigaci".

JInak je to hezký. Co se týče použitelnosti, těžko hodnotit z jedné stránky. ;o)

Ad použitelnost:

1) Celý web je laděn v podstatě do jedné barvy (s malými odchylkami), takže se na něm hůře orientuje.
2) Na úvodní stránce nevím, kde začít (souvisí s bodem 1), chtělo by to nějaký záchytný bod.
3) Web by snesl víc tzv. whitespace - větši rozestupy jednotlivých boxů, nadpisů a odstavců. Teď se mi to zdá příliš "přehuštěné".
4) Menu by chtělo zvýraznit, popř. podtrhnout odkazy v něm.

trosku semantiky by neskodilo! a pak v novinkach nedavej cti vice nebo detaily.....viz kapitola SEO - anchor text

nefunkční :( patrně neukončený xhtml tag, nahoď to zase ;-)

Je to hezké, ačkoliv na mě to spíše působí jako blog než jako designerské portfolium. Jako to na mě působí víc stránky původní.

Petr Tichý
Opravdu se nechci dohadovat, samozřejmě máte částečně pravdu. Já ovšem vidím význam něčeho, co si říká použitelnost, hlavně v návrhu rozvrstvení navigace, snadného pohybu po stránce, snadného nalezení např. menu, vyhledávání atd. na stránce a podobné věci. Jestli je malé písmo hezčí je věc názoru, já osobně proti velkému písmu nic nemám, často se mi i líbí více. Nehledě na to že to, jak se písmo čte, bych řadil do přístupnosti - stejně jako se tam řadí kontrast písmo/pozadí a podobné věci. Ono ostatně mezi použitelností a přístupností je velmi tenká a často nezřetelná čára. A ještě drobnost, použitelnost není soubor pravidel. V životě jsem neviděl ani jedno jasné pravidlo v rámci použitelnosti. Konečné rozhodnutí zda použít to či ono záleží vždy na konkrétní situaci (a ověřuje se, v rámci dražších a důležitějších prezentací, uživatelským testováním). Proto nerad vidím, když se někdo odvolává na použitelnost jako na něco, proč nemohl udělat lepší design...

Petr Tichý
Ještě si dovolím malou reakci... Zase říkám, v podstatě máte pravdu a nikdo nic nezkazí, když se bude řídit tím co jste napsal. Věřím však, že pravda leží o pár centimetrů vedle.

Ty opravdu nejhezčí stránky jsou portfolia světových designérů, jaké můžeme nalézt na cssmania.com a jinde na "opravdových galeriích". ... Celý web pak vypadá jako perfektní grafické dílo, kde se ale má potíže kdokoli vyznat.
Ano, tyto stránky jsou opravdu tvořeny jako umělecké dílo, v mnoha případech jsem ovšem neměl nejmenší problém se v nich vyznat. Samozřejmě je také mnoho těch ve kterých to problém je.

Nějaká pravidla použitelnosti jistě existují, nejsou ale nijak striktní. (logo vlevo nahoře, navigace buď vlevo ve sloupci nebo vodorovně pod hlavičkou, samotná hlavička i patička by se dalo říci, drobečková navigace, mapa webu ...)
Zase.. slovo pravidla. Jsou to zvyklosti. Logo může být vpravo ačkoli ho tam uživatel nečeká (mluvím o internetu na kterém se čte zleva do prava), navigace vpravo se opravdu mnoho nepoužívá, ryze z praktických důvodů, že by u malých rozlišení nemusela být vidět. Hlavička se občas vynechává, osobně mám weby bez hlavičky rád. Patička povětšinou samozřejmě existuje, drobečková navigace má smysl pouze na větších webech (malé jí tudíž nepoužívají), mapa webu to samé.

Barvy mě přindou málo odlišné, na mém monitoru to vypadá, jakoby měla stránka jednolitý podklad.

Nadpisům bych určitě přisoudil větší margin-top.

Nápad s vizitkou se mně líbí. Nápad s "lístečkama" u novinek už míň.

Ahoj, nečítal som všetky predchádzajúce komentáre ale poviem ti moj názor. Viacej sledujem tú designovú stránku veci. Stránka na mňa pôsobí prijemne, obzvľášť sa mi páči ako je vyriešená hlavička. čo by som ale zmenil (ber to iba ako návrh) je pozadie - vyskúšal by som biele alebo s nejakou jemnou grafikou. Vpravo tipy a novinky - keď to má pôsobiť ako lístočky viacej by som sa tomu venoval - pripadá mi to ako nedorobené. Priadal by som tomu na reálnosti aj keď to tak reálne zrejme nemá vyzerať :)
Osobne ja by som naštýloval formulár a patka by sa mi pácila v inej farbe a písmo v strede alebo troška viac odsadené zprava.
Celkový dojem - moc príjemný.
Známka - 7/10
Dúfam že si pochopil moju "zmysluplnú" kritiku (trocha zamotanú) :)

8 ale nejsem línej :D protože nemám čas :D