Kritérium webového designu č. 85: Sonic Electronix

Každý týden se podíváme na nový web a analyzujeme jeho design. Poukážeme na obě oblasti, které jsou vedeny dobře, kromě těch, které by mohly použít nějakou práci. Nakonec budeme požádáni, abyste nám poskytli vlastní zpětnou vazbu.

Dnešní web je Sonic Electronix, společnost spotřební elektroniky. Pojďme skočit a uvidíme, co si myslíme!

Prozkoumejte prvky Envato

Pokud chcete svůj web odeslat jako součást budoucí kritiky designu, trvá to jen několik minut. Za kritiku vašeho návrhu účtujeme 49 USD - podstatně méně, než kolik byste zaplatili konzultantovi, aby se podíval na vaše stránky! Více se dozvíte zde.

O společnosti Sonic Electronix

„Sonic Electronix je předním světovým prodejcem autorádia a jiné spotřební elektroniky. Náš sklad nese více než 15 000 vysoce kvalitní elektroniky. Poskytujeme bezkonkurenční služby za bezkonkurenční ceny. Začněte budovat autorádio svých snů ještě dnes a užijte si prvotřídní služby a rychlé přepravy. Nosíme také široký výběr profesionálních zvukových, DJ vybavení a karaoke produktů pro aplikace od vstupní úrovně po nejzávažnější audio specialisty. “

Zde je snímek obrazovky domovské stránky:

První dojmy

Sonic Electronix vypadá jako docela typický online prodejce. Na první pohled existuje několik aspektů designu, o kterých si myslím, že jsou provedeny dobře. Mohu říci, že zde bylo rozhodně vynaloženo určité úsilí, aby web dodal nějakou estetickou přitažlivost, což je skvělé. Viděl jsem nespočet dalších webů v tomto žánru se skutečným nepořádkem domovské stránky.

Bezprostředně na netopýru mě přitahují čisté a konzistentní produktové záběry. Každý produkt je zobrazen na bílém pozadí a vypadá profesionálně. Toto odhodlání k důslednosti se na celém webu pokouší v různých podobách opakováním barev, stylů tlačítek atd.

"Existují body, kde se zdá, že stránka opravdu zápasí s nepořádkem ..."

To vše bylo řečeno, existují body, kde se zdá, že se tato stránka opravdu potýká s nepořádkem, jak to dělá převážná většina internetových obchodů. Dále existují různé vylepšení a změny, které by mohly být provedeny za účelem zlepšení použitelnosti a toku stránky. Nakonec si myslím, že by mohla být provedena nějaká velká vylepšení. Pojďme to rozebrat a uvidíme jak.

Elektronický obchod je jiný

Většina webových návrhů je přístupná z podobného hlediska. Dokážu vzít několik základních, základních návrhových principů a přepracovat nejošklivější webové stránky. Zajímavostí v oblasti elektronického obchodování je však to, že se jedná o nepředvídatelné pole, kde se občas nejhorší stránky zdají být nejúspěšnější.

"Musíme mít na paměti, když kritizujeme web, jako je tento, že tento žánr funguje podle jeho vlastních pravidel."

Znamená to, že bychom měli stránky elektronického obchodování úmyslně ošklivé? Rozhodně ne. Musíme však mít na paměti, když kritizujeme web, jako je tento, že tento žánr funguje podle jeho vlastních pravidel a že některé věci, které by se mohly zdát opravdu důležité pro návrh portfolia, jsou v této situaci téměř irelevantní.

Je to určitě dobrý nápad neustále se rozhlížet po celém odvětví a rozhodovat, kdo si vede dobře a proč. Když má společnost stovky tisíc dolarů na investice do výzkumu nejefektivnějších rozvržení a nákupních toků, s čím přišli? Když poskytuji radu níže, pokusím se získat informace o vnějších odkazech, které nám pomohou udržet nás na místě.

Název stránky

Jednou z prvních věcí, které při návštěvě webu dělám, je podívat se na záhlaví. To je zcela instinktivní, web mě naučil myslet si, že mi to řekne, o čem je celý web. Zde je to, co vidím na stránce Sonic Electronix.

