Přístupný design: jak učinit rozhraní přátelským pro starší lidi

Ve společnosti Mojo jsme se rozhodli připomenout vám, že design nejenže řeší obchodní problémy, ale také usnadňuje život lidí. UX je koncept, který je založen na myšlence kvality a pohodlí a všichni by si před ním měli být rovni.

Pandemie přivedla každého na internet. Vaše babička a dědeček už nemají tlačítkový telefon a televizi? Pojďme se podívat na to, jak jim zajistit digitální prostor.

Každý někdy stárneme

Špatná zpráva: stárneme již 20 let. Ve věku 40 let ztrácí oční čočka svoji pružnost a vidění se snižuje. Jedná se o přirozený proces, který ztěžuje čtení malého textu.

Ve věku od 25 do 60 let klesá schopnost používat weby o 0,8% ročně. Lidé potřebují na navigaci a dokončení úkolu více času.

Do roku 2050 bude mít každý šestý člověk na světě více než 65 let.

Podle předpovědí OSN počet lidí ve věku 80 let a starších ztrojnásobí: ze 143 milionů v roce 2019 na 426 milionů v roce 2050.

Obecně všichni někdy zestárneme. Tato skutečnost by nás nyní měla přimět k tomu, abychom se na generaci věku dívali jiným způsobem.

Navrhování UX pro lidi nad 85 let je skutečnou výzvou. Je škoda, že většina společností této problematice nevěnuje pozornost. Prostě to ignorují. To by se mělo změnit

Jacob Nielsen na konferenci Alfa-Bank Zakladatel skupiny Nielsen Norman

Situace v Rusku

Internetové publikum v Rusku v roce 2019 vzrostlo kvůli důchodcům. Největší nárůst uživatelů byl v kategoriích 65+ (z 26 na 36%) a 50-64 let (z 63 na 66%).

Rosstat uvádí, že v roce 2020 mohla více než polovina Rusů starších 55 let používat internet zdarma.

Starší generace v zásadě komunikuje na sociálních sítích, čte zprávy a studuje informace o zboží a službách. Pouze 10% z nich však nakupuje online.

Z těch, kteří se rozhodnou, platí 73% za nákupy bankovními kartami, nikoli prostřednictvím elektronických peněženek. 46% provádí finanční transakce v síti – s cennými papíry, převody peněz a placením účtů.

Centrum pro studium důchodové reformy ve své studii dospělo k závěru, že lidé od 55 do 75 let snadno zvládnou internet. Téměř 100% z nich se s počítačem seznámilo na svém pracovišti.

Hlavním motivem pro jejich online připojení je hledání zdrojů příjmů, zájem o nové informace a doporučení příbuzných.

Úroveň počítačové gramotnosti důchodců roste:

< li> 92% starších lidí může otevírat soubory libovolného formátu;
• 74% může kopírovat a ukládat informace;
• 56% odinstalovat a nainstalovat programy ze sítě samy;
• 43% může používat textové editory;
• 37% zvládlo e-mail.

Starší uživatelé tráví denně na internetu 3 až 6 hodin. Mnoho lidí dává přednost televizi.

Co je na Západě

V USA je digitální gramotnost také roste. Uživatelé starší 65 let mohou samostatně:

• nainstalovat do svých počítačů blokování reklam;
• filtrovat výsledky vyhledávání, ignorovat sponzorované výsledky a reklamy;
• odinstalovat aplikace časově náročné hry, jako jsou hry;
• smazat účty ze služeb, které shromáždily příliš mnoho osobních údajů.

Důvody pro používání internetu mezi seniory v USA:

• sledovat aktuální dění;
• spravovat peníze;
• nakupovat;
• vyhledávat zajímavé informace;
• udržovat kontakt s přáteli a rodina.

Účastníci skupinového průzkumu Nielsen Norman reagovali pozitivně na nástup internetu v jejich životě. Jeden 87letý respondent uvedl: „Díky připojení k internetu jsem se cítil mnohem nezávislejší.“

