Zdravim vsechny kritiky a webdesignery. Mam tu pro vas dalsi pracicku. Rad bych od vas slysel nazory na 2 weby z me tvorby, takze pls, sverte se mi se svymi pocity, rady a doporucenimi... :)
kapitola prvni - http://www.souzchvaletice.cz
--
Zaklad tohoto webu jsem vytvoril jiz koncem minuleho roku, ale stale neni zcela dokoncen. Duvodem je nedodani podkladu ze strany zadavatele, nikoliv ma lenost :D V planu je rada "statickych" textu, dynamicke fotoalbum (tedy s kompletni administraci) a mozna dalsi "aktivnejsi" prvky. Prozatim je funkcich jen nekolik stranek se statickymi udaji a sekce aktuality, ktera je teda dynamicka a disponuje mimo jine i RSS exportem. Pro udelani si predstavy o webu to je ale IMHO dostacujici...
kapitola druha - http://www.kpm.cz
--
Tento web je jiz plne funkci, nicmene do budoucna planuji dalsi rozsireni. Jedna se o elektronicky obchod s VT. Zde se, prosim, zamerte nejen na design webu, ale i na uzivatelskou privetivost... Zda se v nem tedy snadno zorientujete atd. Vzhledem k tomu, ze vse jede "na ostro", budete-li testovat i primo funkce e-shopu, bude to brano jako ZAVAZNA OBJEDNAVKA! Takze bacha na to ;)
Vsem, kdoz mi sdeli sve nazory predem dekuji.
Broli
Na tom neni co kritizovat. :-)
Sojkovec:
tak aspon doporucit vylepseni :) Chyby a nedostatky se najdou vzdy a vsude...
Chyby se najdou vzdy a vsude. Kdo je chce najit, najde. Nicmene to uz by byly zalezitosti ciste subjektivni, nebot ma kazdy trochu jiny vkus. Ja na tom objektivni chyby nevidim.
fak asi nic kámo... je to dobrý...
je to slusny, kod striktni, btw. promakany logo s peknym barvenim (sou)....
imho bezchybny
jenom ten flash na http://www.kpm.cz se mi tam nejak nezda
ale to je, jak rekl Sojkovec subjektivni nazor
nic bych na tom nemenil
Ze všeho nejdřív je nutné říct, že oba ty weby jsou o několik tříd prakticky nad vším, co se tu poslední dobou objevilo. Ale abys neusnul na vavřínech, trochu porýpu.
http://www.souzchvaletice.cz/
Začala bych subjektivními výtvarnými záležitostmi: trochu mi neladí ta kombinace jasných světlezelených barev (menu, patička) a tlumených tmavozelených odstínů v obrázkové hlavičce. Taky kulaté rohy menu jsou malinko v konfliktu s ostrými hranami patičky a hlavičky. Ta fotka maníka uprostřed hlavičky by mohla být trošku ostřejší a trošku víc na stranu, třeba aby seděla ve zlatém řezu. Červená by měla být kromě :hoveru odkazů ještě jinde, aby tam nepůsobila jako páté kolo u vozu.
Líbí se mi zvýrazněné accesskeys a odkaz nahoru.
Naopak se mi nelíbí, že vypnuté obrázky = žádný hlavní nadpis. Tohle se řeší nejlépe takovou tou metodou prázdného spanu, který ostyluješ tak, aby byl o vrstvu výš než text h1, a tím ho překryješ. V praxi to můžeš vidět třeba na Moderním webu.
http://www.kpm.cz
Fotka počítače vpravo nahoře by si zasloužila ještě trochu doupravit, třeba po levé straně monitoru a na šikmých čarách vůbec je to kapku zubaté.
Rámečky s produkty na úvodní straně by mohly být buď stejně vysoké, nebo rovně zarovnané.
Teď k seznamům odkazů (např. http://www.kpm.cz/?page=aktuality): písmo by mohlo být tmavší a text podtržený i v nenajetém stavu. Tam, kde se odkazování rozumí samo sebou (levý sloupec) nebo tam, kde mají odkazy čudlíkovitý tvar (horizontální menu) není podtržení úplně nutné, ale v hlavním sloupci by bylo fajn ho mít.
Proč h2 (názvy stránek) klikají samy na sebe?
Někde pod hlavičkou by mohl být přeskok na navigaci (pro hlasové čtečky, mobily a podivná zařízení vůbec) - mrkni na http://pristupnost.nawebu.cz/weblog/blogpost.php?post=94
Freya:
Předně díky za objektivní kritiku.
Nejdříve k tomu SOUz Chvaletice:
Jsem si vědom toho, že ta grafika hlavičky je oproti světle laděnému zbytku poměrně výrazná, ale tak jsem to chtěl... aby to trochu víc upoutalo. Zkoušel jsem i světlejší varianty, ale tohle mi přišlo lepší. No, asi je to opravdu subjektivní a každému se líbí něco jiného :) Ten "zlatej řez" je trošku problém...tím svářečem zakrývám jinak dosti ostrej přechod 2 různejch obrázků :) Bohužel nějaké logo v návrhu neprošlo a oni tam chtěli mít nějakého takovéhleho klučinu, tak jsem ho využil k zakrytí právě toho přechodu.
Co se týče toho zvýraznění (boxu) prvních dvou položek menu, tam se mi popravdě nějak nelíbily hranatý rohy. přišlo mi to už "moc výrazný, moc ostrý", těma kulatejma jsem to aspoň trošku zmírnil. Požadavek byl takový, že ty 2 položky musí být proti ostatním zvýrazněny, protože budou obsahovat nejdůležitější informace. Ale asi máš pravdu, že tohle tam taky tak dokonale nepasuje...zkusím nad tím ještě zapřemýšlet a udělat to trochu jinak.
S tou červenou se mi po pravdě příliš experimentovat nechce. Původně jsem ji nechtěl ani v odkazech, ale pak jsem usoudil, že je je třeba trochu víc zvýraznit.
S nadpisem to budu rozhodně řešit, toho jsem si vůbec nevšiml, resp. mě nenapadlo vypnout obrázky. Toť asi nejzávažnější problém.
KPM Computer:
Grafiku dopiluji, dělal jsem ji narychlo. Původně tam byla trochu jiná přes celou šířku DIVu, ale pak jsem tam zadavatel chtěl mít upoutávku na ty LEO sestavy, tak jsem udělal FLASH animaci přes část šířky DIVu a na pozadí dal právě tuhle grafiku. Počítal jsem s tím, že se to možná ještě změní, takže jsem tomu nedal víc než 3 minuty ;)
S těma rámečkama si nevím moc rady. Původně byly vyrovnané, ale potom jsem dělal nějaké úpravy ve skriptu a odskočily mi. Chyba bude někde v CSS, ale zatím jsem na ni nepřišel. Dělá mi to jen pod FF. Ještě na to mrknu, předtím jsem dal přednost řešení problémů ve skriptech a nějak jsem na to pozapomněl :)
Podtržení odkazů je taky trochu dilema... Vím, že odkazy by měly být podtržené za všech okolností, ale dost často je to na úkor celkovému vzhledu a čitelnosti. Tam, kde je to tedy vcelku intuitivní, kde je každému jasné, že jde o odkazy, se tomu tedy dost často vyhýbám. Ty odkazy v navigaci ale asi opravdu podtrhnu aspoň při :hover a zvýrazním.
H2 používám jako součást navigace. Obzvláště v katalogu to má význam. Např. na: http://www.kpm.cz/?page=katalog&key=58 se tedy můžu snadno vrátit až na hlavní přehled katalogu. Možná je to ale opravdu zbytečné, když je jen o trochu výš odkaz přímo v hlavním menu. Asi to půjde pryč...
Na ty přeskakovací odkazy jsem se díval. To je pro mě novinka, rozhodně to zkusím aplikovat, protože tady by se to zcela jistě uplatnilo :)