Jak vidíte, titulní lišta se zaměřuje čistě na zvuk automobilu. Nyní jsem ochoten se vsadit, že je to pro účely SEO a je to spíš pro klíčové slovo, než pro předávání informací uživateli. Jsem všichni za optimalizaci vaší stránky pro vyhledávače, ale ne pokud to snižuje užitečnost pro uživatele, a to je přesně to, co se tady děje.

"Jsem vše pro optimalizaci vaší stránky pro vyhledávače, ale ne pokud to snižuje užitečnost pro uživatele."

Problém je v tom, že jakmile jsem si toto přečetl, pokud nehledám audio zařízení do auta, jsem pryč. Pravděpodobně se ani nebudu dívat na zbytek stránky, zejména pokud mám z vyhledávání Google otevřeno pět karet a rychle jimi procházím, abych zjistil, které produkty mají.

I když je autorádio vaším největším prodejcem a vypadá to, že je, myslím, že by to mohlo být přepracováno na něco více svědčící o produktech, které skutečně prodáváte. Například: „Autorádio, GPS, zabezpečení, mobilní telefony a další.“ Něco takového zasáhne ta klíčová slova, která se vám líbí, a přitom stále poskytuje přesný popis webu.

Záhlaví

Jedním z primárních míst na stránce, které vidím bojovat s nepořádkem, je záhlaví. Toto je extrémně běžný problém na všech typech webových stránek, protože se chcete natolik vtáhnout do toho nejdůležitějšího prvního dojmu.

Když přemýšlíme o tom, jak vylepšit tuto hlavičku, aby byla trochu uživatelsky přívětivější, pojďme se podívat na vnější perspektivu. Jakmile jsem se začal rozhlížet po různých populárních stránkách elektronického obchodování, všiml jsem si něco velmi zajímavého o tom, jak zachází s prostorem v záhlaví. Zde jsou dva příklady, první z Amazonu a druhý z Overstocku.

Podívejte se na velikost těchto vyhledávacích lišt! Je zřejmé, že vidí vyhledávací funkci jako pravděpodobný primární cíl pro uživatele navštěvující jejich stránky a chtějí se ujistit, že je nabízena co nejvýrazněji.

"Rozhodně doporučuji vyzkoušet stránku s hlavičkou přepracovanou tak, aby bylo možné hledat především nad ostatními."

Na Sonic Electronix je k dispozici značný prostor pro velké vyhledávací pole, ale jeho obětování při hledání jiných myšlenek. Rozhodně doporučuji vyzkoušet stránku s hlavičkou přepracovanou tak, aby bylo možné vyhledávat funkce především.

Navigace

Šel jsem tam a zpět o tom, jak se cítím o mega nabídkách, které se napěchují v milionu odkazů, ale na jednom místě se zdá, že funguje dobře, na stránkách elektronického obchodu, které mají spoustu obsahu, které je možné prosít. Navigační nabídky Sonic Electronix jsou pěkně uspořádány a je docela snadné rychle zjistit, co to je, co hledám.

Zase si myslím, že v této oblasti proti nám pracuje nepořádek. Pokud se podíváme na místo, kde bychom očekávali navigační nabídku, skutečně ji najdeme, ale je to trochu ztracené v moři spojů, přechodů, zaškrtnutí, rozevíracích nabídek atd.

Dobrý design je o rozhodování. Musíte se rozhodnout, co je důležité a jak to zdůrazníte. Pokud vyrukujete a snažíte se učinit vše důležité, pak všechno, co děláte, není nic důležitého.

Doporučené položky

Dále přejdeme dolů k vybraným položkám na stránce. Zde získáte první skutečnou vizuální dávku o rozmanitosti a kvalitě produktů nabízených na webu. Prvky jsou úhledně uspořádány v mřížce, a jak jsem zdůraznil výše, využívají pěkný vzhled pozadí studio se spoustou mezer.

Moc se mi tato oblast líbí, ale mám s ní několik problémů. Za prvé, z hlediska použitelnosti je docela nepříjemné, že každé celé pole není klikatelnou oblastí. Na obrázek lze kliknout, stejně jako na název produktu a tlačítko „Nakupovat nyní“, ale pokud se rozhlédnete po různých jiných webech, je zde tendence dělat to, abych mohl kliknout kamkoli v mezích pole a přejít na speciální produktová stránka. Při současném nastavení by to mohlo osobě několik kliknutí napravit.

