Internetových obchodov, bankových aplikácií, rezervácií hotelov alebo pracovných miest na voľnej nohe je stále viac úlohy, ktoré sa vybavujú cez internet a ktoré v niektorých prípadoch nahradili konvenčné médiá.
toto rýchly rast digitálnych operácií nám to uľahčil v mnohých aspektoch život. Šetrí nám čas, pretože transakcie sú rýchlejšie a nie je potrebné cestovať do žiadnej fyzickej prevádzky. Samozrejme boli vytvorené nové médiá, ktoré predtým neexistovali a ktoré teraz väčšina ľudí používa, napríklad sociálne siete, streamovanie filmov a seriálov na platformách ako Netflix alebo online platobné systémy ako Paypal.
S týmto rozmachom digitálneho sveta je to nevyhnutné investovať do vývoja prístupných a dobre navrhnutých rozhraní Pre používateľov. Na to však nemôžeme zabudnúť existujú používatelia, ktorí trpia zdravotným postihnutím fyzické alebo psychologické, ktoré výrazne obmedzujú ich skúsenosti a schopnosť používať počítače a mobily.
Aj keď existujú určité zdravotné postihnutia, napríklad ľudia, ktorí používajú invalidné vozíky, ktoré neprekážajú pri používaní internetu, iné, napríklad problémy so zrakom alebo slepotou, problémy s motorickou koordináciou, hluchota alebo autizmus, môžu vážne brániť vašej schopnosti orientovať sa na webe. Pre tieto prípady už niektoré boli vytvorené zariadenie ako čítačky obrazovky, ktorí pomáhajú a podporujú používateľov v oblastiach, kde majú zdravotné postihnutie.
Toto je však iba prvá časť riešenia problému. Mysliac na týchto používateľov, musíme navrhovať rozhrania webových stránok ktoré uľahčujú vaše skúsenosti a vyhovovať vašim potrebám. Pri navrhovaní existuje niekoľko zásad, ktoré môžeme uplatniť.
Obsah a zdroje
Počnúc najzákladnejším, musíte stanoviť priority v dizajne obsahu. Hlavička a panel s ponukami musia byť vizuálne ľahko lokalizovateľné a musia byť prvou vecou, ktorú používateľ uvidí. Prvky na domovskej stránke, obrázky a príslušné informácie budú vyhľadané ako druhé.
Reklamy alebo reklamné bannery sa zobrazujú na mnohých stránkach. Ak je to samo osebe nepríjemné pre všetkých používateľov, pre ľudí so zrakovým postihnutím je to problém, pretože to spôsobuje veľa zmätkov a prekáža čítaniu webového diagramu. Preto je nevyhnutné, aby ste vytvorili a všeobecný redakčný návrh stránky, ktorá je organizovane logicky a zrozumiteľné a prvky sú primerane dimenzované, takže aj v prípade iných rušivých prvkov sa môžu používatelia sústrediť na dôležitý obsah.
Použité písma najlepšie musia byť veľké a čitateľné. Typ Bez pätiek a odvážne Uľahčujú čítanie oveľa ľahšie ľuďom, ktorí môžu trpieť dyslexiou. Ďalšie odporúčané písma sú: Arial, Times New Roman, Helvetica, Tahoma, Calibri a Verdana.
A samozrejme by ste mali vždy dbať na to, aby medzi nimi existovala jasná diferenciácia text a pozadie. Nepoužívajte podobné farby, radšej vyberajte kontrastné farby.
Používanie písma Sans Serif Bold umožňuje lepšiu vizualizáciu textu.
Alternatívny text
El Alternatívny text alebo alternatívna značka sú popisy umiestnené na obrázkoch na webových stránkach. Aj keď tento text nie je pre používateľov čitateľný, a dobre napísaný popis je nástroj, ktorý nám pomáha dosiahnuť lepšie SEO umiestnenie.
Užitočnosť alt tagu sa však neobmedzuje iba na to. Pre tých používatelia čítačiek obrazovky pre zrakové postihnutia sú popisy obrázkov jediný odkaz, ktorý musia vedieť, aký je vzhľad toho, čo je na stránke vystavené. Takže ak ideme umiestniť napríklad fotografiu niektorých sukulentov, dobrý alternatívny text by bol: Tri šťavnaté rastliny v ružových kvetináčoch. Veľmi krátky text ako: Rastliny v črepníkoch, Nejde o popis, ktorý poskytuje príslušné podrobnosti, a preto nefunguje.
Tri šťavnaté rastliny v ružových kvetináčoch. Príklad alternatívneho textu.
prispôsobivosť
Pri navrhovaní musíme brať do úvahy všetky prezentácie, v ktorých bude zobrazené naše rozhranie, buď v webová alebo mobilná verzia. Zážitok bude vždy iný v závislosti od média, ktoré ho sledujeme.
Keď používame mobil, môžeme byť vystavení rôznym prostrediam ktoré sťažujú čítanie Obsahu obrazovky. Ak sme napríklad vonku, vďaka slnečnému žiareniu bude obrazovka vyzerať veľmi tmavo a hluk nám nedovolí dobre počuť zvuk. Preto je dôležité si tieto podrobnosti dobre premyslieť, aby mala mobilná verzia veľké písmená a tmavé farby a aby videozáznamy mali titulky pre prípad, že by ich nebolo dobre počuť.
Prispôsobte dizajn rozhrania tak, aby bol čitateľný na mobilných telefónoch aj počítačoch.
Konzistentnosť v dizajne
Redakčný návrh čo robíme s našou webovou stránkou musia byť rovnaké bez ohľadu na sekciu kde si. V sekcii Domov by sa mali zobrazovať rovnaké ikony panela s ponukami ako v sekcii Kontakty. Nesmieme meniť štýl ani umiestnenie kľúčových tlačidiel webu.
Pre nás tiež nie je vhodné umiestňovať videá, ktoré sa prehrávajú automaticky pri otváraní stránky. Pre používateľov používajúcich čítačky obrazovky je ťažké vedieť, ako ich pozastaviť.
Lišta s ponukami na stránke Starbucks je rovnaká vo všetkých sekciách.
Navigácia pomocou klávesnice
Napokon, niektorí používatelia s problémami s koordináciou motorov majú ťažkosti s uchopením počítačovej myši alebo s použitím touchpadu notebooku a spoliehajú sa iba na klávesnicu. Určite že je váš web navrhnutý určitým spôsobom to môže byť úplne funkčné iba pomocou tlačidiel na klávesnici.