Kritérium webového designu č. 33: Vývoj obchodu a boční vývoj
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ím webem je Trade & Lateral Development, firma zabývající se e-mailovým marketingem.
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 34 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 obchodu a laterálním rozvoji
Trade & Lateral Development je společnost poskytující kompletní e-mailový marketing. V tomto rozšiřujícím se fascinujícím odvětví máme 10 let zkušeností. Chceme vám předat naše znalosti, abyste mohli rozvíjet své podnikání, aniž byste nejprve museli zkoumat zásady a osvědčené postupy.
Zde je část domovské stránky:
Návrhová analýza
Výše uvedená stránka není neatraktivní. Barvy jsou jasné a poutavé, aniž by došlo ke konfliktu a organizace je v celém textu celkem jasná. Ale rozhodně si nemyslím, že je tak silný, jak by mohl být. Jako cvičení si představte, že veškerý text na stránce byl rozmazaný. Je podpůrné snímky nesoucí tezi webu? Jinými slovy, můžete stále říci, k čemu je web určen?
Nemyslím si to. Ikony nahoře jsou obecné, což není neodmyslitelně špatné, ale když slouží jako jediné snímky v záhlaví, vypadají jako chybějící. Líbí se mi celková váha záhlaví, jeho velikost je velká a odvážná, ale musí vizuálně říci více o e-mailové marketingové službě.
Jeden snadný a populární způsob, jak toho dosáhnout, je pomocí snímku obrazovky. Ukažte šablonu, na kterou jste hrdí nebo výstřel ze svého backendového systému. Tuto techniku můžete vidět v práci na domovských stránkách dvou vašich oblíbených konkurentů v oblasti e-mailového marketingu, kampaně Monitor a MailChimp.
To není náhoda, je to osvědčená a účinná strategie. Všimněte si, že každý z těchto webů také používá velmi jasné barvy a zaměstnává spoustu mezer. Jsou to vysoce kvalitní a poutavé snímky, které je odlišují od Trade Lateral. Monitor kampaní využívá dokonce stejný druh obecných ikon, ale místo toho, aby se z nich stal hrdina stránky, slouží jako podpůrné snímky pro textový obsah.
Což mě přivádí k další lekci, kterou si můžete přečíst zde. Trade Lateral má na domovské stránce spoustu textu. Očekáváte, že se zúčastněné strany zastaví na webu a strávíte dvacet minut čtením vašich informací, ale téměř nikdo nemá takovou trpělivost při prohlížení webu.
Místo toho máte asi tři sekundy na to, abyste upoutali zájem návštěvníka, a stránka plná textu to neřeže. Obzvláště když vaši konkurenti mají tak krásné a přátelské vzory, které křičí na kvalitu a snadné použití. Naproti tomu stránka Trade Lateral vypadá jako spousta práce. To může mít za následek ohromení potenciálních zákazníků v domnění, že e-mailový marketing je celkově příliš komplikovaný a v důsledku toho se tento nápad vzdává.
Potit malé věci
Není to jen design velkého obrazu, který by se zde mohl vylepšit, detaily by také mohly použít nějaké zdokonalení. Jako příklad vezměte tlačítka na stránce. Jejich design se cítí trochu jako datovaný pokus o styl webu 2.0, který rychle umírá. Dodržování moderních designových trendů může znít směšně nezměněně, ale přímo se váže na vnímání kvality zákazníkem.
Podívejte se na porovnání níže uvedených tlačítek a znovu odkazujte na dva weby, které jsme právě použili jako příklady.
Všimněte si, že Monitor kampaní a MailChimp mají velmi podobné návrhy tlačítek. Jemné přechody, tahy jednotlivých pixelů, barvy, to vše je modernější než lesklá plastová tlačítka Trade Lateral. Rozhodně nenavrhuji, že vytrhnete ostatní návrhy tlačítek, je dobré vymanit se z krabice a udělat něco jiného. Jen se ujistěte, že se pohybujete vpřed, ne vzad, pokud jde o styl.
Další zajímavou věcí k poznámkám o tlačítkách na jiných stránkách je použité frázování. Oba využívají spíše silné výzvy k akci (bezplatná registrace, vyzkoušejte zdarma) než pasivní jazyk (hodnocení e-mailů zdarma).
Doporučení
Uvidíme, jestli můžeme všechny rozptýlené informace umístit výše do konkrétnější sady navrhovaných změn. Nejprve zredukujte obsah na domovské stránce na něco lépe zvládnutelného a méně zastrašujícího. Spousta tohoto obsahu by mohla být přesunuta na podpůrné stránky.
Dále udělejte silnější prohlášení s hlavičkou, případně pracujte na některých screenshotech svých šablon nebo systémového backendu. Ukažte, co kupuje. Použijte také své ikony jako způsob, jak rozdělit textový obsah na stránce na vizuální bloky podobným způsobem, jaký je vidět na webu nástroje Sledování kampaní (znovu neodstraňujte jejich design, jen jej použijte jako inspiraci pro svůj vlastní) jedinečný konečný produkt).
Nezapomeňte také aktualizovat grafiku prvků, jako jsou tlačítka, na modernější dojem. To je ve spojení s tím, že tlačítka obsahují jasné výzvy k akci, které jasně uvádějí účel tlačítka.
Nakonec se pokuste vzít sporadický, modulární obsah na svou stránku a lépe ji integrovat do jednoho soudržného designu. Všimněte si, jak MailChimp ve skutečnosti na své domovské stránce má spoustu věcí, ale místo toho, aby vypadal jako rozptýlené dílky, vypadá to jako integrovaný celek.
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.
