NOVINKA! E-learningové kurzy umělé inteligence. Nyní AI za nejlepší ceny. Zjisti více:
NOVINKA – Víkendový online kurz Software tester, který tě posune dál. Zjisti, jak na to!
Avatar
r.frajt
Člen
Avatar
r.frajt:5.7.2015 21:52

Zdravím,

vytvořil jsem obchod s knihamy v angličtině, budu moc rád za kritiku, co Vám nefunguje, co chybí, co se líbí..
Klidně si zkuste i cvičnou objednávku, jen do adresa napiste třeba ITNETWORK - test
www.ENbook.cz

Díky moc!

 
Odpovědět
5.7.2015 21:52
Avatar
Adam Ježek
Tvůrce
Avatar
Odpovídá na r.frajt
Adam Ježek:5.7.2015 22:20

Web je jednoduchý a přehledný - přesně plní svůj účel. Ale něco by se našlo:

  • V levym menu, jak sou ty akce na modry pozadí, tak při hover je ten černej text špatně čitelnej, zkusil bych z černý udělat šedou, nebo text nechat, ale při hover ztmavit text a zesvětlit pozadí.
  • Při objednávce je sice super, že se ověřuje i existence emailu, ovšem to načítání co vyskočí mi příde že trvá moc dlouho, možná to nechat běžet na pozadí a upozornit uživatele až pokud to bude neplatný. Pokud zadám správný email, tak bych o tom vůbec nemusel vědět.
Nahoru Odpovědět
5.7.2015 22:20
Počkej chvíli, poradím se s křišťálovou koulí.
Avatar
r.frajt
Člen
Avatar
r.frajt:5.7.2015 22:24

Díky moc, souhlas s levým menu, to změním snadno.

S tím načítáním je pravda, jen je to už technicky složitější, asi zatím bohužel mimo moje síly, ale dám si do TODO listu.

Díky :)

 
Nahoru Odpovědět
5.7.2015 22:24
Avatar
adder
Člen
Avatar
Odpovídá na r.frajt
adder:7.7.2015 23:35

Ahoj,
myslím, že to bude potřebovat ještě hodně úprav a také zkus testovat. Máš respozivní web, tak posaď rodinu k PC, tabletu a telefonu a otestuj web. Nevadí, že např. tvůj strýc není v cílové skupině. Testování ti poskytne velice dobré výsledky i bez toho.

Když jsem si pustil na desktopu, tak jsem souhlasil výše míněným komentářem. Je to přehledné, trochu déle trvá vyhledávání (alespoň podle mě) a ta poslední část v košíku, ale to bych přežil. Ale co bych vytknul na první pohled, tak je grafika.

1. Patička OK až na jednu věc. Neměl by tenhle text "Nabízíme statisíce anglicky psaných knih z oblasti beletrie i odborné literatury na jednom místě. Přes 300 000 knih zahraniční literatury od beletrie až po odbornou. Navíc nabízíme levné poštovné od 45 Kč a nad 1500 Kč dopravu zdarma.", být daleko více vidět? Odkazuje vlastně na to, proč bych si měl u právě u Vás nakoupit.
2. Hlavičku bych předělal, je staromódní a taková omšelá. I logo, grafik by na to měl mrknout. Např. mrkni na button "Můj košík", nepřipadá ti, že je obsah moc nalepenej na okraju?
3. Submenu - :hover skoro neviditelnej. A doporučuji přidávat k :hoveru transition, který oku zpříjemní přechod.
4. Jednotlivý produkt - buttony mají hodně špatnej stín a divně trčí z obsahu produktu.
5. Font - trochu jsem nepochopil, že načítáš z googlu abel (pěknej font) a používáš Arial, Open Sans, atd... To by jsi měl taky dát dohromady.

Přes respo design:

1. Rozpadá se ti horní menu, asi to tak je schválně, ale dobře to nevypadá. Udělej jedno tlačítko a kliknutí otevři.
2. Jako největší chybu beru to, že dáš kategorie na konec stránky. Já bych přišel na tabletu na web, chtěl si objednat něco (tím mám namysli jdu na náhodu) a nenašel bych kategorie. Na to bych řekl fu** a odešel bych. Myslím si, by jsi to měl dát do hlavičky, jako kategorie a nějakým způsobem navrhnout. Ano, mohou to být komplikace, ale může ti přinést kupce navíc. Co myslíš, má to být na konci či na začátku? Zase by to nemělo být otevřené, ať jen uživatel nescrolluje. We love design. :)

Co se týče kódu, tak to jsou trochu jatka.

1. Nejvíc mě asi dostalo to, že máš <h1> a v tom celou sekci "Nejprodávanější knihy měsíce". To je hodně velká prasárna. Divím se, že to validátor přejede.. Nicméně struktura by měla být h1 > h2 > h3, ty máš h2 > h1 a h1 by se měl vyskytovat maximálně jednou na 1 stránce. Strukturu máš dobře např. na detailu knihy, tedy až na to, že máš v h2 celou sekci. h(cokoli) reprezentují na nadpisy, jak tam máš tu sekci, tak použij tag section nebo div.
2. Dále bys měl optimalizovat requesty. Máš tam snad 15 JS a 15 CSS souborů, šup sním do jednoho, style.css, script.js. ;)
3. Ani nevím, proč používáš bootstrap, když ho stejně moc nevyužíváš. (moje blbá poznámka)
4. A přijde mi, že tam někde jsou brutálně zanořené CSS, což není úplně v pořádku. Doporučuji mrknout na nějakou CSS metodologie - bem, oocss, smacss, atd.

Snad jsem poskytl solidní komentář, ve kterém nejsou chyby po technické stránce. Když tak mě ihned kontaktujte. Díky. ;)

Nahoru Odpovědět
7.7.2015 23:35
I’m going to lay this brick as perfectly as a brick can be laid.
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 4 zpráv z 4.