10 způsobů, jak zjednodušit váš návrh
Není žádným tajemstvím, že jednoduché je často lepší, pokud jde o návrh webových stránek. Rozhraní, které je snadno srozumitelné - a stejně snadno použitelné - s větší pravděpodobností změní návštěvníky na aktivní uživatele, kteří se na váš web později vrátí.
Jak ale zjednodušíte svůj web? I když nestavíte nic nového od nuly, trik spočívá v stanovení cílů a poté se podívejte na cestu k jejich dosažení pro uživatele. Všechno, co se této cestě dostane do cesty, by mělo být odstraněno. Z návrhu by mělo být odstraněno vše, co umožňuje pochopit, co má uživatel dělat.
Na to se dnes podíváme - několik triků, které můžete použít ke zjednodušení designu webových stránek. A tyto nápady fungují pro stávající weby a nové sestavení. (Tento článek obsahuje příklady hvězdných jednoduchých vzorů, navštivte každou stránku a získejte další inspiraci.)
1. Zaměřte se na výzvy k akci
Váš web by měl mít konečný cíl, aby každý uživatel něco udělal. Tento cíl by měl být zřejmý pro všechny osoby, které přistoupí k návrhu.
Výzvy k akci musí být jasné, dostatečně velké, aby byly vidět a na dostatečných místech, aby se uživatelé nikdy nedostali příliš daleko od kliknutí na toto klíčové tlačítko.
2. Zjednodušte počet stránek
Je váš design plný stránek a stránek s informacemi? Musí to být?
Zjednodušte obsah na zvládnutelné kousky, ale nepřeplavte uživatele příliš velkým počtem stránek, na které by mohli kliknout. Udržujte veškerý související obsah pohromadě pro snadné čtení a tok.
Odstraňte stránky se starými, zastaralými informacemi nebo se stránkami, které obsahují pouze widget nebo mapu třetích stran. (Tyto prvky lze obvykle začlenit jinde.)
3. Držte se barevné palety
I když různé barvy mohou být zábavné a poutavé, je to také ohromující. Přilepte se na paletu barev s pouhými dvěma nebo třemi možnostmi, které vám pomohou udržet barvu pod kontrolou.
Pokud chcete jít velmi jednoduše, zvažte monotónní barevnou paletu s několika odstíny a tóny jedné barvy. Je úžasné, jak krásné může být něco tak jednoduchého, a je to také snadné pro uživatele. Méně barev způsobuje menší mentální přetížení a pomáhá vytvářet harmoničtější a organizovanější vzhled. (Něco, co ocení téměř kdokoli s hektickým životem.)
4. Rozhodněte se pro standardní navigaci
I když skryté nebo alternativní styly navigace mohou vypadat skvěle, tyto trendy nejsou tak uživatelsky přívětivé, jak byste očekávali. Jakákoli odchylka od „běžných“ uživatelských vzorců může být poněkud otřesná a může uživatele příliš přemýšlet o tom, jak se pohybovat po webu. Rozhodněte se pro standardní vzory, aby se vaše webové stránky snadno použily.
S ohledem na to je standard docela štíhlý. Normální jsou horní nebo vyskakovací navigační prvky se třemi až osmi možnostmi nabídky. A zapomeňte na mega-navigační menu, která byla kdysi populární. Pokud nejste významným maloobchodníkem v elektronickém obchodování, není důvod, aby každá stránka v návrhu měla místo v navigaci. (A mnoho z těchto mega možností vůbec nefunguje na mobilních zařízeních.)
5. Zvažte pravidlo 80-20
Pravidlo 80-20 je dobrým místem pro začátek při přemýšlení o provedení změn v designu. Existují dva způsoby, jak přemýšlet a implementovat pravidlo.
- Mějte na paměti, že 20 procent prvků na vašem webu povede k 80 procentům požadovaných uživatelských akcí, což znamená, že hrst hovorů na akci, tlačítka nebo jiné prvky uživatelského rozhraní vygenerují významnou část interakce uživatelů. To je naprosto normální.
- S ohledem na to se při provádění změn zaměřte na prvních 20 procent obsahu, abyste při aktualizaci nebo přehodnocení návrhu provedli 80 procent změn. Dvacetiprocentní prvky, o kterých byste mohli chtít přemýšlet, zahrnují stejné prvky, které generují nejvíce kliknutí - CTA, dopravní cesty a obrázky. Mezera je dalším důležitým faktorem.
Pokud se zdá, že pravidlo 80-20 je známé, nazývá se to také Paretův princip nebo zákon těch pár životně důležitých. Byl vyvinut ekonomem Vilfredem Paretem, má však uplatnění ve všech oborech.
6. Používejte prvky uživatelského rozhraní s účelem
Ikony, obrázky a všechny ostatní prvky uživatelského rozhraní v návrhu by měly být z nějakého důvodu. (Jen pomyslete na to, jak otravné je kliknout na ikonu na Facebooku a ne dostat se na stránku značky.)
Nepřekonejte uživatele chladnými divoty jen proto, že je máte. Prvky plánujte a používejte pouze v případě, že v celkovém designu slouží ke skutečnému použití a účelu.
7. Dávejte pozor na typografii
Model pro použití typografie dobře je stejně jako použití barvy: méně je více.
Písma, která jsou nejsnadněji čitelná, mají standardní tvary, rovnoměrné šířky tahu a bez hojnosti ozdob. Rodina solidních typů přichází s možnostmi, takže nemusíte hledat další písma, pokud potřebujete zdůraznit konkrétní písmena. Dopisy musí obsahovat dostatek výšek, aby byly čitelné a kontrastovaly s vaším pozadím.
A začněte pouhými dvěma písmy. Jeden pro hlavní text na webu a jeden pro použití na displeji. A je to. To je vše, co potřebujete.
8. Vyrovnejte velikost textu
A zatímco přemýšlíte o typografii, naražte velikost písma. Obrazovky se stále zvětšují, usnadňují jim tak vidět vaši zprávu, než aby na plátně nacpaly více textu.
I když se to může zdát kontra intuitivní, pokud jde o mobilní zařízení, to samé platí. Čtení větších písmen je snazší. Zapomeňte na staré pořekadlo, že vše musí být nad svitkem. Zatímco klíčová slova by měla lákat uživatele k posouvání, ne všechno, co musí být na této první obrazovce. Uživatelé rozumějí, že pokračují, a jsou zvyklí na rolování, zejména při prohlížení webových stránek na svých telefonech.
9. Vytvořte kopii bez námahy
I když typografie může mít velký vliv na určení toho, jak jednoduchý nebo složitý vzhled vašeho designu vypadá, skutečná slova jsou stejně důležitá. Každé slovo by mělo vyjadřovat stejný význam jako vaše vizuální prvky, takže existuje zřetelná shoda.
Upravte kopii. Pak to znovu upravte.
Webové stránky jsou médium, které je zamýšleno jako čitelná forma komunikace. Zajistěte, aby konverzace, kterou vedete s návštěvníky, byla ta, kterou očekáváte s čistou, stručnou a dobře čitelnou kopií. Vytvořte tón, který protéká designem, a používá slova a jazyk, který přitahuje uživatele.
Poté ještě jednou upravte a vyjměte každý nepotřebný text.
10. Zrušte jedno pravidlo, ale jen jedno
Pravidla mají být porušena. Ale porušte pouze jedno pravidlo.
Pokud chcete udělat něco jiného, nezasahujte design mnoha různými nebo neobvyklými prvky. Zaměřením na jednu složitější nebo neobvyklou věc můžete vytvořit zájem, aniž byste ohromili uživatele.
Zní to docela jednoduše, že? (Jen se nenechte chytit v jedné z běžných nástrah toho, že budete dělat příliš mnoho.)
Závěr
Design webových stránek, který je příliš komplikovaný nebo „příliš navržený“, se může dostat do cesty tomu, co chcete s uživateli komunikovat. Pamatujte si cíle konverze a to, co chcete, aby uživatelé dělali s návrhem. Ať už jde o vyplnění formuláře, stažení aplikace nebo zakoupení plněné bunny, každý designový prvek by měl zdůraznit, jak se dostat do tohoto cíle.
Odstraňte všechny konstrukční prvky, které stojí v cestě této cestě. Uživatelé mají rádi čisté, jednoduché a snadno použitelné vzory. To platí zejména pro menší zařízení, jako jsou telefony, kde nepořádek může zničit uživatelský dojem během nanosekund.
