Aktualizováno dne 9. července 2019
Jak důležitý je design vašich webových stránek? Když byli uživatelé požádáni, aby popsali, proč nedůvěřují webové stránce, 94% komentářů přímo souviselo s designem webu. Dobře postavený web generuje lepší návštěvnost zákazníků a vylepšené uživatelské rozhraní vede ke zvýšeným konverzím.
kreativita je důležitá, ale existují některá základní pravidla týkající se designu a uživatelské zkušenosti, která vám pomohou rozšířit vaše webové stránky. Při vytváření nebo přepracování webu mějte na paměti následující návrhy.
získejte důvěru s čistým a poutavým designem webových stránek
svět digitálního designu přijal jednoduchost, odklon od zvonků a píšťal a zaměřil se na základy. Z pohledu uživatele to usnadnilo navigaci webových stránek pro příjemnější zážitek. Začleňte je 8 pravidla designu do svého webu, abyste lépe zapojili své publikum.
1 Udržujte rozvržení jednoduché.
čím jednodušší je rozvržení vašeho webu, tím lépe. To neznamená, že to musí být nudné, ale znamená to, že by se mělo zaměřit na to podstatné. Čisté, funkční rozvržení usnadňují načítání, navigaci a používání webu na různých platformách a zařízeních.
Harryho web umístí nejdůležitější informace – jejich produkty-do popředí. Zahrnují vizuální prvky s minimálním textem, které usnadňují interakci s obsahem.
2 Usnadněte navigaci.
pokud chcete, aby návštěvníci trávili čas na vašem webu,musíte jim usnadnit cestování. Může být lákavé udělat něco kreativního s designem navigačních nabídek, ale jednoduchost a intuitivní informační architektura jsou důležitější. Udělejte ze svých nabídek standardní vzhled, který pomůže vašim čtenářům cítit se pohodlně, když se pohybují po celém vašem webu.
Vogue má popisné, prominentní navigační nabídky, které vám pomohou najít a zapojit se do typu obsahu, který hledáte.
3 Použijte jasné volání k akci.
co chcete, aby návštěvníci stránek dělali? Koupit produkty? Přihlaste se k odběru e-mailového zpravodaje? Darovat na věc? Přemýšlejte o svých výzvách k akci. Navrhněte je tak, aby vynikly návštěvníkovi, který skenuje váš web. Pokud ve svém návrhu používáte tlačítka, ujistěte se, že text je krátký a přímý.
Světový fond na ochranu přírody používá vedle svého navigačního panelu jasná tlačítka, která vyzývají návštěvníky, aby „darovali“ a „adoptovali“, spolu se silnými výzvami k akci v celém jejich obsahu.
4 s obsahem, méně je více.
využijte toho, co víte o svých návštěvnících, k minimalizaci jejich možností a zaměření jejich pozornosti na vaše produkty. Zobrazit pouze textové a vizuální prvky, na kterých chcete, aby podnikly kroky.
webové stránky pro mobilní aplikace-jako je Pocket-s tím dělají skvělou práci. Zaměřují se na vysvětlení aplikace, zahrnují silné výzvy k akci k její instalaci. Méně důležitý obsah, jako je jejich sekce About a jejich blog, jsou méně prominentní a jsou propojeny v zápatí.
5 nebojte se mezery.
Bílá mezera je jednoduše prázdné místo na stránce. Nemusí to být ve skutečnosti Bílá-to prostě musí obsahovat žádný text nebo obrázky. Pokud se to udělá dobře, může zlepšit čitelnost a odstranit nepořádek z designu vašeho webu. Bílý prostor může také pomoci přímé zaměření a pozornost. Poskytuje způsob, jak oddělit funkce a nápady, aby návštěvníci mohli rozeznat přesně to, co chcete, aby viděli v rychlém pohledu, spíše než vizuálně třídit hlučné a přeplněné rozvržení.
Google je dokonalým příkladem využití mezery. Nemůže to být čistší-jen prázdná stránka s logem a vyhledávacím polem.
6 Vylepšete design svých webových stránek pomocí poutavých barev.
Vyberte barvu, která poskytne základ celého designu vašeho webu, a poté vyberte kontrastní barvu zvýraznění důležitých tlačítek a dalších prvků rozhraní. Můžete se dozvědět více o výběru správné palety barev pro vaši značku.
Whole Foods Market používá zelenou pro svou primární barvu značky a malé pops sekundární oranžové přitahují oko k doporučeným výzvám k akci.
7 Obsahuje atraktivní, snadno čitelná písma.
použijte atraktivní typ, který je vizuálně vyvážený a jedinečný, aby byl text vašeho webu jasný a zajímavý. Čtyři nejlepší trendy písma jsou Brandon groteskní, Museo Sans, železnice, a Playfair Display.
belgické dětské oblečení webové stránky Studio Aimee používá Brandon groteskní pro čistý, čitelný zážitek z nakupování.
8 zapojte uživatele videem a bohatými obrázky.
videa a obrázky jsou poutavější než samotný text-vstupní stránky s videi mohou ve skutečnosti zvýšit konverze o více než 80%. Použijte scalable images (SVG) k zajištění vysoce kvalitního uživatelského prostředí na stolních i mobilních zařízeních.
nezisková charita: voda zobrazuje video na své domovské stránce, což je jedna z prvních věcí, které uvidíte, když navštívíte jejich webové stránky pro maximální dopad.
Udržujte návštěvníky v záběru s uživatelsky přívětivým webem
můžete mít nejatraktivnější web na světě, ale pokud je těžké jej používat, vaši návštěvníci se nebudou převádět na zákazníky. Těchto sedm pravidel zajistí, že vaše publikum bude mít hladký uživatelský dojem.
1 Udělej si svůj web pro mobilní zařízení.
věděli jste, že až 70% webového provozu pochází z mobilního zařízení? To znamená, že existuje velká šance, že někdo, kdo navštíví váš web poprvé, používá svůj smartphone. A pokud je mobilní zážitek negativní, právě jste ztratili zákazníka. Zjistěte, proč a jak učinit váš web přívětivějším pro mobily.
mobilní nákupní zážitek Everlane je čistý a snadno použitelný. Návrh obsahuje modulární obsah, takže je citlivý a dobře se překládá na mobilních zařízeních. Web také zahrnuje volání ke stažení nákupní aplikace, aniž byste měli pocit, že na webu získáváte menší zážitek.
2 Zjednodušte svou navigaci.
čím více stránek musí někdo procházet na vašem webu, aby zjistil, co hledá, tím je pravděpodobnější, že zákazník opustí váš web z frustrace. Ve skutečnosti pro průměrný web 40% návštěvníků odejde poté, co uvidí pouze jednu stránku!
obsah by neměl být pohřben. Nenuťte své návštěvníky lovit, pro co přišli. Vaše navigace by měla být dobře organizovaná a logická z pohledu uživatele. Mělo by se také cítit povědomě, takže vaši uživatelé nemají strmou křivku učení.
Tilde Inc. má jednoduchý navigační panel v horní části svých webových stránek, s důležitými body propojenými níže se stručným vysvětlením v části“ Co děláme“. Díky tomu je snadné najít to, co hledáte.
3 Použijte volání k akci, abyste věci snáze našli.
Přemýšlejte o tom, kam můžete umístit tlačítka na celém webu, abyste návštěvníkům usnadnili hledání důležitých věcí. Pokud jste web elektronického obchodu, mít tlačítka s nápisem „nakupujte nyní“ bude mít mnohem větší dopad než jednoduchý navigační odkaz; pokud jste nezisková organizace, tlačítko „darovat“ vedle navigačního panelu udělá darování hračkou pro návštěvníky.
náměstí má jednoduchou výzvu k akci, která povzbuzuje majitele podniků, aby začali prodávat. Jejich tlačítko CTA zní “ založit čtvercový účet.“Není to mnohem jednodušší.
4 poskytují uživatelům robustní možnosti vyhledávání.
stejně důležité je přemýšlet o tom, jak budou návštěvníci prohledávat vaše stránky a jak budou zobrazeny výsledky. Zkušenosti s vyhledáváním by měly odrážet vaše navigační zkušenosti s tím, jak jsou výsledky organizovány. Začlenění funkcí, jako je automatické dokončení, usnadní vyhledávání také z pohledu uživatele.
Zappos má inteligentní vyhledávací nástroj, který je vysoce přesný a také aktualizuje filtry na levé straně na základě hledaných výrazů.
5 rozdělte obsah s hlavičkami sekcí.
pokud se zabýváte oblastmi obsahově náročnými na vašem webu, rozdělte je pomocí záhlaví. Ať už se jedná o popis článku nebo produktu, záhlaví poskytují strukturu obsahu a usnadňují skenování.
WebMD dělá efektivní práci lámání jejich obsah do stravitelné kousky s velkým množstvím oddílů záhlaví, takže můžete najít informace, které hledáte.
6 mluvte jako skutečná osoba.
čím více uživatelů žargonu a marketingu musí rozluštit, když navštíví váš web, tím méně je pravděpodobné, že se zapojí do vaší značky. Přátelský konverzační tón usnadní návštěvníkům čtení a porozumění vašemu obsahu a navigaci na vašem webu.
Zipcar usnadňuje pochopení jejich služeb – a snadnější navigaci na jejich webu-s jejich bezstarostným hlasem značky.
7 potvrďte akce návštěvníků.
pokud si vaši návštěvníci zakoupí produkt od vás, přihlásí se k odběru newsletteru nebo dokonce sdílí váš obsah, je dobrým zvykem zobrazit potvrzovací obrazovku, která jim ukáže, že jejich akce úspěšně prošla. Není na škodu použít tuto obrazovku, abych jim poděkoval, buď.
TheSkimm blahopřeje a přivítá vás poté, co se zaregistrujete k odběru novinek, s výzvou ke sdílení na sociálních médiích.
Otestujte si své webové stránky před spuštěním
při spuštění—nebo opětovném spuštění—webové stránky budete vždy muset pracovat. Je důležité věnovat čas testování vašeho webu a získat zpětnou vazbu, než bude spuštěn.
1 proveďte testy zajištění kvality (QA).
pokud máte zdroje, najměte si tým zajišťující kvalitu, aby mohli otestovat všechny aspekty vašeho webu. Pokud nemůžete najmout lidi speciálně pro roli QA, nechte lidi interní i externí pro vaši společnost otestovat váš web před spuštěním. Mohou kliknout na všechny odkazy, vyplnit všechny formuláře a vyzkoušet všechny služby. V podstatě, pokud je na webu Co dělat, měli by to udělat. Tímto způsobem můžete opravit všechny chyby před spuštěním.
2 Sbírejte zpětnou vazbu od uživatelů dříve, než svůj web stisknete naživo.
Pozvěte vybranou skupinu beta testerů, aby poskytli zpětnou vazbu o prvcích, jako je navigace, design a hlavní toky uživatelů. Nesmíte provádět změny na základě veškeré zpětné vazby, kterou jste obdrželi před spuštěním, ale možná budete chtít mít na paměti návrhy na změny po silnici.
vytvoření webové stránky od nuly-i když jste získali agenturu, která vám pomůže – není malý výkon. Vytvořili jsme užitečné 3 kroky k vytvoření poutavého kontrolního seznamu designu webových stránek (PDF), takže se můžete ujistit, že kontrolujete všechny důležité položky ze seznamu.