Detox svůj design: 8 prvků uživatelského rozhraní, které chcete odstranit
Začíná váš design vypadat starý? Díky starým a zastaralým prvkům uživatelského rozhraní může být web mnohem aktuálnější, než ve skutečnosti je.
Zde se podíváme na osm prvků uživatelského rozhraní, které byste měli ze svého návrhového plánu vyloučit. Ale to není všechno; každé „ne“ přichází s návrhem na modernizaci vašeho webu. Budeme mít tento design vypadat up-to-date v žádném okamžiku!
1. Tlačítka „Flat“
Jedním z největších problémů s plochým designem obecně je, že všechno bylo, no ... byt. Pro některé uživatele to ztížilo rozlišování prvků a ztížilo interakce. Jako řešení tohoto problému se objevily „téměř plochý“ a „plochý 2.0“, které uživatelům pomáhají lépe najít a interagovat s prvky uživatelského rozhraní.
Zkuste to místo toho: Přidejte náznak animace nebo efekt přechodu, aby tlačítko plochého stylu trochu více zdůraznilo. Pokud se vám líbí byt, zvažte téměř ploché alternativy nebo nadměrné možnosti tlačítek, které uživatelé snáze najdou a budou s nimi pracovat.
2. Textové kolotoče
Kolotoče a jezdce se mohou snadno stát předmětem velkých debat mezi designéry. Zda jsou použitelné a dobře fungují, často velmi závisí na obsahu uvnitř.
Textové karusely nebo posuvníky, které zobrazují dlouhé řetězce informací, nejsou příliš praktické. Posuvníky, které se ve skutečnosti sami neposouvají a nevyžadují kliknutí, nejsou příliš užitečné. A žádná z těchto možností nepodporuje uživatele, aby klikali.
Zkuste to místo toho: Pokud chcete zobrazit více položek, použijte tuto techniku jako displej pro hrst vizuálů, ale ne jako výzvu k akci a nepoužívejte ji pro bloky textu, které mají uživatelé číst v pořadí . Umístěte akční prvky na jiné místo na obrazovce přímou a snadno srozumitelnou akcí.
3. Odkazy na malé akce
Je třeba kliknout (nebo klepnout) na webové stránky a zobrazit další informace je minulostí. Uživatelé chtějí vidět informace na první pohled, aniž by ztratili počáteční umístění v prohlížeči. (Platí to pro weby a aplikace.)
Pokud můžete zobrazit informace způsobem, který nezpůsobí uživatelům navigaci mimo původní zdroj těchto divotů, měli byste tak učinit.
Zkuste to místo toho: Popover je malý prvek uživatelského rozhraní, který se vztahuje ke konkrétnímu obsahu. Když uživatel akci aktivuje, objeví se prvek stylu téměř oznámení (a také zmizí). Popovery jsou jednou z nabízených funkcí v Apple OS X az dobrého důvodu; funkce poskytuje bez navigace.
4. Flash-Based Anything
O programu Flash je třeba jen říci: Pokud jej stále používáte pro cokoli na svém webu, přestaňte prosím.
Zkuste to místo toho: HTML5 již není nový a poskytuje veškerou funkčnost, kterou potřebujete pro přehrávání zvuku, videa a dalších bitů multimédií. (Navíc to funguje na všech zařízeních.)
5. Ikony s dlouhými stíny
Tento vzestup trendu plochého designu byl poměrně krátký. I když tam stále najdete několik ikon nebo tlačítek s dlouhými stíny, styl již má starý pocit.
Zkuste to místo toho: Zkuste vytvořit tlačítko pomocí plochého stylu s některými náznaky stínů nebo textury. Tyto jemné efekty usnadňují „vidět“, než je prvek, s nímž je třeba interagovat, a přitom udržovat jednoduchou estetiku, která neznepokojuje jiné vizuální prvky.
6. Mega menu
Zatímco mega menu může uživatelům pomoci procházet web s velkým množstvím obsahu, na menších zařízeních to není praktické. Problém s těmito nadrozměrnými nabídkami je v tom, že často existuje tolik obsahu, který uživatel neví, co dělat dál, je ohromen a opouští web.
Dalším problémem s obrovskými nabídkami je to, že mnoho z nich je navrženo tak, aby se otevíraly na vznášedle a poté zakryly velkou část obrazovky. To může způsobit zmatek pro uživatele a dále odvrátit uživatele od toho, proč přišli na váš web nebo se přesunuli do nabídky.
Zkuste to místo toho: Použijte silné propojení na webu, abyste uživatele přivedli skrz kousky souvisejícího obsahu. Usnadněte uživatelům nalezení a zobrazení vzorů v návrhu, aby se přesunuli z jednoho prvku nebo kousku obsahu na další.
Pomocí analýzy webu můžete najít tok uživatele a vzory ze stránky na stránku, které vám pomohou vytvořit silné vztahy na stránce. Pokud máte pocit, že je potřeba navigace zvětšovat, zvažte celou obrazovku, na kterou se klikne úmyslně a kterou lze stejně snadno skrýt.
7. Příliš mnoho ikon sociálních médií
V tuto chvíli uživatelé vědí, jak sdílet obsah na sociálních médiích - i když na stránce nejsou desítky ikon. Všechny tyto ikony pravděpodobně rozptylují váš obsah.
Ještě horší je ikona sociálních médií se všemi různými barvami a tvary různých kanálů. Tyto ikony zabíjejí váš design. Existují lepší možnosti.
Zkuste to místo toho: Přidejte do záhlaví nebo zápatí tlačítka pro sdílení vlastních sociálních médií a nechte je mimo individuální obsah. Navrhněte je s jemností tak, aby neodváděli uživatele od designu a skutečného důvodu návštěvy vašeho webu.
Nebo je trochu odvážnější a zvážit je úplně. Prohrajte si svou analytiku; kolik lidí používá tlačítka sdílení?
8. „Falešná“ animace
Mění tlačítka, prvky a další výzvy k akci rotaci, skákání nebo změnu barvy, aby se uživatelé na ně podívali? Tyto techniky budou datovat vaše stránky okamžitě.
Návrh by měl čerpat u uživatelů; pozornost, protože směšné množství pohybu, by neměla.
Zkuste to místo toho: Navrhněte prvky se záměrem. Dejte uživatelům místo, kde se mohou v designu soustředit. Každá obrazovka by neměla obsahovat více než jednu akční položku (kromě možností sdílení sociálních médií). Ujasněte si tedy, co by uživatelé měli dělat, a navrhněte prvek, který jim pomůže dosáhnout tohoto cíle.
Prvky ve stylu karet jsou zde dobrou volbou. Protože jsou kontejnery větší než standardní tlačítko, poskytují dostatek místa a informací, na které lze kliknout. To uživatelům usnadní vyhledávání a kliknutí na příslušnou akci. (A karty jsou také citlivé.)
Závěr
Děláte na svém webu některou z těchto chyb uživatelského rozhraní? Jednoduché opravy vám mohou pomoci obnovit a modernizovat design a zároveň usnadnit jeho používání.
Nezapomeňte se podívat na příklady (a kliknutím na odkazy zobrazíte, jak fungují v akci) a podívat se na způsoby, jak dobře používat různé typy prvků uživatelského rozhraní. A nezapomeňte se s námi podělit o svou práci v galerii Design Shack.
