UI/UX-suunnittelu lukihäiriöstä kärsiville käyttäjille

Tällä hetkellä kaiken mittakaavan yritykset pyrkivät parantamaan osallisuuttaan. Tämän kiitettävän aloitteen avulla ihmiset voivat saada hyödyt tavaroista ja palveluista terveydellisistä rajoituksista huolimatta.

Myös digitaaliset palvelut yrittävät omaksua inklusiivisuuden, ja verkko- ja mobiilikehitysalat johtavat tätä kilpailua. Instagram julkaisi äskettäin sovelluksensa päivityksen, jossa on kaksi esteettömyysominaisuutta, automaattinen vaihtoehtoinen teksti ja mukautettu vaihtoehtoinen teksti.

Näiden ominaisuuksien avulla näkövammaiset käyttäjät voivat saada parhaan kokemuksen sovelluksen käytöstä.

Tällä hetkellä ala on vielä oppimassa luomaan inklusiivisia UX/UI-malleja, jotka olisivat yhtä käyttäjäystävällisiä eri ihmisille. Tästä tekstistä löydät tietoa UI/UX-suunnittelusta lukihäiriöstä kärsiville käyttäjille.

Jos ihmettelet, miksi sillä on väliä, tässä on yksi tosiasia: tutkimustensa perusteella Yale Center for Dyslexia & Creativity päätyi siihen johtopäätökseen, että jopa kaksikymmentä prosenttia maailman väestöstä voi kärsiä lukihäiriöstä jossain määrin. Toisin sanoen kaksi kymmenestä sovelluksesi tai verkkosivustosi käyttäjästä ei ehkä pysty saamaan kunnollista käyttökokemusta käyttäessään sitä.

Lukihäiriötietoisuus

Lukivaikeus on tila, joka aiheuttaa kirjoitus-, oikeinkirjoitus- ja lukuvaikeuksia lapsille ja aikuisille kaikissa ikäryhmissä, etnisissä ryhmissä, sosiaalisissa oloissa ja älykkyystasoissa. Lukihäiriö on yleinen neurologinen oppimisvaikeus, jota ei voida täysin parantaa. Se ei ole tarttuvaa eikä periytyvää. Tällä tilalla ei ole mitään tekemistä laiskuuden ja haluttomuuden kanssa opiskella. Vaikka tämä kielipohjainen oppimisvaikeus ei ole parannettavissa, se ei automaattisesti estä ihmisiä, joilla on tämä sairaus, menestymästä akateemisesti, ammatillisesti ja henkilökohtaisesti. Asianmukaisella puuttumisella ja teknisellä tuella lukihäiriöt voivat elää menestyvää elämää kuten kaikki muutkin.

Joillakin kuuluisilla ja menestyneillä ihmisillä on lukihäiriö. Albert Einsteinilla, Richard Bransonilla, Tom Cruisella, Jim Carreylla, Walt Disneyllä ja Whoopi Goldbergilla diagnosoitiin lukihäiriö. Tämä ehto ei ole estänyt John F Kennedyä, George Washingtonia ja George W Bushia tulemasta Yhdysvaltain presidenteiksi. Jos lukihäiriötä ei diagnosoida ja käsitellä asianmukaisesti, se voi aiheuttaa akateemista alimenestystä, paljon ahdistusta, turhautumista ja huonoa itsetuntoa.

On myös oikeudellisia näkökohtia, jotka koskevat verkon saamista kaikkien saataville. Voit katsoa WAI Web Accessibility Policy Resources -sivustolla esteettömyyskäytäntöjä koskevia artikkeleita.

Suunnittelu dysleksiaan

Nykyaikainen koulutus on pitkälle digitalisoitunutta. Melko usein lapset oppivat lukemisen ja kirjoittamisen perusteet iPadeistaan. He eivät kuitenkaan ole ainoa ryhmä, joka tarvitsee helppokäyttöisiä ratkaisuja. Eri ihmiset ympäri maailmaa tarvitsevat helppokäyttöisiä verkko- ja mobiilityökaluja, joita he voivat käyttää ja joista he voivat hyötyä rajoituksistaan ​​riippumatta.

