5 tipov na zjednodušenie vášho webového dizajnu
Pravidlá jednoduchosti! Vytvára webové stránky, ktoré vyzerajú elegantne, znižujú zmätok v nagácii a pomáhajú dosahovať požadované ciele a výsledky (tj viac registrácií, odberateľov a predajov). Ale príliš často sa zdá byť neužitočné zjednodušiť dizajn webových stránok. Bez ohľadu na to, ako tvrdo sa pokúsite, nemôžete robiť, aby vaša práca vyzerala ako Apple. Takže to, čo skutočne potrebuje webový dizajnér? Nečistite, pretože sú 5 východiskových bodov na zjednodušenie návrhu webových stránok.
Jednoduchý dizajn webových stránok by nemal byť skľučujúcim všetkým alebo ničím nešťastím - môžete zjednodušiť dizajn tým, že urobíte malé kroky. Jednoduché úlohy, ako je zameranie len na základné prvky vašej webovej stránky, zbavenie sa nepotrebných, zníženie počtu stránok, ktoré vaše stránky majú, získavanie väčšieho obsahu nad záhybom a obmedzenie počtu farieb, ktoré používate. Vždy si môžete vyladiť a vylepšiť svoj jednoduchý dizajn, ale dôležitou vecou je začať.
Ste pripravení zjednodušiť návrh webových stránok? Úžasné. Bez ďalšej príležitosti tu nájdete 5 východiskových bodov na zjednodušenie návrhu webových stránok.
1. Zamerajte len na základné prvky
Tento prvý krok sa pravdepodobne javí ako očividné: z kurzMala by som sa zamerať na základné prvky mojich stránok, čo som ja, idiot? Ale prekvapujúci počet webových stránok to nedosahuje a výsledkom je veľký neporiadok dôležitých a nedôležitých prvkov, ktoré sa preliali na stránku. Som rovnako vinný, že som to robil v minulosti ako ktokoľvek iný. Je ťažké byť objektívne a uprednostňovať to, čo je dôležité, alebo nie, pretože všetko zdá sa byť nevyhnutné. Ak chcete, aby dizajn webových stránok bol jednoduchší, zistite, čo sa musí zamerať, rovnako ako s akýmkoľvek dobrým vizuálnym dizajnom alebo umeleckým dielom. A to znamená zamerať sa iba na základné prvky.
Použite pravidlo 80-20
Čo 20% z toho, čo je na stránke, dáva 80% hodnoty a obsahu, na ktoré ľudia idú? Mohlo by to byť kópia, niektoré sociálne dôkazy (recenzované úryvky, posudky, mediálne odznaky) a tlačový formulár alebo výzva na akciu. To je práve 20%. Na vašich webových stránkach, ako aj na jednotlivých stránkach, zamerať sa na zobrazenie iba 20% prvkov lokality, ktoré prinášajú 80% tejto užitočnosti.
Nie je to technický krok, ale princíp, ktorý môžete používať ako svoj sprievodca na neustále zjednodušenie návrhu webových stránok. Pravidlo 80-20 vám pomôže zjednodušiť dizajn webových stránok tým, že vás tlačí na orezanie prvkov vašej lokality až po najdôležitejšie. Čo je naozaj cool, že pravidlo 80-20 môže tiež pomôcť zvýšiť požadované výsledky, ktoré dúfame, že dosiahnete na svojich webových stránkach. Napríklad zvýšená miera konverzie návštevníkov, ktorí sa prihlásia na odber, registrujú sa alebo nakupujú. ako? Robíte to tak, aby boli menšie rozptýlenie a veci, na ktoré návštevníci kliknú, aby opustili stránku.
Ako všetci vieme, vždy hľadáme zámienku, aby sme v záverečnom kroku nezískali nič a akýkoľvek dôvod na odchod je dobrý. Zmenšiť tieto dôvody a možnosti kliknutia s pravidlom 80-20.
Chris Pearson, tvorca populárnej témy Thesis WordPress, tvrdí, že to je presne to, čo pomohlo zvýšiť predaj na svojej webovej stránke.
2. Zbavte sa všetkých nepotrebných prvkov
Pokračujeme s pravidlom 80-20 tu.
Teraz, keď ste identifikovali 20% prvkov webových stránok, ktoré vám získajú 80% požadovaných výsledkov, je čas na to zbaviť sa všetkých nepotrebných prvkov. Inými slovami, 80% prvkov webových stránok, ktoré vám získajú len 20% výsledkov. Mohlo by to byť zdieľanie sociálnych médií widgety, prvky bočného panela, detaily blogu (dátum, čas, autor, počet komentárov atď.) Alebo odkazy v zápätí (to je obzvlášť obrovský vinník mnohokrát, najmä keď návštevník hľadá vyššie uvedené ospravedlnenie na odklon od stránky).
3. Znížte počet stránok
Veľká časť zjednodušenia vášho dizajnu webových stránok je jednoducho mať menej miest na preskúmanie a klikanie okolo. Môžete to urobiť orezanie počtu strán. Buď sa zbavte nepotrebných stránok, ktoré hlboko vo vnútri viete, že nie sú potrebné, alebo prinajmenšom spájajte niekoľko strán do jedného. Myslím, že nie naozaj musíte oddeliť stránky "o webových stránkach" a "o mne".
Po prvé, dostať do myslenia návštevníka - ak ste mali prísť na vaše webové stránky, aké sú kľúčové veci, ktoré by ste chceli urobiť? Napríklad zistiť, o čo ide? alebo kontaktujem ťa? Ďalšie, uistite sa, že vaše stránky uľahčujú to, čo je potrebné a nič viac. Nechráňajte nepotrebné stránky na svojich webových stránkach, pretože si myslíte, že je potrebné, alebo preto, že ich majú iné webové stránky. Keď znižujete počet stránok na vašich webových stránkach, návštevníci sa nielen ľahšie sústredia na váš obsah, pretože je tu menej miesta na kliknutie, ale aj navigačné menu je jednoduchšie.
Všetci sme boli na webových stránkach s príliš veľkým počtom položiek v ponuke nav. Nevieme, kde začať navigovať, pretože sme dostatočne preľudnení. A keď sme zahltení tým, že sme mali príliš veľa možností, ideme bez toho, aby sme si vybrali nič. Tým, že máte čo najmenej položiek v ponuke nav, robíte svoju webovú stránku nielen jednoduchšou, ale pozitívnejšou a priateľskou pre návštevníkov.
4. Získajte viac obsahu nad záhybom
Štúdie ukázali, že väčšina ľudí trávi väčšinu svojho času nad záhybom na webových stránkach (čo sa zobrazuje na obrazovke bez posúvania nadol). Ak chcete zvýšiť efektivitu svojich webových stránok, mali by obsahovať hlavný obsah a prvky s výzvou na akciu nad záhybom. Môžete urobiť niečo také jednoduché ako skrátenie výšky hlavičky, ak máte logo a navigačné menu v hornej časti vašej webovej stránky.
Toto neobsahuje nič iné ako zmena hodnoty "výšky" záhlavia v štýle šablóny (typicky style.css
alebo stylesheet.css
). Pozrite sa tiež na to, či je formulár alebo tlačidlo registrácie pod záhybom. Presuňte tento prvok vyššie na stránke, takže je to prvá vec, ktorú návštevník vidí. Koniec koncov, to je požadovaná výzva na akciu návštevníka, tak znížte prácu potrebnú na to, aby ste sa k nemu dostali (tj posúvanie).
5. Obmedzte farebnú schému
Je ľahké sa uniesť s farbami. Prečo sa môžete dohodnúť na 2 alebo 3 farbách, keď môžete mať 12 alebo 13? Ale s cieľom zjednodušiť vizuálne dizajn webových stránok, musíte obmedziť farebnú schému. Ak máte pochybnosti, použite menej farieb. Bude sa to samozrejme líšiť podľa vášho dizajnu, ale skúste lepiť s maximálne 2 alebo 3 farbami. Ak potrebujete viac jemnosti a textúry pre svoj vizuálny dizajn, použite odtiene rovnakej farby - svetlo modré pre pozadie a tmavšie modré pre záhlavie a položky menu.
Som rovnako vina, ako ktokoľvek, kto sa v minulosti stal divokým farbami. Pridám túto farbu, potom inú a ďalšiu - a predtým, než ju viem, vyzerá to ako dúhová hnačka na celom mojej webovej stránke. Môžete mať svoj web konštruktívne zjednodušený, ale ak farby rozptyľujú oči, keď sa na to pozriete, skôr než kompliment obsahu, potom to všetko úsilie bolo pre nič. Takže používajte menšie množstvo farieb s návrhom webových stránok.
Máte problém pri výbere farby na začiatok? Predtým potom časopis má užitočnú bezplatnú e-knihu o tom, ako nájsť dokonalú farbu tu. Potrebujete pomoc pri výbere farebnej schémy? Vyskúšajte tento praktický generátor farebných schém.
V neposlednom rade
Dúfajme, že ste teraz ozbrojení a pripravení začať zjednodušiť dizajn webových stránok. Budete viac hrdý na to, že sa vám podarí prezentovať vaše webové stránky, pretože to bude vyzerať vtipne sexy a nakoniec vaši návštevníci budú mať oveľa príjemnejší zážitok pri prehliadaní vašich webových stránok.
Ak chcete zhrnúť, uvádzame 5 východiskových bodov na zjednodušenie návrhu webových stránok:
- Zamerajte len na základné prvky
- Zbavte sa všetkých nepotrebných prvkov
- Znížte počet stránok
- Získajte viac obsahu nad záhybom
- Obmedziť paletu farieb
Súvisiace články
- 11 bežných chýb pri návrhu webových stránok. Veci, ako je vyhýbanie sa zložitým formám, neorganizovanému obsahu, zlej čitateľnosti a ľahko umiestnenej vyhľadávacej lište, vám všetko pomôžu zjednodušiť návrh webových stránok a urobiť z neho radosť pre návštevníkov a vyššiu mieru konverzie pre vás.
- Čisté, jednoduché a minimalistické návrhy webových stránok. Všetky tieto príklady webových stránok ďalej dokazujú, že jednoduchý dizajn nielenže vyzerá sladko a zapôsobí na členov opačného pohlavia, ale veľmi pomáha s používateľskou skúsenosťou
Viac ako vy: aké sú vaše obľúbené webové stránky zjednodušujúce tipy? Videli ste nárast požadovaných výsledkov zjednodušenia dizajnu?
Poznámka redaktora:Ã'Â Tento príspevok je napísaný Oleg Mokhov forÃ'Â Hongkiat.com. Oleg Mokhov je najpopulárnejším elektronickým hudobníkom na svete, nadšencom webových a vizuálnych návrhov a spoluzakladateľom prémiovej hudobnej predajne.