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

Obecnie firmy 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 niezależnie od ich ograniczeń zdrowotnych.

Usługi cyfrowe również starają się uwzględniać inkluzywność, a branże rozwoju sieci i urządzeń mobilnych przodują w tym wyścigu. Instagram niedawno wprowadził 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ć kompleksowe projekty UX/UI, które byłyby jednakowo 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 doszedł do wniosku, że nawet dwadzieścia procent populacji świata może do pewnego stopnia 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ć przyzwoitego doświadczenia użytkownika podczas korzystania z niej.

Świadomość dysleksji

Dysleksja to stan, który powoduje trudności w pisaniu, pisowni 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órej nie można całkowicie wyleczyć. Nie jest zaraźliwa i nie jest dziedziczna. Stan ten nie ma nic wspólnego z lenistwem i niechęcią do nauki. Chociaż ta trudność w uczeniu się oparta na języku nie jest uleczalna, nie uniemożliwia automatycznie osobom z tym schorzeniem odniesienia sukcesu akademickiego, zawodowego i osobistego. Przy odpowiedniej interwencji i pomocy technologicznej dyslektycy mogą prowadzić udane życie, tak jak wszyscy inni.

Niektórzy znani i odnoszący sukcesy ludzie mają dysleksję. U Alberta Einsteina, Richarda Bransona, Toma Cruise’a, Jima Carreya, Walta Disneya i Whoopi Goldberg zdiagnozowano dysleksję. Ten warunek nie przeszkodził Johnowi F. Kennedy’emu, George’owi Washingtonowi i George’owi W. Bushowi w zostaniu prezydentami USA. Jeśli dysleksja nie zostanie zdiagnozowana i odpowiednio leczona, 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 WAI Web Accessibility Policy Resources, aby zobaczyć artykuły na temat zasad prawnych dotyczących dostępności.

Projektowanie dla dysleksji

Współczesna edukacja jest wysoce zdigitalizowana. Dość często dzieci uczą się podstaw czytania i pisania na swoich iPadach. Nie są jednak jedyną grupą potrzebującą przystępnych rozwiązań. Różni ludzie na całym świecie potrzebują dostępnych narzędzi internetowych i mobilnych, z których mogą korzystać i czerpać korzyści niezależnie od swoich ograniczeń.

Istnieją już całkiem udane cyfrowe rozwiązania edukacyjne dla dyslektyków. Wśród nich są aplikacje takie jak Leo, Teen and Adults Phonics Library, Knoword, Reading Machine i Draw Something. Zapoznaj się z nimi, aby znaleźć inspirację podczas pracy nad projektem swojego produktu przyjaznym dla osób z dysleksją.

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

Kiedy udostępniasz swój produkt specyficznej grupie osób, przestrzeganie najlepszych praktyk dla danej sprawy nie wystarczy. Zawsze powinieneś pozwolić docelowym odbiorcom przetestować produkt, aby zobaczyć, jak z nim wchodzą w interakcje. Nawet po przeprowadzeniu dokładnych testów zapewnienia jakości może wystąpić problem, który 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 dyslektyków

Przystępny UX/UI, przyjazny dla dyslektyków, 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 to tak, jakby litery, słowa i linie „tańczyły", zmieniały swoje miejsce i sprawiały czytelnikowi nie lada kłopot. Aby ułatwić użytkownikom wybór pastelowego tła zamiast wysokiego kontrastu kolory.Wybierz ciemnoszary tekst zamiast czarnego podczas pracy z białym tłem.Nie wpłynie to na przejrzystość i czytelność dla zwykłych użytkowników, ale znacznie poprawi to dla dyslektyków.

• Uważaj na czcionki. Czcionki odpowiednie dla osób z dysleksją 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 potrzeb osób z dysleksją, 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 jest dość prosty – litery w tej czcionce mają duże odstępy między sobą i mają unikalne elementy typograficzne, które pomagają użytkownikom łatwiej odróżnić podobne litery. Jeśli wybór czcionek jest ograniczony do zwykłych opcji, wybierz Arial, Century Gothic, Tahoma, Trebuchet lub Verdana.

• Postaraj się, aby tekst 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 mieć więcej niż 45 znaków dla lepszego zrozumienia. Ponadto nie zaleca się wybierania czcionek mniejszych niż dwanaście do czternastu punktów.

• Nie przeciążaj stylu tekstu. Chociaż litery mają tendencję do tańczenia w oczach dyslektyków, ubieranie ich w fantazyjne kursywy i podkreślenia nie poprawi sytuacji. Aby kluczowe punkty tekstu były jasne dla dyslektyków, użyj pogrubienia. Możesz wyróżnić ważne bloki tekstu ramkami i małymi literami o większej czcionce.

• Włącz narzędzia poprawiające czytelność. Zapewnij użytkownikom więcej możliwości zrozumienia tekstów w Twoim produkcie, włączając narzędzia do sprawdzania czytelności. Dyslektycy i niedowidzący użytkownicy odniosą ogromne 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ć do produktu klipy audio przedstawiające osobę czytającą obszary tekstowe.

