Projektowanie UI/UX dla użytkowników z dysleksją

Opublikowany: 2019-04-05

Obecnie przedsiębiorstwa każdej skali pracują nad poprawą swojej inkluzywności. Ta godna pochwały inicjatywa pozwala ludziom czerpać korzyści z towarów i usług bez względu na ich ograniczenia zdrowotne.

Usługi cyfrowe również starają się uwzględniać inkluzywność, a branża internetowa i mobilna przoduje w tym wyścigu. Instagram niedawno uruchomił aktualizację swojej aplikacji z dwiema funkcjami ułatwień dostępu, automatycznym tekstem alternatywnym i niestandardowym tekstem alternatywnym.

Te funkcje pozwalają użytkownikom niedowidzącym uzyskać najlepsze wrażenia z korzystania z aplikacji.

Obecnie branża wciąż uczy się tworzyć inkluzywne projekty UX/UI, które byłyby równie przyjazne dla różnych osób. W tym tekście znajdziesz informacje na temat projektowania UI/UX dla użytkowników z dysleksją.

Jeśli zastanawiasz się, dlaczego to ma znaczenie, oto jeden fakt: na podstawie swoich badań Yale Center for Dyslexia & Creativity doszło do wniosku, że nawet dwadzieścia procent populacji świata może w pewnym stopniu cierpieć na dysleksję. Oznacza to, że dwóch na dziesięciu użytkowników Twojej aplikacji lub witryny może nie być w stanie uzyskać przyzwoitych wrażeń podczas korzystania z niej.

Świadomość dysleksji

Dysleksja jest stanem, który powoduje trudności w pisaniu, ortografii i czytaniu u dzieci i dorosłych w każdym wieku, niezależnie od pochodzenia etnicznego, statusu społecznego i poziomu inteligencji. Dysleksja jest powszechną neurologiczną trudnością w uczeniu się, która nie jest całkowicie uleczalna. Nie jest zaraźliwa i nie podlega dziedziczeniu. Ten stan nie ma nic wspólnego z lenistwem i niechęcią do nauki. Chociaż ta niepełnosprawność w nauce językowej nie jest uleczalna, nie uniemożliwia ona automatycznie ludziom z tym schorzeniem odnoszenia sukcesów w nauce, pracy zawodowej i osobistej. Przy odpowiedniej interwencji i pomocy technologicznej osoby z dysleksją mogą prowadzić udane życie, tak jak wszyscy inni.

Niektórzy sławni i odnoszący sukcesy ludzie mają dysleksję. Dysleksję zdiagnozowano u Alberta Einsteina, Richarda Bransona, Toma Cruise'a, Jima Carreya, Walta Disneya i Whoopi Goldberg. Ten stan nie przeszkodził Johnowi F. Kennedy'emu, George'owi Washingtonowi i George'owi W. Bushowi zostać prezydentami USA. Niezdiagnozowana i odpowiednio rozwiązana dysleksja może powodować słabe wyniki w nauce, duży niepokój, frustrację i niską samoocenę.

Istnieją również prawne aspekty udostępniania sieci dla wszystkich. Możesz sprawdzić Zasoby polityki dostępności sieci WAI, aby zapoznać się z artykułami na temat zasad prawnych dotyczących dostępności.

Projektowanie dla Dysleksji

Nowoczesna edukacja jest wysoce zdigitalizowana. Dość często dzieci uczą się podstaw czytania i pisania ze swoich iPadów. Jednak to nie jedyna grupa, która potrzebuje dostępnych rozwiązań. Różni ludzie na całym świecie potrzebują dostępnych narzędzi internetowych i mobilnych, z których mogą korzystać bez względu na ograniczenia.

Istnieją już całkiem udane cyfrowe rozwiązania edukacyjne dla osób z dysleksją. Wśród nich są takie aplikacje jak Leo, Teen and Adults Phonics Library, Knoword, Reading Machine i Draw Something. Poszukaj inspiracji podczas pracy nad przyjaznym dla osób z dysleksją projektem Twojego produktu.

Projektowanie UX i UI dla dysleksji może być trudniejsze niż tworzenie zwykłej aplikacji internetowej lub mobilnej. W tym przypadku projektant musi zrobić coś więcej niż tylko postępować zgodnie z najlepszymi praktykami w branży. Aby zaprojektować przyjazny dla osób z dysleksją UX/UI, należy nadążać za najnowszymi osiągnięciami w tym sektorze i postępować zgodnie z wytycznymi, które już okazały się skuteczne. Aby Twoja witryna lub aplikacja była łatwa w użyciu dla osób z dysleksją, najlepiej współpracować z projektantami, którzy mają odpowiednie doświadczenie i mogą pokazać Ci swoje portfolio lub studia przypadków.

