Kako stvoriti pristupačan dizajn web stranice

Zaslon laptopa

Internet trgovine, bankarske aplikacije, hotelske rezervacije ili slobodni poslovi, sve više i više zadatke koji se rješavaju putem Interneta a koji su u nekim slučajevima zamijenili konvencionalne medije.

Este brzi rast digitalnih operacija olakšao nam je u mnogim aspektima život. Štedi nam vrijeme jer su transakcije brže i nije potrebno putovati u bilo koji fizički objekat, i naravno, stvoreni su novi mediji koji ranije nisu postojali i koje sada većina ljudi koristi, poput društvenih mreža, streaming filmova i serija na platformama kao što je Netflix ili mrežnim sistemima plaćanja kao što je Paypal.

S ovim usponom digitalnog svijeta to je od ključne važnosti investirati u razvoj pristupačnih i dobro dizajniranih interfejsa Za korisnike. Međutim, to ne možemo zaboraviti postoje korisnici koji pate od invaliditeta fizički ili psihološki koji znatno ograničavaju njihovo iskustvo i sposobnost upotrebe računara i mobitela.

Iako postoje neke smetnje u razvoju, poput ljudi koji koriste invalidska kolica, koji ne ometaju upotrebu interneta, drugi, poput problema sa vidom ili sljepoće, problema s koordinacijom motora, gluhoće ili autizma mogu ozbiljno ometati vašu sposobnost snalaženja na webu. Za ove slučajeve neki su već stvoreni uređaji poput čitača ekrana, koji pomažu i podržavaju korisnike u područjima u kojima imaju invaliditet.

Ali ovo je samo prvi dio rješavanja problema. Razmišljajući o ovim korisnicima, moramo dizajn sučelja web stranica koji vam olakšavaju iskustvo i odgovaraju vašim potrebama. Postoje neki principi prilikom dizajniranja koje možemo primijeniti.

Sadržaj i izvori

Počevši od najosnovnijeg, morate postaviti prioritete u dizajnu sadržaja. Zaglavlje i traka izbornika moraju biti vizuelno lako locirani i moraju biti prvo što korisnik vidi. Elementi na početnoj stranici, slike i relevantne informacije bit će drugi koji će se locirati.

Oglasi ili reklamni natpisi pojavljuju se na mnogim stranicama. Ako je to samo po sebi dosadno za sve korisnike, za one sa oštećenjima vida to predstavlja problem jer uzrokuje veliku zabunu i ometa čitanje web dijagrama. Zbog toga je neophodno da stvorite a generalni urednički dizajn stranice koja je organizovano logično i razumljivo, a elementi su odgovarajuće veličine, tako da čak i ako postoje druge smetnje, korisnici se mogu usredotočiti na važan sadržaj.

Fontovi koje koristite po mogućnosti moraju biti velika i čitljiva. Tip Bez serifa i podebljano Oni olakšavaju čitanje ljudima koji mogu patiti od disleksije. Ostali preporučeni fontovi su: Arial, Times New Roman, Helvetica, Tahoma, Calibri i Verdana.

I naravno, uvijek biste trebali voditi računa da postoji jasna razlika između njih tekst i pozadinu. Ne koristite slične boje, radije odaberite kontrastne boje.

Sans Serif podebljano

Korištenje fontova Sans Serif Bold omogućava bolju vizualizaciju teksta.

Alternativni tekst

El Alternativni tekst ili Alt oznaka su opisi koji se postavljaju na slike na web stranicama. Iako ovaj tekst nije dostupan korisnicima za čitanje, a dobro napisan opis je alat koji nam pomaže da postignemo bolje SEO pozicioniranje.

Ali korisnost Alt Taga ne svodi se samo na to. Za one korisnici koji koriste čitače ekrana za oštećenja vida, opisi slika su jedina referenca koju moraju znati kakav je izgled onoga što je izloženo na stranici. Pa ako ćemo staviti, na primjer, fotografiju nekih sukulenata, dobar alternativni tekst bi bio: Tri sočne biljke u ružičastim posudama. Vrlo kratak tekst poput: Biljke u saksiji, To nije opis koji daje relevantne detalje i stoga ne funkcionira.

Sukulenti u ružičastom loncu

Tri sočne biljke u ružičastim posudama. Primjer alternativnog teksta.

Prilagodljivost

Prilikom dizajniranja također moramo uzeti u obzir sve prezentacije u kojima će biti prikazan naš interfejs, bilo u web ili mobilna verzija. Iskustvo će uvijek biti različito, ovisno o mediju na kojem ga gledamo.

Kada koristimo mobitel, možemo biti izloženi različitim okruženjima koji otežavaju čitanje Od sadržaja ekrana. Na primjer, ako smo na otvorenom, svjetlost sunca učinit će da zaslon izgleda vrlo tamno, a buka nam neće dopustiti da dobro čujemo zvuk. Zbog toga je važno dobro razmisliti o tim detaljima, tako da mobilna verzija ima velika slova i tamne boje, a videozapisi trebaju imati titlove u slučaju da ih je teško čuti.

Ekran za mobitel

Prilagodite dizajn sučelja tako da bude čitljiv i na mobilnim telefonima i na računarima.

Konzistentnost u dizajnu

Urednički dizajn šta radimo s našom web stranicom moraju biti isti bez obzira na odjeljak gdje si. Iste ikone na traci izbornika moraju se pojaviti u odjeljku Početna kao i u odjeljku Kontakti. Ne smemo mijenjati stil niti mjesto ključnih tipki na webu.

Također nam nije prikladno postavljati video zapise koji se automatski reproduciraju prilikom otvaranja stranice. Korisnicima koji koriste čitače ekrana teško je znati kako ih pauzirati.

Web stranica Starbucksa

Traka izbornika na stranici Starbucks jednaka je u svim odjeljcima.

Navigacija tipkovnicom

I na kraju, neki korisnici koji imaju problema sa koordinacijom motora imaju poteškoća uhvatiti računarski miš ili koristiti dodirnu tablu laptopa i oslanjaju se isključivo na tastaturu. Obavezno da je vaša web stranica dizajnirana na neki način to može biti potpuno funkcionalan samo sa tasterima na tastaturi.


Ostavite komentar

Vaša e-mail adresa neće biti objavljena. Obavezna polja su označena sa *

*

*

  1. Za podatke odgovoran: Miguel Ángel Gatón
  2. Svrha podataka: Kontrola neželjene pošte, upravljanje komentarima.
  3. Legitimacija: Vaš pristanak
  4. Komunikacija podataka: Podaci se neće dostavljati trećim stranama, osim po zakonskoj obavezi.
  5. Pohrana podataka: Baza podataka koju hostuje Occentus Networks (EU)
  6. Prava: U bilo kojem trenutku možete ograničiti, oporaviti i izbrisati svoje podatke.