V letech 2011 až 2016 se počet majitelů chytrých telefonů nad 65 zvýšil čtyřnásobně.

Problémy s použitelností pro seniory

1. Malá velikost. Upozorňujeme, že velikost velikosti závisí na typu písma. Některé z nich jsou samy o sobě velké, jiné menší. Například Asos používá Futura PT. 14kolíková Futura PT vypadá jako 10kolíková Roboto.

Mimochodem, malá písmena v textu odpuzují nejen starší generaci – teenageři je nemají tak rádi. Důvodem jsou problémy s časným viděním v důsledku špatného držení těla.

2. Nízký kontrast textu. Než se rozhodnete použít světle šedý text na bílém pozadí, podívejte se do zrcadla a zeptejte se proč. Pokud se snažíte snížit viditelnost jednoho prvku a přesunout zaměření na ostatní, existují lepší způsoby.

3. Ikony s nepochopitelným významem. Osoba bez digitálního prostředí bude mít čas, aby pochopila, co to znamená.

4 … Nedostatečná flexibilita. V rozhraní by měl být prostor pro chyby uživatelů, zejména pokud jde o věkové publikum. Weby a aplikace, které umožňují zadávat data pouze v jednom formátu, uživatele frustrují. To zahrnuje také schopnost rozpoznávat překlepy.

5. Špatné copywriting UX. To zahrnuje špatně formulované chybové zprávy a nesrozumitelný text navigace. Dalším problémem je neviditelné umístění výstrahy na obrazovce mezi mnoho dalších prvků rozhraní.

Pokyny pro návrh

Použijte velikost písma 14pt nebo více. Vzdálenost, ve které můžeme číst písmena, ovlivňuje rychlost čtení. Taková velikost vám umožní pohodlně studovat informace. Pamatujte, že pokud člověk musí při čtení textu přimhouřit oči nebo se naklonit blíž, nebude.

Umožnit uživatelům upravit velikost textu sami.

Udržujte vysoký kontrast mezi textem a pozadím. Je lepší použít čisté pozadí než texturované. Vzorované pozadí ztěžuje rozpoznání drobných detailů v textu.

Když je obtížné dešifrovat informace, čtenáři jsou nuceni si vybrat: napnout oči nebo přeskočit obsah. Už hádáte, jaké rozhodnutí učiní?

Rozšíření NCSU Chrome Color Contrast Analyzer Extension ukáže, které pozadí je vhodné pro překrytí textu.

V aplikaci Figma můžete zkontrolovat kontrastní poměr pomocí pluginu Color Contrast Checker.

Kontrast je poměr jasu prvku k jasu pozadí. Měří se v rozsahu od 1: 1 (minimální kontrast – bílý text na bílém pozadí) do 21: 1 (maximální kontrast – černý text na bílém pozadí).

Požadavky na kontrast najdete ve webovém obsahu Pokyny pro usnadnění přístupu (WCAG). Nabízejí úrovně podpory AAA, AA, AAA Large a AA Large.

AAA a AA pro malá písma (méně než 14 bodů pro tučné písmo a 18 bodů pro běžné písmo)

AAA Large a AA Large pro nadpisy (více než 14 bodů pro tučné a 18 bodů pro běžné).

Doporučené kontrastní poměry

AAA – 7: 1

AAA Large – 4,5: 1

AA – 4,5: 1

AA Large – 3: 1

Podpora AAA – standard je nutný pro lidé se středně zhoršeným zrakem a standard AA je potřebný pro lidi s podprůměrným zrakem.

Co jednodušší písmo, tím lépe. Vyhněte se písmům s dekorativními prvky, patkami a zvláštně tvarovanými písmy. Například napodobování rukopisu nebo gotický styl. Snižují čitelnost.

Simulátor špatného vidění

K simulaci zrakového postižení lze použít simulátor NoCoffee Vision, včetně různých forem barvosleposti.