Kiedy udostępniasz swój produkt specyficznej grupie osób, przestrzeganie najlepszych praktyk dla sprawy nie wystarczy. Zawsze powinieneś pozwolić odbiorcom docelowym przetestować produkt, aby zobaczyć, jak wchodzą z nim w interakcję. Nawet po dokładnym teście zapewnienia jakości może pojawić się problem, który może zauważyć tylko osoba z dysleksją. Bez względu na to, jaki produkt cyfrowy projektujesz, musisz cały czas mieć oko na jego użytkowników. Rozwiązanie, które wydaje Ci się najlepsze, może być mylące i niekorzystne dla osób, które faktycznie z niego korzystają.

Najlepsze praktyki projektowania UX/UI dla osób z dysleksją

Przystępny UX/UI, przyjazny dla osób z dysleksją, można opracować w następujący sposób:

Wysoki kontrast i dysleksja nie pasują do siebie . Osoby z dysleksją często mają trudności z czytaniem tekstów na ekranach o wysokim kontraście. Z ich punktu widzenia wygląda na to, że litery, słowa i linie „tańczą dookoła”, zmieniając swoje miejsce i sprawiając trudności czytelnikowi. Aby ułatwić użytkownikom, wybierz pastelowe tła zamiast kolorów o wysokim kontraście. Podczas pracy z białym tłem wybierz ciemnoszary tekst zamiast czarnego. Nie wpłynie to na przejrzystość i czytelność dla zwykłych użytkowników, ale znacznie poprawi ją dla osób z dysleksją.
Uważaj na czcionki . Czcionki odpowiednie dla dysleksji mają zwiększone odstępy między wierszami i wyraźne elementy typograficzne dla liter, które zwykle są dla nich mylące. Istnieją czcionki dostosowane do dysleksji, takie jak Dyslexie lub Open Dyslexic. Często wyśmiewana czcionka Comic Sans działa zaskakująco dobrze również dla tej publiczności. Powód tego jest dość prosty – litery w tej czcionce mają duże odstępy między nimi i posiadają unikalne elementy typograficzne, które ułatwiają użytkownikom rozróżnianie podobnych liter. Jeśli wybór czcionki jest ograniczony do zwykłych opcji, wybierz Arial, Century Gothic, Tahoma, Trebuchet lub Verdana.
Tekst powinien być krótki . Ta rada dotyczy w szczególności wierszy tekstu i ogólnie ekranów. Badania sugerują, że linia na ekranie nie powinna przekraczać 45 znaków dla lepszego zrozumienia. Nie zaleca się również wybierania czcionek mniejszych niż dwanaście do czternastu punktów.
Nie przeciążaj stylu tekstu . Chociaż litery mają tendencję do tańca w oczach dyslektyków, ubieranie ich w fantazyjną kursywę i podkreślanie nie poprawi sytuacji. Aby kluczowe punkty tekstu były jasne dla osób z dysleksją, użyj pogrubienia. Możesz podkreślić ważne bloki tekstu za pomocą ramek i małych liter o większej czcionce.
Włącz narzędzia czytelności . Daj swoim użytkownikom więcej możliwości zrozumienia tekstów w Twoim produkcie, włączając narzędzia czytelności. Użytkownicy z dysleksją i niedowidzący odniosą znaczne korzyści z funkcji zamiany tekstu na dźwięk. Możesz zaimplementować tę funkcję na jeden z dwóch sposobów: użyć zautomatyzowanego narzędzia innej firmy lub dołączyć klipy audio osoby czytającej obszary tekstowe w produkcie.
Podzielna funkcjonalność . Gdy na jednym ekranie jest zbyt wiele funkcji, spróbuj zmniejszyć liczbę funkcji lub podzielić ekran na dwie części. Lepiej mieć kilka bardzo wyraźnych ekranów aplikacji niż kilka przeładowanych, które mogą utrudniać użytkownikom dostosowanie się do nich.
Nadaj priorytet elastyczności . Projektując dla użytkowników z dysleksją, postaw na stworzenie elastycznego produktu. Nie zaszkodzi zbudowanie kilku ścieżek, aby dotrzeć do tego samego miejsca docelowego dla użytkowników. Unikaj tworzenia ślepych rogów, które sprawią, że Twoi użytkownicy będą powtarzać długie, złożone kroki i ponownie wpisywać wiersze tekstu. Żaden użytkownik nie byłby z tego zadowolony.
Zezwalaj na dostosowywanie . Projektant może wybrać najlepszą możliwą kombinację kolorów, kontrastów, czcionek i stylów. Jednak dla niektórych użytkowników Twojego produktu cyfrowego z góry ustalone wybory mogą być nadal niekorzystne. Nie zaszkodziłoby pozwolić na rozsądny poziom dostosowania projektu. Pozwól użytkownikom wybrać czcionki, powiększenie tekstu, kolory tekstu i tła.
Wzmocnij tekst grafiką . Jeśli to możliwe, używaj ikon do podtrzymywania tekstu lub używaj ich zamiast tekstu, aby lepiej zrozumieć. Obrazy i filmy powinny wspomagać teksty, czynić projekt bardziej przejrzystym i poprawiać jego dostępność. Dołączaj do filmów z napisami dla użytkowników niedowidzących.
Korzystaj z autouzupełniania, przypomnień i wskazówek . Nie zmuszaj użytkowników Twojej aplikacji do zapamiętywania wszystkiego, co kiedykolwiek wpisali i szukali w Twojej aplikacji. Włączenie pola wyszukiwania podobnego do Google z sugestiami z historii użytkownika będzie bardzo pomocne. Jeśli to możliwe, udzielaj wskazówek użytkownikom.
Włącz autokorektę . To denerwujące, gdy aplikacja nie rozumie Cię tylko dlatego, że błędnie napisałeś jedną literę. Usługi takie jak Pinterest odgadują, co użytkownik ma na myśli i dają im opcje do wyboru. Taka cecha może być cenna dla osób z dysleksją. Przyda się również młodszym słuchaczom i obcokrajowcom.
Prościej jest lepiej . Nie przeciążaj swojego projektu niepotrzebnymi elementami, które mogą rozpraszać i wprowadzać w błąd użytkowników. Projekt UX/UI dla dysleksji powinien zmniejszyć obciążenie poznawcze użytkownika. Powinna być jak najbardziej przejrzysta i wolna od rozpraszania uwagi.

