Jste duševně ohromující uživatelé? (A jak to zastavit)
Internet je spletitý nepořádek, který je vizuálně přetížený. Je toho tolik na co se dívat ... a číst ... a pochopit, že může být obtížné najít zaměření a zjistit, co je důležité.
Pokud je váš design vizuálně přetížený, je pravděpodobné, že jste ohromující uživatelé a že opouštějí váš web nebo aplikaci. Jak tedy víte, že to děláte? Máme pro vás seznam výstražných značek a několik způsobů, jak z návrhu odstranit část hmotnosti a zajistit, aby ji uživatelé mohli lépe spravovat.
Nemáte definované styly
Styly a palety jsou páteří dobrého designu. Pokud jde o webové stránky, vše by mělo být definováno v CSS tak, aby styly byly definovány (a používány) na celém webu. (Při navrhování prvků ze stránky na stránku se nespoléhejte na změny paměti ani ruční změny.)
Definované styly zahrnují vše od palety písem (s velikostí a použitím barev) až po paletu barev, jak by se prvky, jako jsou tlačítka nebo odkazy, měly v designu objevit a fungovat. Nedostatek stylů může uživatele zahltit, protože mezi stránkami se často objevuje nekonzistentnost ve způsobu, jak věci vypadají a jak se chovají, což způsobuje uživatelům otázku, zda věci fungují správně, nebo zda informace, o které požádali, získali předchozím kliknutím.
Definování stylů také pomůže zabránit „přehánění“ designu a provedení změn bez důvodu. Logický a konzistentní vzor může uživatelům pomoci snadno najít informace a držet se designu.
Kniha Perfect Grid Book je solidním příkladem jednoduchého a konzistentního designu.
Všechno je stejné velikosti
Nemůžete konverzovat o stylech a CSS, aniž byste mluvili o hierarchii. Má váš návrh jasnou hierarchii pro text a další prvky (od fotografií po tlačítka až po odkazy)?
Klíčovou součástí této otázky je „jasná hierarchie“. Styly musí být natolik odlišné, aby nejobvyklejší uživatel mohl jasně rozeznat rozdíl mezi nadpisem a textem těla nebo tlačítkem nebo fotografií. Nejčastějším problémem, pokud jde o ohromující uživatele, je to, že každý prvek se cítí stejně veliký (nebo prvky spadají do skupin několika velikostí).
Velikost je více než jen šířka a výška nebo velikost bodu pro písma. Jak velké nebo odlišné se objevují předměty, když jsou umístěny vedle sebe? Vizuální váha nebo velikost jsou stejně důležité a dokonce i prvky různých typů (například text vedle fotografie) musí mít různé vizuální váhy. Barevný, prostorový a obrazový obsah může hrát velkou roli při určování toho, jak velké něco vypadá na obrazovce. Naplánujte odchylky ve vizuální velikosti prvků a vytvořte vizuální cestu pro uživatele, která pomůže nasměrovat oko od nejdůležitějších položek na obrazovce k nejméně důležitým.
Vaše míra okamžitého opuštění je opravdu vysoká
Dáváte pozor na míru okamžitého opuštění v analytice vašeho webu? Pokud číslo po změně návrhu naroste, mohlo by to být výsledkem vizuálního přetížení. (Na druhou stranu je možné, že vyhledávání a design jsou tak skvělé, že uživatelé okamžitě našli to, co hledali.)
Porovnejte míru okamžitého opuštění s časem na webu. Ideální je nízká míra okamžitého opuštění a vysoká doba na místě. Pokud se tato čísla začnou posouvat jiným směrem, mohlo by to signalizovat problém.
Pokud uživatelé opouštějí váš web příliš rychle, nahrajte se trochu hlouběji do analytiků a zjistěte, jak na svůj web dorazili a co hledají (pomocí vzorů kliknutí, nejlepších stránek a výsledků vyhledávání). Upravte design tak, aby tyto prvky měly položky s vysokou prioritou.
Uživatelé neklikají na správné věci
Při kopání analytiky si poznamenejte, na co uživatelé klikají. Odpovídají skutečná kliknutí požadovaným kliknutím? Pokud uživatelé nedělají s designem věci, které mají „dělat“, může to znamenat vizuální problém. Tlačítka nemusí být dostatečně velká nebo dostatečně jasná nebo kopie nemusí vést uživatele k příslušným výzvám k akci.
Problém je často v tom, že je příliš mnoho věcí, které je třeba udělat. Představte si web s velkou výzvou k akci na obrázku hrdiny, přímo pod ním formulář pro odeslání e-mailu a vyskakovací okno vyžadující informace ve formě kupónu. Na co byste klikli jako první? Nebo jen zavřete web a pokračujete ve svém životě?
Pokud byste to udělali později, je to z drtivé povahy designu a je to kvůli kognitivnímu přetížení nebo množství mozkové energie potřebné k použití vašeho webu. Existuje příliš mnoho možností přicházejících na uživatele příliš rychle na to, aby je všechny zpracovali.
Řešení je snadné. Omezte počet akčních prvků na jeden na „obrazovku“ mimo navigační prvky nebo zápatí. Ve výše uvedeném scénáři by design mohl zahrnovat výzvu k akci v obrazu hrdiny, ale nic jiného. E-mailový formulář by se zobrazil na jiné stránce nebo pod posuvníkem stejně jako vyskakovací okno.
Design je plný triků
Příliš mnoho designových triků nebo trendů nebo prvků se může cítit dobře, když to děláte, ale může zničit uživatelský dojem. Pokuste se udržet design na jednom triku designu, který poskytuje zajímavý bod pro uživatele, ale mentálně je nepřekonává.
Nedovolte, aby se výstřelky nebo věci, které chcete vyzkoušet, bránily jedné z KISS - udržujte to jednoduché, hloupé (což může být nejlepší filozofie designu všech dob).
Uživatelské vzory nejsou ve skutečnosti vzory vůbec
Jsou funkce na vašem webu běžné a dobře srozumitelné? Nic nemůže uživatele ohromit, jako by vymýšlel nový způsob, jak něco udělat. Posun zleva doprava, spíše než nahoru a dolů, nebo tlačítka, která nevypadají jako tlačítka, jsou jen pár příkladů uživatelských vzorů, které nejsou vzory. A uživatelé je nemají rádi.
Držte se běžně přijímaných uživatelských toků, nástrojů a akcí a zajistěte, aby většina návštěvníků věděla, jak s webem komunikovat a interagovat. Pokud návrh vyžaduje pokyny, je to pravděpodobně příliš komplikované. Používejte ikony a prvky, které jsou také dobře známé. Ikona nákupního košíku je příkladem prvku, kterému každý uživatel rozumí a očekává určitou akci.
Skrytá nabídka, ikona hamburgeru, je zajímavým příkladem, který začal jako něco, čemu uživatelé nerozuměli, ale vyvinul se do poměrně běžného uživatelského vzorce pro mobilní a dokonce stolní navigaci. Ale to není bez diskuse, s mnoha designéry stále mluví proti použití.
I když může být zábavné vytvořit něco úplně jiného a nového, přemýšlejte o cílech designového projektu. Pokud potřebujete, aby uživatelé procházeli webem a prováděli konkrétní akce - to je zásadní pro weby elektronického obchodování - klíčové jsou běžné uživatelské vzorce.
Není žádný prázdný prostor
Clutter je zabiják webových stránek. Prázdný prostor může zachránit design a pomoci uživatelům poskytnout směrové narážky, pomoci zavést hierarchii a učinit vše tak, aby bylo vše lehčí a snáze pochopitelné. Pouhé zvětšení mezery mezi řádky textu z jednoho na 1, 5 řádku může zvýšit čas na webu a čitelnost.
Prostor může ovlivnit uživatele i na jiných místech. K pochopení a porozumění mohou přispět širší okapy a prostor mezi prvky. Přehnaný bílý prostor kolem prvku může způsobit, že se to bude zdát důležité a zaměřit se na tuto oblast na obrazovce.
Prostor má také uklidňující účinek pro mnoho uživatelů, zatímco design nabitý prvky může způsobit, že se uživatel cítí zběsilý a spěchající.
Závěr
Je to věta, kterou jsme v minulosti používali v Design Shack: Pokud máte pochybnosti, vynechte ji. Při pokusu o zefektivnění designu, který by se mohl cítit zaplněný nebo ohromující, mějte tento nápad na paměti. Vizuální nepořádek je skutečným problémem, a to jak na jednotlivých webech, tak při nedbalém prohlížení internetu.
Design, který je pro oči snadný, udrží uživatele déle a doufejme, že povzbudí více konverzí. Každá stránka nebo obrazovka by měla mít na paměti jedinou akci uživatele, aby pomohla podpořit správná kliknutí ve správný čas.
){kind=link}