Joitakin melko onnistuneita digitaalisia koulutusratkaisuja lukihäiriöille on jo olemassa. Niitä ovat sovellukset, kuten Leo, Teen and Adults Phonics Library, Knoword, Reading Machine ja Draw Something. Tutustu niihin saadaksesi inspiraatiota, kun työskentelet tuotteesi lukihäiriöystävällisen suunnittelun parissa.

UX:n ja käyttöliittymän suunnittelu lukihäiriöön saattaa olla vaikeampaa kuin tavallisen verkko- tai mobiilisovelluksen luominen. Tässä tapauksessa suunnittelijan tulee tehdä muutakin kuin vain seurata alan parhaita käytäntöjä. Lukihäiriöystävällisen UX/UI:n suunnittelemiseksi on seurattava tämän alan viimeaikaista kehitystä ja noudatettava jo onnistuneiksi osoittautuneita ohjeita. Kun teet verkkosivustostasi tai sovelluksestasi helppokäyttöisen lukihäiriöille, on parasta työskennellä suunnittelijoiden kanssa, joilla on asiaankuuluvaa menestyksellistä kokemusta ja jotka voivat näyttää sinulle portfolionsa tai tapaustutkimuksiaan.

Kun teet tuotteesi saataville omituiselle ihmisryhmälle, tapauksen parhaiden käytäntöjen noudattaminen ei riitä. Sinun tulisi aina antaa kohdeyleisön testata tuotetta nähdäksesi, kuinka he ovat vuorovaikutuksessa sen kanssa. Jopa perusteellisen laadunvarmistustestauksen jälkeen saattaa esiintyä ongelma, jonka vain lukihäiriö voi havaita. Suunnitteletpa minkä digitaalisen tuotteen tahansa, sinun on pidettävä sen käyttäjiä koko ajan silmällä. Sinusta parhaalta näyttävä ratkaisu saattaa olla hämmentävä ja epäsuotuisa ihmisille, jotka todella käyttävät sitä.

UX/UI:n suunnittelun parhaat käytännöt lukihäiriöille

Helppokäyttöinen UX/UI, joka on käyttäjäystävällinen lukihäiriöisille, voidaan kehittää seuraavasti:

• Suuri kontrasti ja lukihäiriö eivät sovi yhteen hyvin. Lukihäiriöistä kärsivien ihmisten on usein haastavaa lukea tekstejä näytöiltä, ​​joilla on suuri kontrasti. Heidän näkökulmastaan ​​näyttää siltä, ​​​​että kirjaimet, sanat ja rivit "tanssivat ympäriinsä", vaihtavat paikkaa ja vaikeuttavat lukijaa. Käyttäjien asioiden helpottamiseksi valitse pastellit taustat suuren kontrastin sijaan. värit. Valitse tummanharmaa teksti mustan sijaan, kun työskentelet valkoisella taustalla. Se ei vaikuta selkeyteen ja luettavuuteen tavallisille käyttäjille, mutta parantaa sitä merkittävästi lukihäiriöisille.

• Ole varovainen fonttien kanssa. Lukihäiriöille sopivissa fonteissa on lisätty riviväliä ja selkeät typografiset elementit kirjaimille, jotka ovat yleensä hämmentäviä. On lukihäiriöille räätälöityjä fontteja, kuten Dyslexie tai Open Dyslexic. Usein pilkattu Comic Sans -fontti toimii yllättävän hyvin myös tälle yleisölle. Syy tähän on melko yksinkertainen – tämän fontin kirjainten välissä on suuria välilyöntejä ja niissä on ainutlaatuisia typografisia elementtejä, jotka auttavat käyttäjiä erottamaan samankaltaiset kirjaimet helpommin. Kun fonttivalintasi on rajoitettu tavallisiin vaihtoehtoihin, valitse Arial, Century Gothic, Tahoma, Trebuchet tai Verdana.

• Pidä teksti lyhyenä. Tämä neuvo koskee erityisesti tekstirivejä ja näyttöjä yleensä. Tutkimukset viittaavat siihen, että ruudulla näkyvä rivi ei saisi olla yli 45 merkkiä parempi ymmärtämisen vuoksi. Ei myöskään ole suositeltavaa valita kirjasimia, jotka ovat pienempiä kuin 12–14 pistettä.