Złe praktyki dotyczące projektowania dysleksji

Istnieją pewne praktyki UX/UI, które wydają się logiczne i przydatne dla programistów i zwykłych użytkowników, ale są nieco niekorzystne dla osób z dysleksją. Oto krótki przegląd złych praktyk, których należy unikać:

Duże bloki ciężkiego tekstu . Chociaż wydają się dobrą opcją, aby zmieścić jak najwięcej tekstu na jednym ekranie, zawsze są złym wyborem pod względem czytelności i przyjazności dla użytkownika.
Przytłaczające ekrany . Nie ściskaj wszystkiego na jednym ekranie. Zgodnie z ostatnimi tendencjami w zakresie tworzenia i projektowania aplikacji mobilnych i internetowych minimalizm jest nową czernią. Zajrzyj na stronę profilu na Instagramie. Nie widzisz na nim wszystkich funkcji aplikacji. Nie ma rozproszeń i szumów wizualnych.
Podwójne odstępy na końcu zdania . Niektórzy mogą pomyśleć, że podwójne spacje na końcu zdań sprawiają, że tekst jest wyraźniejszy. Nie dotyczy to jednak użytkowników z dysleksją. Podwójne odstępy sprawiają, że tekst jest zamazany jak rzeka w oczach dyslektyka.
Użycie niejasnych przycisków . Kiedy przycisk mówi „Kliknij tutaj”, jego znaczenie jest jasne dla programisty i twórcy aplikacji, ale może nie być tak oczywiste dla użytkowników z dysleksją. Spraw, aby polecenia na przyciskach były tak proste i jednoznaczne, jak to tylko możliwe.
Wszystkie informacje na jednej stronie . Chociaż umieszczenie wszystkich informacji o jednej rzeczy w jednym miejscu może być logiczne, nie jest to dobry pomysł dla osób z dysleksją. Daj swoim użytkownikom szansę na dotarcie do tych samych danych kilkoma różnymi ścieżkami.

Końcowe przemyślenia

Internet pojawił się jako technologia dostępna dla każdego. Deweloperzy i projektanci powinni dbać o to, by technologia cyfrowa była niedyskryminująca dla wszystkich typów użytkowników, bez względu na to, jak bardzo jest zaawansowana i złożona.

Rozwój technologii smartfonów sprawił, że miliony ludzi przeniosły się na urządzenia mobilne jako główne źródło komunikacji, interakcji i rozrywki online. Tworzenie aplikacji internetowych i mobilnych z myślą o dostępności powinno być drugą naturą dla programistów i projektantów.

Kwestia dostępności dla osób z dysleksją jest badana od dłuższego czasu i istnieje już kilka dobrych praktyk, które możesz wykorzystać w swoim projekcie. Nie ma nic przytłaczająco skomplikowanego w udostępnianiu cyfrowego projektu produktu użytkownikom z dysleksją. Dostępność nie odbierze szyku i elegancji Twojemu produktowi. Jako bonus sprawi, że będzie bardziej empatyczny i humanitarny. W końcu informacja powinna być dostępna dla każdego, ponieważ jest nieodłączną częścią naszego życia.

Zasoby do pracy z dysleksją:

Poniżej znajdziesz listę odpowiednich, aktualnych zasobów, które mogą pomóc w tworzeniu lepszych projektów UX/UI dla użytkowników z dysleksją:

20 zasobów projektowych ułatwiających naukę dzieciom z dysleksją
Brytyjskie Stowarzyszenie Dysleksji: Przewodnik po stylu dysleksji
UX Planet: projektowanie dla dysleksji
Dyslexia International i (źródło informacji non-profit)
Centrum Dysleksji Helen Arkell (zasoby charytatywne i informacyjne)
Międzynarodowe Stowarzyszenie Dysleksji
Usabilla: Jak projektować z myślą o dysleksji