Me kõik tahame, et meie veebisaidid oleksid ilusad, kaasahaaravad ja hõlpsasti navigeeritavad. Aga mis siis, kui kasutajasõbralik disain ja muud funktsioonid pole kõigile kättesaadavad? Kas oled selle peale kunagi mõelnud?
Hea veebisaidi disain peaks põhinema põhimõttel, et kõik saaksid seda ühtemoodi kasutada, olenemata oma võimetest või puudest.
Nüüd mõtled: „Kasutajasõbralikkus? Kas see pole mitte spetsiaalsete veebisaitide jaoks?“ Vale! Sellise veebisaidi eesmärk on luua parem kasutajakogemus kõigile, sealhulgas puuetega inimestele:
- Nägemispuudega inimeste jaoks kujutage ette, et navigeeritakse veebisaidil, kus tekst on ähmane või värvid on arusaamatud.
- Kuulmispuudega inimesed: Kas sinu veebisaidil on subtiitritega helisisu?
- Piiratud liikumisvõimega kasutajad: kujutage ette frustratsiooni, mis kaasneb veebisaidiga suhtlemisega, mis nõuab täpseid hiireliigutusi.
Kasutajasõbralikkus ei tähenda ainult veebisaitide kasutatavaks muutmist väikesele inimrühmale. See seisneb ka kõigile ligipääsetavama ja õiglasema veebi loomises.
Selles artiklis:
Kuidas siis luua kasutajasõbralik disain? Siin on viis peamist valdkonda, millele keskenduda:
Tekst ja värv - kas sinu tekstid on loetavad?
- Kasuta suurt kontrasti: Veendu, et tekst oleks taustal kergesti loetav. Väldi värvikombinatsioone, mida värvipimedatel inimestel on raske eristada.
- Fondi suurus on oluline: Vali piisavalt suur fondi suurus, et seda oleks mugav lugeda, eriti väiksematel ekraanidel. Samuti jälgi rea kõrgust ja vahet, et tagada loetavus.
- Selged fondid: Kuigi Comic Sans võib tunduda ahvatlev, kasuta selgeid ja loetavaid fonte, näiteks Arial, Helvetica või Verdana. Väldi liiga dekoratiivseid või stiliseeritud fonte, mida võib olla raske lugeda.
Näide: Suure kontrasti saavutamiseks kaalu valge või helehalli teksti kasutamist mustal taustal.
Lisa piltidele alternatiivsed tekstid
- Alt-tekst on sinu sõber: Lisa piltidele alati kirjeldav alt-tekst. See aitab ekraanilugejal pildi sisust aru saada.
- Ära pinguta üle: Hoia alt-tekst kokkuvõtliku ja informatiivsena ning väldi lihtsalt pildifaili nime kordamist.
- Ära unusta videote subtiitreid: Lisa kogu videosisule transkriptsioon või subtiitrid, et kurtidel või vaegkuuljatel oleks võimalik heliinfost aru saada.
Näide: Selle asemel, et kirjutada alt-tekstiks lihtsalt „Kassi pilt”, kasuta kirjeldavamaid sõnu: „Kohev oranž kass istub aknalaual ja vaatab päikeselist aeda.”
Navigeerimine ja struktuur
- Loogiline lehe struktuur: Kasuta pealkirju, loendeid ja muid HTML-elemente, et luua selge lehe struktuur, mis aitab ekraanilugeja kasutajatel lehe sisus hõlpsamini navigeerida.
- Fookuses olevad elemendid: Veendu, et kõiki interaktiivseid elemente, näiteks nuppe, linke ja vormiväljasid, saaks kiirklahvide abil hõlpsalt navigeerida.
- Selge navigeerimine: Kasuta selget ja lihtsat horisontaalset navigeerimismenüüd, mida on lihtne leida ja mõista.
Näide: Keerulise rippmenüü asemel kaalu lihtsat horisontaalset navigeerimismenüüd, millel on iga lehe jaoks selged sildid.
Vormid ja interaktiivsus - suhtlemise lihtsustamine
- Selged vormisildid: Paku kõigile vormiväljadele selged ja kokkuvõtlikud sildid, et kasutajad mõistaksid nõutud teavet.
- Veateated: Paku kasulikke teateid, kui kasutaja sisestab vormiväljale valesid andmeid.
- Klaviatuurisõbralikud vormid: Taga, et kasutajad saaksid vormidel navigeerida ja valikuid valida klaviatuurižestide abil.
Näide: Selle asemel, et lihtsalt öelda „Sisestage oma e-posti aadress”, kaalu sildi „E-posti aadress (nõutav)” lisamist, et selgitada, mida on vaja.
Responsiivne disain - juurdepääsetavus igal ekraanil
- Sujuv paigutus: Kujunda oma veebisait reageeriva paigutusega, mis kohandub erinevate ekraanisuuruste ja -suundadega. See on ülioluline nägemis- või liikumispuudega kasutajatele, kes võivad kasutada piiratud ekraaniruumiga seadmeid.
- Puutetundlik interaktsioon: Veenduge, et kõik nupud ja lingid oleksid piisavalt suured, et neid puutetundlikel ekraanidel hõlpsalt puudutada.
Näide: Fikseeritud laiusega paigutuse asemel, mis sunnib kasutajaid väiksematel ekraanidel horisontaalselt kerima, kaalu reageeriva disaini kasutamist, mis kohandub automaatselt erinevate ekraanisuurustega.
Boonusnipp: Mõtle kasutajakogemusele! Testi oma kasutajakogemust, kujutades ette, et kasutad oma veebisaiti puudega inimesena. Kas saad aru, kuidas navigeerida? Mida on keeruline kasutada? Pannes end erinevate vajadustega kasutajate olukorda, saad väärtuslikke teadmisi oma disaini kasutajasõbralikumaks muutmise kohta.
Kokkuvõte
Jah, pean tunnistama, et pean ka kasutajakogemuse parandamisele rohkem tähelepanu pöörama. See tähendab selliste veebilehtede loomist, mida on kõigil mõnus kasutada. Asi pole lisafunktsioonide lisamises, vaid parema kogemuse loomises kõigile. Seega, kallid veebidisainerid, loome veebilehe igale vajadusele!
Seega, kui vajad elegantset ja toimivat veebilehte… Räägime →