• Älä ylikuormita tekstityyliä. Vaikka kirjaimilla on taipumus tanssia lukihäiriöisten silmissä, niiden pukeminen hienoon kursiiviin ja alleviivaukset eivät paranna tilannetta. Käytä lihavointia, jotta tekstin keskeiset kohdat ovat lukihäiriöisille selvät. Tärkeitä tekstilohkoja voi korostaa myös laatikoilla ja isommilla pienillä kirjaimilla.

• Sisällytä luettavuustyökalut. Anna käyttäjillesi enemmän tapoja ymmärtää tuotteesi tekstejä ottamalla käyttöön luettavuustyökalut. Lukihäiriöiset ja näkövammaiset käyttäjät hyötyvät suuresti tekstistä ääneksi -ominaisuudesta. Voit ottaa tämän ominaisuuden käyttöön kahdella tavalla: käytä kolmannen osapuolen automatisoitua työkalua tai sisällytä äänileikkeitä, joissa joku lukee tekstialueita tuotteeseen.

• Jaettu toiminnallisuus. Kun yhdessä näytössä on liikaa ominaisuuksia, yritä joko vähentää ominaisuuksien määrää tai jakaa näyttö kahteen osaan. On parempi, että sinulla on useita erityisen selkeitä sovellusnäyttöjä kuin useita ylikuormitettuja, jotka voivat aiheuttaa käyttäjille vaikeuksia sopeutua niihin.

• Aseta joustavuus etusijalle. Kun suunnittelet lukihäiriöisille käyttäjille, aseta etusijalle joustavan tuotteen luominen. Ei haittaisi rakentaa useita polkuja päästäkseen käyttäjillesi samaan määränpäähän. Vältä luomasta sokeita kulmia, jotka saavat käyttäjäsi toistamaan pitkiä monimutkaisia ​​vaiheita ja kirjoittamaan tekstirivejä uudelleen. Yksikään käyttäjä ei tekisi sitä mielellään.

• Salli mukauttaminen. Suunnittelija voi valita parhaan mahdollisen värien, kontrastien, fonttien ja tyylien yhdistelmän. Kuitenkin joillekin digitaalisen tuotteesi käyttäjille ennalta määritetyt vaihtoehdot voivat silti olla epäsuotuisia. Ei haittaisi sallia kohtuullisen tason suunnittelun räätälöinti. Anna käyttäjien valita fontit, tekstin suurennus, tekstin ja taustan värit.

• Tehosta tekstiä grafiikalla. Aina kun mahdollista, käytä kuvakkeita tukemaan tekstiä tai käytä niitä tekstin sijaan ymmärtääksesi paremmin. Kuvien ja videoiden tulee auttaa tekstejä ja tehdä suunnittelusta selkeämpi ja parantaa sen saavutettavuutta. Liitä videoihin tekstityksiä näkövammaisille käyttäjille.

• Käytä automaattista täyttöä, muistutuksia ja vinkkejä. Älä pakota sovelluksesi käyttäjiä muistamaan kaikkea, mitä he ovat koskaan kirjoittaneet ja hakeneet sovelluksessasi. Googlen kaltaisen hakukentän käyttöönotto, jossa on ehdotuksia käyttäjän historiasta, on erittäin hyödyllistä. Anna käyttäjillesi vinkkejä mahdollisuuksien mukaan.

• Sisällytä automaattinen korjaus. On ärsyttävää, kun sovellus ei ymmärrä sinua vain siksi, että kirjoitit yhden kirjaimen väärin. Palvelut, kuten Pinterest, arvaavat, mitä käyttäjä tarkoittaa ja antavat hänelle vaihtoehtoja valita. Tällainen ominaisuus voi olla arvokas lukihäiriöisille käyttäjille. Siitä on hyötyä myös nuoremmalle yleisölle ja äidinkielenään puhuville.

• Yksinkertaisempi on parempi. Älä ylikuormita suunnitteluasi tarpeettomilla elementeillä, jotka voivat mahdollisesti häiritä ja hämmentää käyttäjiäsi. Lukihäiriön UX/UI-suunnittelun pitäisi vähentää käyttäjän kognitiivista kuormitusta. Sen tulee olla mahdollisimman selkeää ja häiriötöntä.

Huonot käytännöt dysleksiasuunnittelussa