• Podzielona funkcjonalność. Jeśli na jednym ekranie jest zbyt wiele funkcji, spróbuj zmniejszyć ich liczbę lub podzielić ekran na dwie części. Lepiej mieć kilka ekstra przejrzystych ekranów aplikacji niż kilka przeładowanych, które mogą utrudniać użytkownikom dostosowanie się do nich.

• Postaw na elastyczność. Projektując dla użytkowników z dysleksją, potraktuj jako priorytet stworzenie elastycznego produktu. Zbudowanie kilku ścieżek prowadzących do tego samego miejsca docelowego dla użytkowników nie zaszkodzi. Unikaj tworzenia ślepych narożników, które zmuszają użytkowników do powtarzania długich, skomplikowanych kroków i ponownego wpisywania wierszy 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 określone wybory mogą nadal być 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 wspierania tekstu lub używaj ich zamiast tekstu dla lepszego zrozumienia. Obrazy i filmy powinny wspomagać teksty, czynić projekt bardziej przejrzystym i poprawiać jego dostępność. Dołącz filmy z napisami dla użytkowników niedowidzących.

• Korzystaj z autouzupełniania, przypomnień i wskazówek. Nie zmuszaj użytkowników aplikacji do zapamiętywania wszystkiego, co kiedykolwiek wpisali i czego szukali w Twojej aplikacji. Bardzo pomocne będzie włączenie pola wyszukiwania podobnego do Google z sugestiami z historii użytkownika. Jeśli to możliwe, udzielaj wskazówek swoim użytkownikom.

• Włącz autokorektę. To irytujące, gdy aplikacja nie rozumie Cię tylko dlatego, że źle napisałeś jedną literę. Usługi takie jak Pinterest odgadują, co użytkownik ma na myśli i dają mu opcje do wyboru. Taka funkcja może być cenna dla użytkowników z dysleksją. Przyda się również młodszym słuchaczom i obcokrajowcom.

• Prostsze jest lepsze. Nie przeciążaj swojego projektu zbędnymi elementami, które mogą potencjalnie rozpraszać i wprowadzać użytkowników w błąd. Projekt UX/UI pod kątem dysleksji powinien zmniejszać obciążenie poznawcze użytkownika. Powinien być jak najbardziej przejrzysty i wolny od zakłóceń.

Złe praktyki w projektowaniu dla 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 dyslektyków. 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 łatwości obsługi.

• Przytłaczające ekrany. Nie ściskaj wszystkiego na jednym ekranie. Zgodnie z najnowszymi tendencjami w tworzeniu i projektowaniu aplikacji mobilnych i internetowych, minimalizm to nowa czerń. Zajrzyj na stronę profilu na Instagramie. Nie widzisz na nim wszystkich funkcji aplikacji. Nie ma zakłóceń i szumu wizualnego.

• Podwójna spacja na końcu zdania. Niektórym może się wydawać, że podwójne spacje na końcu zdań czynią tekst bardziej zrozumiałym. Jednak nie dotyczy to użytkowników z dysleksją. Podwójne odstępy sprawiają, że tekst rozmywa się jak rzeka w oczach dyslektyka.

• Używanie niejasnych przycisków. Gdy 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ą. Wydawaj polecenia na przyciskach tak proste i jednoznaczne, jak to tylko możliwe.

• Wszystkie informacje na jednej stronie. Chociaż logiczne może być umieszczenie wszystkich informacji o jednej rzeczy w jednym miejscu, nie jest to dobry pomysł dla użytkowników 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 zadbać o to, aby 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 podstawowe źródło komunikacji, interakcji i rozrywki online. Tworzenie aplikacji internetowych i mobilnych z myślą o ułatwieniach dostępu powinno być drugą naturą programistów i projektantów.

Kwestia dostępności dla osób z dysleksją jest badana od jakiegoś czasu i istnieje już kilka dobrych praktyk, które możesz wykorzystać w swoim projekcie. Nie ma nic nadzwyczajnie skomplikowanego w udostępnianiu projektu produktu cyfrowego użytkownikom z dysleksją. Ułatwienia dostępu nie odejmą od stylu i elegancji Twojego produktu. Jako bonus sprawi, że będzie to bardziej dobitne i humanitarne. 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ą:

1. 20 zasobów projektowych ułatwiających naukę dzieciom z dysleksją
2. Brytyjskie Stowarzyszenie Dysleksji: Przewodnik po stylach dysleksji
3. UX Planet: Projektowanie dla dysleksji
4. Dyslexia International i (zasób informacji non-profit)
5. Helen Arkell Dyslexia Center (organizacja charytatywna i źródło informacji)
6. Międzynarodowe Stowarzyszenie Dysleksji
7. Usabilla: Jak projektować dla dysleksji