To je zvláště důležité pro ikony navigace. Nespoléhejte na to, že při ukázání ukážete.

Zaprvé by bylo obtížné implementovat tuto mechaniku na dotykové obrazovce.

Zadruhé, člověk bude muset vynaložit větší duševní a fyzické úsilí k dosažení cíle. Jak kdysi řekl návrhář a konzultant použitelnosti Bruce Tognazzini: „Slovo má hodnotu tisíců obrázků.“

1. Udržujte svůj design jednoduchý a útržkovitý. Méně grafických detailů – malá ikona je stále nerozpoznává.

2. Použijte pravidlo pěti sekund. Pokud přijdete s ikonou déle než 5 sekund, nebude to vyjadřovat podstatu.

3. Otestujte ikony na rozeznatelnost: zeptejte se lidí, co očekávají od svých interakcí.

4. Zkontrolujte, zda jsou ikony zapamatovatelné: zjistěte, zda si cílové publikum pamatuje jejich význam dva týdny po kontaktu.

Chybové zprávy

Senioři mají často potíže se čtením chybových zpráv. Nerozumí formulaci nebo prostě neznají důvod selhání. Zde se jednoduchost stává ještě důležitější než obvykle.

Chybová zpráva by měla obsahovat:

1. Jasná indikace, že se něco pokazilo. Když uživatelé dělají chyby a nedostávají zpětnou vazbu, jsou úplně ztraceni. Popište prosím problém přesně.

2. Vymažte jazyk namísto oborových výrazů jako „došlo k chybě třídy 2“.

3. Zdvořilá fráze, která uživatele neobviňuje ani nenaznačuje, že jsou hloupí.

4. Konstruktivní rada, jak problém vyřešit. Například zkontrolujte překlep, podívejte se na doporučení v souboru nebo znovu načtěte stránku.

Nejčastější internetové upozornění „404 nenalezeno“ porušuje většinu těchto doporučení. Lepší je napsat vlastní chybovou zprávu.

5. Nepoužívejte pouze červenou k označení chyb. Zahrňte další vodítka, která se lidem barevně slepým mohou zobrazit.

6. Ušetřete co nejvíce práce uživatele. Nechte osobu původní akci upravit, místo aby to opakovala znovu. Pokud návštěvník zadal alespoň některé informace, a to i bez chyby, musíme je znovu použít ve všech dostupných scénářích. Toto je součást principu „nechte auto se potit“.

7. Omezte práci na opravě chyby. Pokud je to možné, uhodněte správnou akci a nechte ji uživatele vybrat z malého seznamu oprav. Například namísto pouhého vyslovení „město a PSČ se neshodují“ nechte návštěvníka vybrat město, které odpovídá zadanému PSČ.

Závěry

Nabrali jsme kapku, ale i tato doporučení mohou zlepšit život lidí na internetu. Přizpůsobením rozhraní pro starší lidi to uděláme pohodlnějším pro všechny.

Pro ty, kteří se posunuli dolů:

• použijte písmo od 14 bodů. To potěší nejen dospělé, ale i teenagery;
• zkuste psát text na „čistém“ pozadí a vždy zkontrolujte úroveň kontrastu;
• nepoužívejte písma s neobvyklými styly. Čím jednodušší je náhlavní souprava, tím lépe;
• Nerozdělujte úkoly na více obrazovek, pokud vyžadují, abyste si pamatovali předchozí kroky. Během dlouhých úkolů poskytněte jasnou zpětnou vazbu o postupu;
• textové ikony pro ikony – nebuďte donutí nezkušené uživatele hádat;
• v chybové zprávě uveďte doporučení, jak to opravit .

Do komentářů napište, jaké technologie vaši starší příbuzní nejčastěji používají. Dědeček našeho grafického designéra například sám kreslí bannery a nedávno ji požádal, aby nainstalovala Illustrator.

Vložte „+1“ a přihlaste se k odběru Mojo, pokud to bylo užitečné 🙂