Hoe om 'n toeganklike ontwerp van 'n webblad te skep

Skootrekenaarskerm

Aanlynwinkels, bankaansoeke, hotelbesprekings of vryskutwerk, daar is meer en meer die take wat via die internet hanteer word en wat in sommige gevalle die konvensionele media vervang het.

hierdie die vinnige groei van digitale bedrywighede het dit vir ons makliker gemaak in baie aspekte lewe. Dit bespaar ons tyd, aangesien transaksies vinniger is en u nie na enige fisiese instelling hoef te reis nie, en natuurlik nuwe media is geskep wat nie voorheen bestaan ​​het nie en wat nou die meeste mense gebruik, soos sosiale netwerke, streaming films en reekse op platforms soos Netflix, of aanlynbetalingstelsels soos Paypal.

Met hierdie opkoms van die digitale wêreld is dit noodsaaklik belê in die ontwikkeling van toeganklike en goed ontwerpte koppelvlakke Vir die gebruikers. Ons kan dit egter nie vergeet nie daar is gebruikers wat aan gestremdhede ly fisies of sielkundig wat hul ervaring en hul vermoë om rekenaars en selfone te gebruik aansienlik beperk.

Alhoewel daar sekere gestremdhede is, soos mense wat rolstoele gebruik, wat nie die internetgebruik inmeng nie, ander, soos sigprobleme of blindheid, motoriese koördinasieprobleme, doofheid of outisme, dit kan u vermoë om op die internet te navigeer ernstig belemmer. Vir hierdie gevalle is sommige reeds geskep toestelle soos skermlesers, wat gebruikers bystaan ​​en ondersteun in gebiede waar hulle gestremd is.

Maar dit is slegs die eerste deel van die oplossing van die probleem. As ons aan hierdie gebruikers dink, moet ons ontwerp webblad-koppelvlakke wat jou ervaring vergemaklik en pas by u behoeftes. Daar is 'n paar beginsels wat ons kan toepas wanneer ons ontwerp.

Inhoud en bronne

Begin met die mees basiese, jy moet stel prioriteite in die ontwerp van die inhoud. Die kop- en menubalk moet visueel maklik opspoorbaar wees en moet die eerste ding wees wat die gebruiker sien. Die elemente op die tuisblad, die beelde en die relevante inligting sal die tweede opspoor.

Advertensies of advertensiebaniere verskyn op baie bladsye. As dit op sigself vir alle gebruikers irriterend is, is dit 'n probleem vir diegene met gesiggestremdhede, want dit veroorsaak baie verwarring en belemmer die lees van die webdiagram. Daarom is dit noodsaaklik dat u 'n algemene redaksionele ontwerp van die bladsy wat logies georganiseer en verstaanbaar, en die elemente is gepas aangepas, sodat gebruikers, selfs al is daar ander afleidings, op die belangrike inhoud kan fokus.

Die lettertipes wat u gebruik verkieslik moet hulle wees groot en leesbaar. Die tipe Sans serif en vet Dit maak lees baie makliker vir mense wat aan disleksie ly. Ander aanbevole lettertipes is: Arial, Times New Roman, Helvetica, Tahoma, Calibri en Verdana.

En natuurlik moet u altyd sorg dat daar 'n duidelike onderskeid tussen is die teks en die agtergrond. Moenie soortgelyke kleure gebruik nie; kies eerder kontrasterende kleure.

Sans Serif vetgedrukte lettertipe

Die gebruik van Sans Serif Bold-lettertipes laat die teks beter visualiseer.

Alternatiewe teks

El Alternatiewe teks of die Alt Tag, is die beskrywings wat op die beelde geplaas word op die webbladsye. Alhoewel hierdie teks nie vir gebruikers beskikbaar is om te lees nie, is a goedgeskrewe beskrywing is 'n hulpmiddel wat ons help om beter SEO-posisionering te bewerkstellig.

Maar die nut van die Alt Tag kom nie net daarop neer nie. Vir diegene gebruikers wat skermlesers gebruik vir gesiggestremdhede is die beskrywings van die beelde die enigste verwysing wat hulle het om te weet wat die voorkoms is van wat op die bladsy blootgestel word. As ons byvoorbeeld 'n foto van vetplante gaan plaas, 'n goeie alternatiewe teks sou wees: Drie vetplante in pienk potte. 'N Baie kort teks soos: Potplante, Dit is nie 'n beskrywing wat relevante besonderhede gee nie en dus nie werk nie.

Vetplante in pienk pot

Drie vetplante in pienk potte. Alternatiewe teksvoorbeeld.

aanpasbaarheid

By die ontwerp moet ons ook almal in ag neem die aanbiedings waarin ons koppelvlak vertoon sal word, óf in web- of mobiele weergawe. Die ervaring sal altyd verskil, afhangende van die medium waar ons dit sien.

As ons die selfoon gebruik, ons kan blootgestel word aan verskillende omgewings wat lees moeilik maak Van inhoud van die skerm. As ons byvoorbeeld buite is, sal die helderheid van die son die skerm baie donker laat lyk, en die geraas sal ons nie toelaat om die klank goed te hoor nie. Daarom is dit belangrik om deeglik na te dink oor hierdie besonderhede, sodat die mobiele weergawe groot letters en donker kleure het, en dat die video's ondertitels moet bevat as dit moeilik is om dit te hoor.

Mobiele skerm

Pas die koppelvlakontwerp aan sodat dit op beide selfone en rekenaars leesbaar is.

Konsekwentheid in ontwerp

Redaksionele ontwerp wat ons met ons webwerf doen moet dieselfde wees ongeag die afdeling waar jy is. Dieselfde menubalkikone moet in die Tuis-afdeling verskyn as in die Kontakte-afdeling. Ons moenie die styl verander nie ook nie die ligging van die sleutelknoppies op die web nie.

Dit is ook nie vir ons handig om video's te plaas wat outomaties speel nie wanneer u die bladsy oopmaak. Vir gebruikers wat skermlesers gebruik, is dit moeilik om te weet hoe om dit te onderbreek.

Starbucks webwerf

Die menubalk op die Starbucks-bladsy is in alle afdelings dieselfde.

Sleutelbordnavigasie

Laastens kan sommige gebruikers met motoriese koördinasieprobleme sukkel om 'n rekenaarmuis vas te vat of die touchpad van 'n skootrekenaar te gebruik, en vertrou slegs op die sleutelbord. Maak seker dat u dit doen dat u webwerf op 'n manier ontwerp is dit kan heeltemal wees funksioneel slegs met die sleutelbordknoppies.


Wees die eerste om te kommentaar lewer

Laat u kommentaar

Jou e-posadres sal nie gepubliseer word nie. Verpligte velde gemerk met *

*

*

  1. Verantwoordelik vir die data: Miguel Ángel Gatón
  2. Doel van die data: Beheer SPAM, bestuur van kommentaar.
  3. Wettiging: U toestemming
  4. Kommunikasie van die data: Die data sal nie aan derde partye oorgedra word nie, behalwe deur wettige verpligtinge.
  5. Datastoor: databasis aangebied deur Occentus Networks (EU)
  6. Regte: U kan u inligting te alle tye beperk, herstel en verwyder.