7 běžných chyb UX, které mohou zničit váš obsah
Úspěšný projekt je kombinací dobrého designu, zabijáckého obsahu a trochu štěstí. Příliš často se návrh vykolejí jednoduchými chybami UX, které ničí obsah a ruší zamýšlené akce rozhraní.
Uživatelé mohou snadno ztratit přehled o tom, proč jsou a co mají dělat. Naštěstí je mnoho z těchto konstrukčních chyb snadno identifikovatelných a opravitelných. (Jako bonus, příklady v tomto příspěvku dělají věci správně; použijte je jako průvodce!)
1. Nečitelná typografie
Byla krátká fáze, kdy byly návrhy plné novodobých typů písma. I když to samo o sobě není problém, představuje problém, když jsou slova obtížně čitelná. (Jaký význam mají slova v designu, pokud uživatel nedokáže přijít na to, co říká?)
Při pohledu na novinové možnosti si uvědomte, jak písmena vypadají se slovy, která používáte. Některé kombinace mohou v písmu fungovat lépe než jiné. Věnujte pozornost vyrovnání párů a počtu použitých znaků, zejména u novinkového písma. (Menší počet znaků je často lepší u speciální typografie zobrazení.)
Jak víš, že je těžké číst? Dávejte si pozor na písmo s extrémními šikmými tvary, pevnými a kondenzovanými formáty dopisů, příliš komplikovanými výklenky, ocasy nebo ligaturami nebo formami dopisů, které se zdají být v pohybu společně nebo mají neobvyklé tvary.
Opravte to hned: Vypněte nečitelný písmo pro něco se širším postojem a běžnějšími formáty dopisů. Nemusíte měnit celou cestu na Helveticu, ale jděte na něco čitelného a zajímavého. Vyzkoušejte něco z této sbírky Google Fonts.
Dělat to správně: LeadGen
2. Špatné zarovnání
Vlevo, správně, větrák, odůvodněné?
Zde se nebudeme hádat o výhodách typů zarovnání. Je to velký krok: to, na čem opravdu záleží, je důsledné sladění. Typ a prvky by měly pohodlně spočívat v mřížce. Vyhýbejte se zubatým hranám.
Problém se špatným zarovnáním spočívá v tom, že narušuje vizuální tok, což uživatelům ztěžuje přechod z jednoho prvku na druhý v návrhu. Mohou se ztratit v nepořádku a mohou zmeškat to, co je nejdůležitější, pokud jde o obsah.
Opravte to nyní: Nastavte styly zarovnání pro prvky. Jsou fotografie soustředěny nebo sedí v souladu s textem na levém okraji? Vytvořte sadu pokynů, upravte design a držte se pravidel postupujících vpřed.
Dělat to správně: Lorem Ipsum
3. Nevhodné snímky
Nevhodné snímky jsou zabijákem obsahu. Může vytvořit nespojité vizuální spojení s textem nebo nechat uživatele poškrábání hlav.
I když snímky, které nedosáhnou, často přicházejí „vím, až to uvidíš“, ve svých projektech je třeba hledat několik červených vlajek.
- Hloupé nebo nadužívané obrázky: Pokud se fotka nezdá skutečná (lidé v podnikání se bezcílně usmívají) nebo pokud jste ji již viděli na jiných podobných webových stránkách, vyhněte se jí.
- Špatná kvalita obrázků: Pokud je fotografie rozostřená, tmavá nebo špatně složená, nepoužívejte ji. Žádná fotka není lepší než špatná.
- Obrázky s nízkým rozlišením: Pixelovaný obrázek je vždy špatný. Mnoho z fotografických pravidel, která byla před několika lety součástí návrhových pracovních postupů, je třeba revidovat díky dominanci a popularitě obrazovek s vysokým rozlišením.
- Chmýří obrázky nezlepšují obsah: Nezasahujte včetně fotografie jen proto, že můžete, i když nemá žádný vztah k obsahu. Obrázky by měly vylepšovat obsah, nikoli blátivé.
Opravte to hned: Proveďte audit fotografií. Projděte svůj design a odstraňte všechny obrázky, které obsahují červené vlajky nahoře. Pokud nemáte něco vhodného, nemusíte vyměňovat obraz.
Dělat to správně: Xpand Laces
4. Zanedbávání mobilních podrobností
Je všeobecně známo, že webové stránky by měly být navrženy podle responzivních rámců. Bylo by obtížné najít návrháře nebo vývojáře, kteří by argumentovali jinak. Citlivá šablona však není řešením na jednom místě. Konstrukce musí být upravena pro různé velikosti obrazovky.
Příliš často se tento detail zanedbává. Web funguje na mobilních zařízeních, ale velikosti typů jsou příliš malé nebo obrázky jsou přizpůsobeny velikosti a úměrně pro rozdílný poměr stran mobilního zařízení. Tyto malé detaily mohou uživatele vážně otrávit.
Opravte to hned: Strávte nějaký čas svým mobilním designem. Vezměte na vědomí všechny podrobnosti, které se zdají být na místě a způsobují frustrace. Zkontrolujte velikosti textu, obrázky, časy načítání, umístění tlačítek a proveďte nezbytná nastavení, abyste zajistili plynulejší zážitek.
Dělat to správně: A co
5. Crazy Color
Znuděný návrhář vytvoří nesouvislý design. Jedním ze způsobů, jak se to často projevuje, je bláznivá barva a nedostatek definované palety.
Příliš mnoho barev může rušit a často má amatérský pocit. Pro každý jeden projekt, který vytáhne paletu inspirovanou duhou, selže dalších 1 000 projektů. Pokud pokyny pro vaši značku nevyžadují použití tohoto druhu barevného schématu, vyhněte se tomu. (A pokud vaše značka takové pokyny má, povzbuďte k aktualizaci.)
Opravte to nyní: Vytvořte silnou paletu barev. Začněte s dominantní barvou a jednou nebo dvěma sekundárními možnostmi. Pokud potřebujete více rozptylů, použijte odstíny a tóny z této palety (a také vytvořte pravidla pro ně). Nezačínejte přidávat více barev.
Dělat to správně: Rush Flyer Printing
6. Nedává uživatelům něco dělat
Představte si přistání na krásné webové stránce, ale pak nevíte, co dělat dál. Posouváte se? Kliknete? Existuje další krok k nalezení dalšího obsahu?
Tam by mělo být.
Dobrý design webových stránek je sítí akcí, interakcí a pohybů, které plynou ze stránky na stránku. Cílem je, aby se návštěvníci na cestě k požadované akci spojili s co největším množstvím obsahu.
Opravte to nyní: Každá stránka v návrhu by měla obsahovat výzvu k akci. Uživatelé by měli přesně vědět, co je cílem každé stránky, a chtějí kliknout na tlačítko, vyplnit formulář, hrát hru nebo koupit produkt. Struktura návrhu by měla zahrnovat výrazné prvky uživatelského rozhraní, které podporují kliknutí nebo klepnutí od stylů tlačítek k použitelným pokynům.
Dělat to správně: Vinebox
7. Příliš mnoho dobré věci
Nejezděte přes palubu se svým super cool prvkem.
Máte skvělou ilustraci? Použij to. Použijte to velké, sudé. Ale nepřehánějte to spoustou dalších ilustrací, které obraz zředí.
Totéž platí o ikonách nebo jakékoli jiné technice, která je pro vás lákadlem pro uživatele. Chcete je nechat hledat více, ne ohromeni objemem. Zní to docela snadno, ale ve skutečnosti to může být těžké. (Jen pomyslete na ikonu, kterou jste zakoupili, a cítíte potřebu získat své peníze za použití každé položky.)
Opravte to hned: Zaměstnejte méně je více strategie. Používejte pouze prvky, které potřebujete k vylepšení obsahu. Nepřekonej to. Projděte si aktuální design a představte si, že z každé stránky odeberete jeden prvek. Co by to bylo? Je to design lepší?
Dělat to správně: milovníci umění Austrálie
Závěr
Každý designér udělá tu a tam chybu v designu. (Někteří z nás vydělají víc, než bychom chtěli připustit.) Ale můžete identifikovat problémy a obnovit?
Nyní byste měli mít dobrý začátek tímto směrem s tímto seznamem chyb a způsobů, jak je opravit. Nenechte se stydět, když spácháte hřích designu, upravte se a pokračujte.
