V shonu moderního světa a neuvěřitelném množství informací kolem lidé mají tendenci volit jednoduchost, někdy aniž by o této volbě přemýšleli.
Aby se snížilo kognitivní zatížení, uživatelé hledají známé vzorce a vzory, díky nimž je interakce s digitálním světem a více komunikačními kanály jednoduchá a snadná.
Při modelování uživatelské zkušenosti při navrhování webových stránek je jedním z faktorů k dosažení tohoto cíle konzistence. Co to je, proč je to důležité, jaké typy konzistence existují a jak toho dosáhnout, vysvětlíme v tomto příspěvku.
Co je to konzistence
Zde je jedna z definic konzistence v designu: vlastnost vždy být, chovat se nebo jednat stejným způsobem, nebo vždy se vyskytovat stejným způsobem, jinými slovy, „být stejný“. To znamená, že rozhraní interaguje s uživatelem stejným způsobem, bez ohledu na vstupní bod nebo komunikační kanál.
Z hlediska uživatelské zkušenosti to znamená, že podobné prvky vypadají a fungují stejně, snižuje kognitivní zátěž a činí interakce srozumitelnějšími a intuitivnějšími. Vzhledem k tomu, že lidé jsou dnes zahlceni informacemi, mají tendenci volit produkty, které jsou snadno srozumitelné a snadno se s nimi pracuje.
Konzistence a konzistence navíc vytvářejí pevný základ pro pocit harmonie, a to jak ve vzhledu produktu, tak ve způsobu jeho fungování. A harmonie je vždy vítanou součástí každé zkušenosti, kterou získáme. Díky konzistenci a konzistenci jsou uživatelská rozhraní předvídatelná a snadno se učí.
Konzistence je jedním z 10 hlavních vektorů produktivního kreativního myšlení. Je založen na principu, že uživatelé by se neměli divit, jestli různá slova, situace nebo činy znamenají totéž.
Proč design důslednost je důležitá
Konzistentní přístup k návrhu uživatelského dojmu poskytuje následující výhody:
- rozhraní je mnohem jednodušší a pro nové uživatele se snáze učí
- méně chyb, protože uživatelé jsou méně zmatení
- čímž snižuje kognitivní zátěž a šetří čas a energii uživatelů.
- Konzistence udržuje silný image značky pro web nebo aplikaci
Konzistence tedy spojuje různé prvky uživatelského rozhraní do systému předvídatelných a srozumitelných interakcí. Ve skutečnosti to děláme ve fyzickém světě, abychom zjednodušili náš každodenní život a vyhnuli se nutnosti soustřeďovat se na stejné operace znovu a znovu.
Například všichni v kuchyni ukládáme nádobí a náčiní, takže i když někoho poprvé navštívíte, nebudete se v koupelně snažit hledat šálek a lžíci. To je pohodlné a srozumitelné, protože se jedná o dobře známý vzor, kterým se většina lidí řídí.
Podívejte se na tento příspěvek: Jak zlepšit uživatelské prostředí (UX) uplatněním Design Thinking, abyste lépe pochopili, jak to může pomoci vašemu webu a podnikání
Druhy konzistence
Pokud jde o dopad, konzistence může být vizuální a funkční.
Vizuální konzistence je založena na tom, aby podobné objekty nebo prvky vypadaly stejně. Je velmi důležité vytvořit jasná spojení mezi prvky a vytvořit solidní vizuální hierarchii.
Jedná se o ikony, písma, velikosti obrázků, tlačítka, štítky a další důležité věci. Například při organizaci článku musí všechny typy textových prvků (nadpis, podnadpisy, hlavní text, uvozovky atd.) Používat stejný typografický reprezentační systém, aby byly snadno skenovatelné a poskytly smysl pro jasnou strukturu.
Pokud vytváříte blog nebo média s více typy příspěvků, musí dodržovat stejný systém vizuální prezentace, aby je bylo možné vnímat jako jeden celý příspěvek, a nikoli jako shluk náhodných příspěvků.
Funkční konzistence znamená, že se podobné objekty chovají stejným způsobem. Například většina webů používá logo nebo název příspěvku v levém horním rohu. A každý je zvyklý na to, že kliknutím na něj se uživatelé vrátí na hlavní stránku nebo ji obnoví. Většina uživatelů je na tuto šablonu zvyklá a očekává, že to tak bude fungovat, a to i na webových stránkách, které poprvé fungují.
span>
Z hlediska konektivity a rozsahu může být konzistence interní nebo externí.
Interní konzistence jsou různé části vašeho rozhraní nebo značky, které vypadají a chovají se jako jeden jasný systém. Pokud například necháte všechna tlačítka CTA na různých stránkách nebo obrazovkách vašeho produktu barevně a stylově stejná, uživatelé je mohou rychle rozlišit v jakékoli fázi cesty uživatele.
Externí konzistence Jsou ty části vašeho rozhraní, které vypadají a chovají se jako typické šablony pro většinu produktů tohoto typu. Jedná se například o to, když používáte nákupní košík i na webu, který prodává nehmotné produkty, nebo podtrhnete textové odkazy, aby uživatelé věděli, že na ně mohou kliknout.
Jak zajistit konzistentní vzhled
Zde je 7 kontrolních seznamů, které byste měli mít na paměti, pokud se snažíte dosáhnout konzistence designu svého webu nebo mobilní aplikace.
1. Implementujte známé vzorce
Existuje mnoho způsobů chování a zvyků, které uživatelé již mají, než uvidí vaši aplikaci nebo web. Tato sada znalostí je založena na jejich předchozích zkušenostech a v závislosti na tom, jak k nim návrháři přistupují, může pomoci nebo zničit uživatelskou zkušenost.
Například ještě předtím, než se objevily populární digitální produkty pro statistiky a grafy, většina uživatelů spojovala červenou barvu se záporným zůstatkem nebo snížením a zelenou s kladným zůstatkem nebo zvýšením.
Tato šablona známá milionům lidí všech věkových skupin a národností pomáhá udržovat konzistenci produktu a usnadňuje pochopení vizualizace dat. Kromě toho zbarvení tlačítka příchozího hovoru zelenou barvou a odmítnutí hovoru červenou barvou snižuje kognitivní zátěž uživatelů, protože jsou na tento model zvyklí a nemusí přemýšlet o tom, co s tlačítkem dělat.
< span class = "ui_preloader ui_preloader - velký">
Může se jednat také o vnitřní konzistenci, což je důležité zejména u komplexních produktů se spoustou obrazovek a interakcí.
Pokud je nutné naučit uživatele pracovat s rozhraním, pak je velmi užitečné použít sekvenční sadu interakcí. Koneckonců, při přechodu z jedné stránky na druhou se nemusí soustředit na to, jak pracovat s každou novou stránkou, takže rozhraní budou považovat za intuitivní. Pokud však tuto sekvenci prolomíte, bude trvat čas a úsilí, než uživatelé přijdou na to, o co jde.
Například pokud na většině stránek použijete svisle posouvající se galerie obrázků a pak najednou použijete méně zřejmé vodorovné posouvání na jiný typ, zvýší se to kognitivní zatížení, uživatelé se potýkají s obsahem nebo ho úplně přeskočí.
Nebo předpokládejme, že jste dlouho používali tlačítko plus ve spodní části obrazovky a uživatelé jej tam dříve našli, ale pak jste jej přesunuli nahoru a skryli v nabídce hamburgeru.
Nebo řekněme, že na některých obrazovkách nastavíte telefonní číslo jako interaktivní a na jiných neinteraktivní, i když vypadá všude stejně. To je nekonzistentní. V tomto případě bude samozřejmě uživatelům přechod z jedné šablony na druhou nějakou dobu trvat.
Tato zkušenost může být velmi nepříjemná, zkuste ji tedy vyhladit pomocí nápovědy nebo jiných metod.
To samozřejmě neznamená, že byste se měli držet pouze známých vzorů. Vždy existuje prostor pro kreativní a hotová řešení, nezapomeňte je propojit s tím, co uživatelé již znají a používají, a pokud je toto spojení slabé, přemýšlejte spíše o tom, jak je podpořit, než obracet kreativitu designu do zlosti pro uživatele.
Kromě toho se snažte o logiku a podobnost interaktivních šablon – i když nejsou běžné, ale jednotné na všech obrazovkách produktů, proces zvykání na ně bude rychlý a snadný.
Při experimentování s komponentami uživatelského rozhraní buďte opatrní
Z předchozího bodu je snadné vidět, že jakékoli experimentování s prvky uživatelského rozhraní musí být dvakrát promyšleno, aby se dosáhlo konzistence. To platí zejména pro základní prvky používané na většině webových stránek. Lidé je znají tak dobře, že ve většině případů ani nemusí přemýšlet.
Například s jakýmkoli webovým serverem nebo aplikací uživatelé pracují, když potřebují něco najít, budou hledat zvětšovací ikona skla pro označení tlačítka nebo vyhledávacího pole.
Pokud funkci hledání skryjete za jiný obrázek nebo ikonu, může to zkazit zážitek a zmást uživatele. Místo interakce s obsahem se pokusí najít pole, aby jej vyhledali.
Nebo, když se snažíte najít způsob, jak se dostat do kontaktu, většina návštěvníků webových stránek vyhledá odkaz Kontaktujte nás v záhlaví nebo kontaktních detailech a formulář Kontaktujte nás v zápatí stránky. S ohledem na tuto skutečnost můžete zkrátit cestu ke konverzím a spokojeným zákazníkům tím, že je umístíte tam, kam obvykle patří.
Totéž platí pro další základní a rozšířené funkce, jako jsou záložky, nákupní vozíky nebo koše, chaty a posly, ukládání položek do seznamů přání, volání, přidávání nových položek atd.
Pokud se rozhodnete experimentovat s jejich vzhled, umístění a výkon, předem je dobře otestujte, abyste se ujistili, že je uživatelé mohou pohodlně najít a komunikovat s nimi.
Typografie a konzistence barev
Mezi nejdůležitějšími faktory vizuální konzistence designéři UX uvádějí barvu a typografii. Není žádným tajemstvím, že oba tyto prvky mohou významně ovlivnit vizuální styl, emoční pozadí a chování uživatele.
Protože oba produkty mají zásadní význam pro vizuální vnímání, umožňují uživatelům zažít integritu produktu při důsledném používání. Proto musí existovat dobře promyšlený jasný designový systém využívající specifická písma a barvy pro textový obsah a prvky rozložení.
Díky tomu bude váš web nebo aplikace snadno srozumitelný a uživatelé si nebudou muset zvykat na nový vzhled a dojem při přechodu z jedné obrazovky na druhou.
Možná tento příspěvek bude inspirovat vás, Naučte se: 10 pravidel pro ideální typografii ve webovém designu
Barva je významným faktorem vnější konzistence.
V naprosté většině případů je barva vnímána lidským okem, než mozek dekóduje ikony, obrázky nebo text. Proto je lepší tento faktor hlouběji analyzovat a učinit jej užitečným pro vytváření intuitivní navigace a pozitivního uživatelského zážitku.
Připomeňme si příklad barev tlačítek pro přijetí nebo odmítnutí hovoru. Chcete-li tento zážitek zničit, jednoduše je změňte barevně a červené volací tlačítko například ospravedlněte tím, že červená je velmi nápadná.
To může skončit úplným fiaskem: i když ikona vypadá naprosto jasně, většina uživatelů si ji mýlí s tlačítkem pro odhlášení jen proto, že vidí a dekóduje barvu mnohem rychleji než ikona nebo text, zejména pro takovou základní operaci.
Pokud se chcete touto problematikou zabývat hlouběji, dáváme vám do pozornosti publikaci: Zvláštnosti vnímání barev ve webovém designu
< h2> Vytvořit systém s vizuálními efekty
Obrázky hrají obrovskou roli nejen při přidávání krásy a stylu rozhraní. Jsou rychlejší a čitelnější než text a také podporují použitelnost, zesilují poselství a vytvářejí správnou náladu a atmosféru.
To však neznamená, že návrháři jednoduše pořídí různé obrázky, které se jim líbí, a vloží je do rozhraní. Stejně jako typografie by i obrázky měly představovat systém, nejen náhodnou množinu. V tomto případě se stanou dalším faktorem zajišťujícím konzistentní uživatelský komfort.
Pokud se chcete touto problematikou zabývat hlouběji, upozorňujeme vás na publikaci: How to Use Visual Content to Create Návrh vašeho webu
Strukturujte svůj obsah správně
Je vždy snazší zacházet s jakýmikoli daty, když jsou strukturovaná. Dokonce i beletrie jsou organizovaným kapitolovým systémem, tak jak se tomu může vyhnout jakýkoli druh rozhraní?
Vytvoření dobře strukturovaného obsahu umožňuje uživateli soustředit se na informace bez předchozí práce s jejich organizováním a porozuměním jejich vztahům. A to by se nemělo dělat pro jednotlivé obrazovky nebo stránky, ale pro web nebo aplikaci jako celek, aby to bylo jednoduché a konzistentní v jakémkoli bodě interakce.
Například použití konzistentního systému vizuální reprezentace různých prvků v článku (nadpis, podnadpisy, odrážky, citace, obrázky a galerie obrázků, textové odkazy atd.) zjednodušujete interakci s webem, protože uživatelé mohou rychle pochopit, jak to funguje, procházet stránky a najít co potřebují …
Kromě toho je pomocí statistik a infografik nutné, aby vypadaly a fungovaly stejně v aplikaci nebo na webu, aby snížily kognitivní zátěž a pomohly při vnímání informací.
Dodržujte konzistenci napříč všemi kanály
Značka se zřetelnou identitou musí vykazovat konzistentní spojení mezi svou přítomností online napříč více kanály:
- web,
- aplikace,
- sociální média,
- prezentace,
- firemní dokumenty a korespondence
Měly by být sloučeny do jednoho systému a důsledné používání firemních barev a písem pomáhá zapamatovatelnost a vnímání autenticity značky.
Práce na efektivním copywritingu UX
Vytváření dobré kopie pro rozhraní je založeno na 4 základních pravidlech a měla by být:
- jasný (uživatelé chápou, o čem mluvíte, hlavní myšlenka není rozmazaná ani složitá)
- stručné (smysluplný text, stručné, zaměřené na cíl, bez prázdných řečí)
- užitečné (web poskytuje uživatelům potřebné informace nebo pomoc při interakci)
- konzistentní (články v rozhraní jednoho webu si zachovávají stejný styl, tón, hlas a terminologii)
UX copywriting definuje, vyzve Pro uživatele, jak interakce s rozhraním určuje tón a hlas značky, a to je další faktor, který vyžaduje důsledný přístup.
Kromě komunikace s lidmi využívajícími digitální produkty očekávají uživatelé také přátelské a do jisté míry předvídatelné chování. Dokonce i nekonzistentní používání rejstříků nadpisů a vět může způsobit určité nepohodlí.
Všechny tyto metody uniformity v designu UX jsou zaměřeny na dosažení pozitivního uživatelského zážitku. Protože bez ohledu na to, jak zajímavý je váš příběh, uživatel se ho nikdy nedozví, pokud není čitelný.
