Redesign e-shopu s PC hrami

To je změna! Když jsem eshop poprvé viděl, ale to se již opakuji, okamžitě ve mě trhlo - "tady bych si nic nekoupil". Nemám důvěru v obchodníky, kteří šetří na grafickém designu... Ptám se sám sebe, prodávají kvalitní zboží? A dostanu jej?Jak říká Soldgates, prvotní návrh, oproti tomu nynějšímu, je sto a jedno! Web se proměnil na krásnou labuť.Ale pozor! Rozhodně není vhodné usnout na vavřínech!V této fázi nechci přespříliš omezovat kreativitu a nové nápady, proto tedy dnes bez obrázků a hodně popisně. A ne tolik důrazně. Jen "naťuknu" a nechám se tě, Soldgatesi, s tím poprat :)Moc se mi líbí, jakým způsobem jsou vyřešena tlačítka přidat do košíku na seznamu výrobků. Je to nevšední a neokoukaný nápad propojit dostupnost s tlačítkem do košíku takovýmto způsobem. Když nad tím přemýšlím, málokdy si vkládám zboží do košíku, než si jej prohlédnu. Ze zkušenosti však vím, že se tato vlastnost může hodit. A přestože dvoutlačítka většinou bývají matoucí, tohle je uživatelsky přívětivé. Jednoduché a perfektní.Ale přesto bych do něj, dovolíš-li, chvíli ještě šťoural. Šlo by jej ještě vyšperkovat.

Na tlačítku mi mírně nesedí jeho stín - přecejen nikde na stránce nejsou stíny tímto způsobem použity (kulatý stín), proč tady? Bylo by lepší jej sjednotit s ostatními stíny (zmenšit, zleva doprava). Případně a možná ještě lépe - co se jej úplně zbavit? V obsahu stránky stíny použity nejsou, proč by měly být u tlačítka? Nevypadá to bez stínu lépe?

Nelíbí se mi obrázek košíku, nesedí tam barevně ani detailností. Pár let již navíc frčí jednoduché "flat" ikonky. A k tomuto čistému designu se mnohem více hodí.

PS: Vidím, že text má hodnotu text-shadow, možná by zde stálo zato vložit ikonku pomocí fontu. Myslím tím http://fortawesome.github.com/Font-Awesome/ a jemu podobné. Stínování bude konzistentní s textem a nebude třeba si s tím příliš hrát v grafickém editoru.

Rozdílu je skladem - není skladem si nelze na první pohled všimnout, je třeba text přečíst. A lidi nečtou. U položek, které si nelze zakoupit (není skladem), by měla být jiná ikonka. Bývá rozlišných tvarů a velikostí. Většinou jsme eshopům dávali ikonku otazníku, nebo přeškrtnutého košíku, případně dodávky a jednou jsem i viděl hranatý vykřičník. Ale ten nevypadal pěkně.

Ale co na to jít jinak? Možná by zde mohla být ikonka znázorňující šipku ve stylu "aktualizuje se", "probíhá refresh". Mám na mysli jednu nebo dvě šipky, které jsou uzavřeny do kruhu. Třeba by vůbec nevypadal špatně podobný styl ikony, kterou používá twitter pro "re-tweet", nebo ten, který používá Skype při startu.

PS: na font awesome jsou dvě, které by tomuto mému nápadu odpovídaly - icon-refresh

a icon-retweet. Ale určitě by šlo najít i jiné možnosti.

Stále mi do seznamu produktů nějak nesedí "Ukaž všechny | Stránky 1, 2, 3...", ale popravdě nemám sám jasno, co s tím. Napadlo mě je posunout o 5px níže, aby se z těch tlačítek staly jakési záložky, taby. A tyto mírně zvětšit. Ale možná to stále není to pravé ořechové...

Webu chybí favicona

Na hlavní stránce v kolonce NEPŘEHLÉDNĚTE by bylo přívětivější, kdyby byla celá levá část odkazem (myslím tím obrázek, i popisek), nyní je jen nadpis a ne každý návštěvník by na to nemusel přijít...

Na hlavní stránku nesedí ony tři malé bloky textu - recenze, články a sms soutěže. Neladí tam. Jsou moc malé a až budou obsahovat text, nezaujmou.

Líbí se mi, že z nicneříkajícího sálodlouhého textu "Chceš si užít hry na PC za nízké ceny?" byl vytvořen banner, který naopak zaujme mnohem více. Akorát mi přijde, že se krčí zbytečně nízko. "carousel" zachytí zákazníka dříve, než si přečte "nejlevnější ceny"...

Rovněž mi na hlavní stránku nesedí pravý panel, myslím tím "top 5". "Nepřehlédněte" by se rozšířilo na celou šířku a mohlo by dostat lehce širokoúhlejší a o pár pixelů větší a (marketingově) zajímavější obrázky. Zato prosím o odstranění obrázků z malého výběru carouselu. 26 × 11 opravdu není vhodně zvolená velikost. Pryč s tím. Zákazníci vám raději poděkují za zvětšení 11px písma.

Pokud možno, vůbec nepoužívejte 11px a méně. Už dnes se to na malých monitorech špatně čte a v budoucnu s detailnějšími zobrazovadly to bude peklo.

Jak tedy vyšperkovat hlavní stránku a udělat ji zajímavější, zaujmout více příchozích?

Na vrchní část stránky umístit banner ve stylu toho aktuálního, zmenšit jej (dát mu podobnou šířku, jako má právě carousel i s malými bloky textu, tj. kolem 350px - 450px) a ještě prořezat a prokrátit text na jednodušší body bez &. "nakupování bez registrace" není natolik speciální vlastnost ani nabídka na to, aby stála na prvním místě (přiznám se, dodnes jsem nedělal na shopu, který by toto nenabízel). Za předpokladu, že by zůstalo "Hledáš nejlevnější hry? Jsi tu správně!", stačily by jen tři body (více si stejně zákazník nepřečte) - bohatá nabídka, snadný nákup, rychlé doručení (přesně v tomto pořadí, a vůbec se to nezdá, si hrajete s podvědomím zákazníka -> "hledám nejlevnější" -> vybírám z bohaté nabídky (zde kontrast k nejlevnější, který však není jasný na první pohled) -> nákup je pro mě jednoduchý -> a budu to mít rychle (hned) doma). Mé podvědomí a vlastně i vědomí nic víc, než tyto body nezajímá. Prostě chci zboží a nic víc. Nedělejte mi to těžší.

Až pod banner umístit carousel, pak top pět (horizontálně) a poté ty tři bloky textu, které se roztáhnou na celou šířku, aby se daly v budoucnosti na něco smysluplného použít (obrázky, video...). Ještě doporučím nad články a recenze umístit sms soutěže, neboť lidé raději soutěží než čtou.

Tak a to by pro dnešek opravdu stačilo. Je toho více než dost. Ale rozhodně ještě nejste v cíli! Budu mnohem raději, když stránku společně přivedeme k dokonalosti, než za všechny ty díky, jimiž jsem zahrnován :)

Poté, co si "zaháčkujete" zákazníka tím, že si oblíbí váš design hlavní stránky a rozhodne se nakoupit, je třeba zapracovat na objednávce, neboť toto je možná ještě důležitější část, než vše ostatní a spousta českých eshopů ji zanedbává. Nicméně je třeba si uvědomit, že když i zde se zákazník ještě rozhoduje - opravdu chci platit? Nekoupím jinde?

Moc rád vám s tímto pomohu a rozhodně mám ještě spousty podnětných připomínek v rukávu (např. vylepšení detailu produktu, "ihned k dodání"). Ale to až příště.