Jotkut UX/UI-käytännöt näyttävät loogisilta ja hyödyllisiltä kehittäjille ja tavallisille käyttäjille, mutta ovat jossain määrin epäsuotuisia lukihäiriöisille. Tässä on lyhyt katsaus huonoihin käytäntöihin, joita sinun tulee välttää:

• Suuret lohkot painavaa tekstiä. Vaikka ne näyttävätkin hyvältä vaihtoehdolta puristaa mahdollisimman paljon tekstiä yhdelle näytölle, ne ovat aina huono valinta luettavuuden ja käyttäjäystävällisyyden kannalta.

• Ylivoimaiset näytöt. Älä purista kaikkea yhdelle näytölle. Viimeaikaisten mobiili- ja verkkosovellusten kehitys- ja suunnittelutrendien mukaan minimalismi on uusi musta. Käy katsomassa Instagramin profiilisivu. Et näe siinä kaikkia sovelluksen ominaisuuksia. Ei häiriötekijöitä eikä visuaalista melua.

• Tuplaväli lauseen lopussa. Jotkut saattavat ajatella, että kaksoisvälilyönnit lauseiden lopussa selkeyttävät tekstiä. Se ei kuitenkaan koske lukihäiriöitä sairastavia käyttäjiä. Kaksoisväli tekee tekstistä sumeaa kuin joki lukihäiriön silmissä.

• Epämääräisten painikkeiden käyttö. Kun painike sanoo "Klikkaa tästä", sen merkitys on selvä sovelluksen kehittäjälle ja luojalle, mutta se ei ehkä ole niin ilmeinen lukihäiriöisille käyttäjille. Tee painikkeiden komennoista mahdollisimman yksinkertaisia ​​ja yksiselitteisiä.

• Kaikki tiedot yhdellä sivulla. Vaikka saattaa olla loogista laittaa kaikki tiedot yhdestä asiasta yhteen paikkaan, se ei ole hyvä idea lukihäiriöisille käyttäjille. Anna käyttäjillesi mahdollisuus päästä samoihin tietoihin useita eri polkuja pitkin.

Lopulliset ajatukset

Internet syntyi teknologiana, joka on kaikkien saatavilla. Kehittäjien ja suunnittelijoiden tulee pitää digitaalitekniikka syrjimättömänä kaikentyyppisten käyttäjien kannalta riippumatta siitä, kuinka edistyksellinen ja monimutkainen se on.

Älypuhelinteknologian kehitys sai miljoonat ihmiset siirtymään mobiililaitteille ensisijaiseksi verkkoviestinnän, vuorovaikutuksen ja viihteen lähteeksi. Verkko- ja mobiilisovellusten luomisen esteettömyyttä silmällä pitäen pitäisi olla kehittäjien ja suunnittelijoiden toissijaista.

Lukihäiriöiden saavutettavuuskysymystä on tutkittu jonkin aikaa, ja hyviä käytäntöjä on jo olemassa, joita voit hyödyntää projektissasi. Digitaalisen tuotesuunnittelun tekemisessä lukihäiriöstä kärsivien käyttäjien ulottuville ei ole mitään ylivoimaisen monimutkaista. Helppokäyttöisyys ei poista tuotteesi tyylikkyyttä ja sulavuutta. Bonuksena se tekee siitä painokkaamman ja inhimillisemmän. Tiedonhan pitäisi olla kaikkien saatavilla, sillä se on erottamaton osa elämäämme.

Resursseja dysleksian kanssa työskentelemiseen:

Alta löydät luettelon oleellisista ajantasaisista resursseista, jotka voivat auttaa sinua luomaan parempia UX/UI-malleja lukihäiriöstä kärsiville käyttäjille:

1. 20 suunnitteluresurssia lukihäiriöisten lasten oppimisen helpottamiseksi
2. British Dyslexia Association: Dyslexia Style Guide
3. UX Planet: Suunnittelu lukihäiriötä varten
4. Dyslexia International i (voittoa tavoittelematon tietolähde)
5. Helen Arkellin lukihäiriökeskus (hyväntekeväisyys- ja tietolähde)
6. Kansainvälinen lukihäiriöyhdistys
7. Usabilla: Kuinka suunnitella lukihäiriötä varten