5 tipů pro zjednodušení Web Design
Pravidla jednoduchosti! To dělá webové stránky vypadají elegantní, snížit nagivation zmatek a pomáhá dosáhnout požadovaných cílů a výsledků (tj. Více registrací, odběratelů a prodeje). Ale příliš často se zdá nepolapitelný zjednodušit vaše webové stránky designu. Bez ohledu na to, jak moc se snažíte, nemůžete svou práci vypadat jako Apple. Takže to, co dělá web designer opravdu potřebuje udělat? Ne, ne 5 výchozích bodů pro zjednodušení designu webových stránek.
Jednoduchý design webových stránek by neměl být skličující vše-nic-nic utrpení - můžete zjednodušit svůj design tím, že malé kroky. Jednoduché úkoly, jako je uvedení zaměření pouze na základní prvky vašich webových stránek, zbavení zbytečných, snížení počtu stránek, které vaše stránky mají, získání více obsahu nad záhybem a omezení počtu barev, které používáte. Můžete vždy doladit a vylepšit svůj jednoduchý design, ale důležité je zde začít.
Připraven začít zjednodušovat vaše webové stránky design? Úžasný. Bez dalších okolků jsou zde 5 výchozích bodů pro zjednodušení designu webových stránek.
1. Zaměřte se pouze na základní prvky
Zdá se, že tento první krok je patrný: z chodMěla bych se zaměřit na základní prvky mého webu, co jsem já, idiot? Překvapivý počet webových stránek to však nedokáže dosáhnout a výsledkem je velký nepořádek důležitých a nedůležité prvků, které se na stránku objevily. Jsem vinen tím, že jsem to dělal v minulosti jako kdokoliv. Je těžké být objektivní a upřednostňovat to, co je důležité nebo ne, protože všechno nezbytné. Pokud chcete, aby vaše webové stránky design byl jednodušší, zjistit, co je třeba se zaměřit, stejně jako u nějakého dobrého vizuálního designu nebo uměleckého díla. A to znamená soustředit se pouze na základní prvky.
Použijte pravidlo 80-20
Co 20% z toho, co je na stránce, dává 80% hodnoty a obsahu, na který tam lidé chodí? Mohlo by to být kopie, některé sociální důkazy (recenze úryvků, posudky, odznaky médií) a například formulář pro registraci nebo tlačítko pro volání. To je 20%. Na svých webových stránkách, stejně jako na každé jednotlivé stránce, zaměřit se na zobrazování pouze 20% prvků webu, které poskytují 80% této užitečnosti.
To není technický krok, ale princip, který můžete použít jako průvodce pro zjednodušení designu webových stránek neustále. Pravidlo 80-20 pomůže zjednodušit vaše webové stránky design tím, že tlačí vás ořezat vaše stránky prvky až k základům. Co je opravdu cool je, že pravidlo 80-20 může také pomoci zvýšit požadované výsledky, které doufáte dosáhnout na svých webových stránkách. Například zvýšená míra konverze u návštěvníků, kteří se přihlašují k odběru, registraci nebo nákupu. Jak? Děláte to tak, že je méně rozptýlení a věci, na které návštěvníci kliknou, aby opustili stránku.
Jak všichni víme, vždy hledáme záminku, abychom v posledním kroku něco nekoupili, a jakýkoli důvod pro odchod je dobrý. Omezte tyto důvody a klikněte na možnost volby s pravidlem 80-20.
Chris Pearson, tvůrce populárního tématu Téma WordPress Témata, říká, že je to přesně to, co pomohlo zvýšit prodej na jeho webových stránkách.
2. Zbavte se všech zbytečných prvků
Pokračujeme s pravidlem 80-20.
Nyní, když jste identifikovali 20% prvků webové stránky, které vám 80% požadovaných výsledků, je na čase zbavit se všech zbytečných prvků. Jinými slovy, 80% prvků webové stránky, které vám přinese pouze 20% výsledků. Mohlo by to být sociální média sdílení widgetů, sidebar prvky, blog post meta detaily (datum, čas, autor, počet komentářů, atd.), Nebo odkazy v zápatí (to je obzvláště velký viník mnoho časů, zejména když návštěvník hledá výše zmíněnou omluvu pro odchod ze stránky).
3. Snižte počet stránek
Velká část zjednodušení vašeho designu webových stránek je prostě mít méně míst k prozkoumání a klikněte kolem. Můžete to udělat oříznutí počtu stránek. Buď se zbavte zbytečných stránek, které jsou hluboko uvnitř, které nejsou potřebné, nebo přinejmenším spojte více stránek do jednoho. Chci říct, že ne opravdu je třeba oddělit stránky „o webu“ a „o mně“.
Za prvé, dostat do myšlení návštěvníka - pokud jste měli dorazit na vaše webové stránky, jaké jsou klíčové věci, které byste chtěli udělat? Například zjistit, o čem je vaše věc? Nebo kontaktovat tě? další, Ujistěte se, že vaše stránky usnadňují to, co je nezbytné, a nic víc. Nenechávejte zbytečné stránky na svých webových stránkách, protože si myslíte, že je potřebujete, nebo proto, že je mají jiné webové stránky. Když snížíte počet stránek na svých webových stránkách, pro návštěvníky je nejen snazší se zaměřit na obsah, protože je méně míst, kam by se dalo kliknout, ale vaše navigační nabídka je také jednodušší.
Všichni jsme byli na webových stránkách s příliš mnoha položkami menu nav. Nevíme, kde začít s navigací, protože nás tato volba ohromí. A když jsme přemoženi tím, že jsme byli prezentováni příliš mnoha možnostmi, jdeme s volbou nic. Tím, že má co nejméně položek menu nav, jak je to možné, učiníte vaše webové stránky nejen jednodušší, ale také příjemnější a přátelštější pro návštěvníky.
4. Získejte více obsahu nad složkou
Studie ukázaly, že většina lidí tráví většinu svého času nad záhybem na webových stránkách (co se objeví na obrazovce bez posouvání dolů). Takže pokud chcete zvýšit efektivitu svých webových stránek, mít hlavní obsah a call-to-action prvky nad záhybem. Pokud máte logo a navigační nabídku v horní části webu, můžete udělat něco tak jednoduchého, jako je zkrácení výšky záhlaví.
To nezahrnuje nic jiného, než změnit hodnotu "výška" v záhlaví (obvykle style.css
nebo stylesheet.css
). Také zjistěte, zda je formulář pro přihlášení nebo tlačítko pod záhybem. Přemístěte tento prvek výše na stránku, takže je to první věc, kterou návštěvník uvidí. Koneckonců, to je vaše požadované volání na akci návštěvníka, tak snižte potřebnou práci, abyste se k ní dostali (tj. rolování).
5. Omezte své barevné schéma
Je snadné se unést barvami. Proč se vyrovnat na 2 nebo 3 barvy, když můžete mít 12 nebo 13? Ale s cílem zjednodušit vaše webové stránky vizuálně, musíte omezit své barevné schéma. V případě pochybností použijte méně barev. To se bude lišit v závislosti na vašem návrhu samozřejmě, ale zkuste lepení s více než 2 nebo 3 barvy začít. Potřebujete-li k vizuálnímu designu více jemnosti a textury, použijte odstíny stejné barvy - světle modré pro pozadí a tmavší modrou pro položky záhlaví a nabídek..
Jsem vinen jako kdokoliv, kdo se v minulosti obával barev. Přidám tuto barvu, pak jinou a další - a než to vím, vypadá to jako průjem duhy na mých webových stránkách. Můžete mít své webové stránky konstruktivně zjednodušené, ale pokud barvy rozptýlí oči, když se na to díváte spíše než na kompliment obsahu, pak vše, co bylo snahou, nebylo nic. Použijte tedy méně barev s webovým designem.
Máte potíže s výběrem barvy, se kterou chcete začít? Před a po časopis má užitečné bezplatné e-knihy o tom, jak najít perfektní barvu zde. Potřebujete pomoci s výběrem barevného schématu? Vyzkoušejte tento praktický generátor barevných schémat.
V neposlední řadě
Doufejme, že jste nyní ozbrojeni a připraveni začít zjednodušovat design svých webových stránek. Budete více hrdí na své webové stránky, protože to bude vypadat sexy a nakonec vaši návštěvníci budou mít mnohem příjemnější procházení na vašich webových stránkách.
Chcete-li shrnout, zde je 5 výchozích bodů pro zjednodušení designu webových stránek:
- Zaměřte se pouze na základní prvky
- Zbavte se všech zbytečných prvků
- Snižte počet stránek
- Získejte více obsahu nad záhybem
- Omezte paletu barev
Související články
- 11 společných chyb web design. Věci, jako je vyhýbání se komplikovaným formám, neorganizovaný obsah, špatná čitelnost a vyhledávací panel, který není snadno dostupný, vám dále pomohou zjednodušit návrh webových stránek a učinit z něj radost pro návštěvníky a vyšší míru konverze..
- Čisté, jednoduché a minimalistické návrhy webových stránek. Všechny tyto příklady webových stránek jen dále dokazují, že jednoduchý design nejenže vypadá sladce a zapůsobí na členy opačného pohlaví, ale velmi pomáhá s uživatelským zážitkem
Nad vámi: jaké jsou vaše oblíbené webové stránky zjednodušení tipy? Viděli jste ve svém návrhu zvýšení počtu požadovaných výsledků?
Poznámka editora:Tento příspěvek je napsán uživatelem Oleg Mokhov pro Hongkiat.com. Oleg Mokhov je světově nejmobilnější elektronický hudebník, nadšenec webového a vizuálního designu a spoluzakladatel prémiového hudebního obchodu Soundtrackster.