"Zjistíte, že uživatelé jsou velmi opatrní ohledně stisknutí tlačítek na stránkách elektronického obchodu ze strachu z neúmyslného nákupu něčeho."

Dále mám pocit, že tlačítka „Nakupujte nyní“ jsou vágní. Nejsem si úplně jistý, co to znamená a jak to souvisí s tím, co se stane, když stisknu tlačítko. Nejsem nakupován od druhého načtení stránky? Zakoupí toto tlačítko položku? Je to prostě něco, na co kliknu pro více informací?

Zjistíte, že uživatelé jsou velmi opatrní, pokud jde o stisknutí tlačítek na stránkách elektronického obchodování ze strachu z neúmyslného nákupu. Když vytvoříte tlačítko, ujistěte se, že mě dostatečně připraví na to, co se stane, když ho stisknu.

Proč nakupovat Sonic?

Moje nejméně oblíbená část stránky je část „Proč nakupovat Sonic“ v dolní části. Tato sekce je prostě krabička se čtyřmi velkými odstavci. Není to opravdu „navrženo“ tolik, jak je vhozeno dovnitř. Vypadá to, že se jednalo o velký kus obsahu, který designér prostě netušil, co s tím dělat:

Jedná se o velký blok nudných informací, které si jako uživatel nikdy nebudu moci přečíst, pokud to nezajistíte. Jak to můžeme opravit? Ukázalo se, že zde uvedený obsah je skutečně seznam funkcí: rychlé dodání, bezpečné platby atd. S ohledem na tyto informace není těžké najít nějakou spolehlivou inspiraci. Podívejte se, jak online obchod Apple Store řeší tento problém:

Vidíte, o co lepší to je? V sekci Sonic Electronix je vše vrženo do jednoho trapně dlouhého sloupce, který neobsahuje obrázky ani atraktivní vizuální prvky. Apple k tomu přistoupil velmi odlišně tím, že rozdělil obsah do čtyř sloupců, udržoval text až na krátký odstavec a popadl vaši pozornost krásnými ikonami a fotografiemi.

Zápatí

Ještě poslední komentář, než tuto kritiku zabalíme: Myslím, že zápatí je trochu smutno:

Nejsem si jistý, zda potřebujete kulky nebo podtržení odkazu, ale jsem si jistý, že obě tyto oblasti tuto oblast obtížně čtou. Kdybych musel jednu kopat, hodil bych podtržení tak, aby zápatí vypadalo více jako u Newegg.com:

Rozdíly mezi těmito dvěma zápatími jsou nenápadné pro netrénované oko, ale Newegg vypadá stejně čistěji a snáze se prochází.

Závěr

Celkově si myslím, že stránka Sonic Electronix je od začátku velmi silná, ale musí přehodnotit hierarchii informací. To je problém, na který jsme narazili znovu a znovu, když jsme cestovali po stránce.

„Prezentace obsahu logickým, přehledným a atraktivním způsobem je primárním cílem webdesignu.“

Primárním cílem webdesignu je prezentace obsahu logicky, přehledně a atraktivně. Informace napěchované a trochu líné na straně designéra v případech jako „Proč nakupovat Sonic?“ sekce drží stránky zpět od toho, co by to mohlo být.

Nakonec navrhuji několik studií zaměřených na sledování prokliků, abychom zjistili, co uživatelé rádi / potřebují. Pomocí těchto informací můžete omezit, co není efektivní, a zvýraznit, co je. Pevně ​​mám podezření, že položky, jako je vyhledávací panel, by mohly být mnohem efektivnější, kdyby byly výraznější.

Tvůj tah!

Nyní, když jste si přečetli moje komentáře, zapojte se a pomozte tím, že poskytnete návrháři nějaké další rady. Dejte nám vědět, co si myslíte o designu skvěle a co si myslíte, že by mohlo být silnější. Jako vždy žádáme, abyste také respektovali návrháře webu a nabídli jasné konstruktivní rady, které zbaví jakékoli tvrdé urážky.