Kā izveidot pieejamu tīmekļa lapas dizainu

Klēpjdatora ekrāns

Tiešsaistes veikali, bankas lietojumprogrammas, viesnīcu rezervēšana vai ārštata darbi, to ir arvien vairāk uzdevumus, kas tiek apstrādāti internetā un kas dažos gadījumos ir aizstājuši parastos plašsaziņas līdzekļus.

šis strauja digitālo operāciju izaugsme mums to ir atvieglojusi daudzos aspektos dzīve. Tas ietaupa mūsu laiku, jo darījumi ir ātrāki un nav nepieciešams ceļot uz jebkuru fizisku iestādi, un, protams, ir izveidoti jauni mediji, kuru iepriekš nebija un ka tagad lielākā daļa cilvēku izmanto, piemēram, sociālos tīklus, filmu un seriālu straumēšanu tādās platformās kā Netflix vai tiešsaistes maksājumu sistēmas, piemēram, Paypal.

Ar šo digitālās pasaules pieaugumu tas ir būtiski ieguldīt pieejamu un labi izstrādātu saskarņu izstrādē Lietotājiem. Tomēr mēs to nevaram aizmirst ir lietotāji, kuri cieš no invaliditātes fiziski vai psiholoģiski, kas ievērojami ierobežo viņu pieredzi un iespējas izmantot datorus un mobilos tālruņus.

Lai gan ir daži traucējumi, piemēram, cilvēki, kuri lieto ratiņkrēslus, netraucē interneta lietošanu, citi, piemēram, redzes vai aklums, kustību koordinācijas problēmas, kurlums vai autisms, tie var nopietni kavēt jūsu spēju orientēties tīmeklī. Šiem gadījumiem daži jau ir izveidoti ierīces piemēram, ekrāna lasītāji, kas palīdz un atbalsta lietotājus apgabalos, kur viņiem ir invaliditāte.

Bet šī ir tikai pirmā problēmas risināšanas daļa. Domājot par šiem lietotājiem, mums tas ir jādara noformēt tīmekļa lapu saskarnes kas atvieglo jūsu pieredzi un atbilst jūsu vajadzībām. Projektējot ir daži principi, kurus mēs varam piemērot.

Saturs un avoti

Sākot ar visvienkāršāko, jums tas jādara noteikt prioritātes satura dizainā. Galvenei un izvēlņu joslai jābūt vizuāli viegli atrodamai, un tām jābūt pirmajām lietām, ko lietotājs redz. Mājas lapas elementi, attēli un attiecīgā informācija būs otrie, kas tiks atrasti.

Reklāmas vai reklāmkarogi parādās daudzās lapās. Ja tas pats par sevi ir kaitinošs visiem lietotājiem, tiem ar redzes traucējumiem tā ir problēma, jo tas rada daudz neskaidrību un traucē lasīt tīmekļa diagrammu. Tāpēc ir svarīgi, lai jūs izveidotu redakcijas dizains lapas, kas ir organizēta loģiski un saprotami, un elementi ir atbilstoši izmērīti, lai pat tad, ja ir citi traucējoši faktori, lietotāji var koncentrēties uz svarīgo saturu.

Jūsu izmantotie fonti vēlams, lai viņiem būtu liels un salasāms. Veids Sans serifs un treknrakstā Tie atvieglo lasīšanu cilvēkiem, kuri var ciest no disleksijas. Citi ieteicamie fonti ir: Arial, Times New Roman, Helvetica, Tahoma, Calibri un Verdana.

Un, protams, vienmēr jārūpējas par to, lai būtu skaidra atšķirība tekstu un fonu. Nelietojiet līdzīgas krāsas, izvēlieties drīzāk kontrastējošas krāsas.

Sans Serif Bold burtveidols

Sans Serif Bold fontu izmantošana ļauj labāk vizualizēt tekstu.

Alternatīvs teksts

El Alternatīvais teksts vai Alt Tag ir apraksti, kas tiek ievietoti attēlos tīmekļa lapās. Lai gan šis teksts lietotājiem nav pieejams, lai lasītu, a labi uzrakstīts apraksts ir rīks, kas palīdz mums sasniegt labāku SEO pozicionēšanu.

Bet Alt Tag lietderība nenozīmē tikai to. Priekš tiem lietotāji, kuri izmanto ekrāna lasītājus redzes traucējumu gadījumā attēlu apraksti ir vienīgā atsauce viņiem ir jāzina, kāds ir izskats no tā, kas tiek eksponēts lapā. Tātad, ja mēs ievietosim, piemēram, dažu sukulentu fotogrāfiju, labs alternatīvs teksts būtu: Trīs sulīgi augi sārtos podos. Ļoti īss teksts, piemēram: Podos augi, Tas nav būtiskas detaļas apraksts, un tāpēc tas ir bezjēdzīgi.

Sukulenti rozā podā

Trīs sulīgi augi sārtos podos. Alternatīva teksta piemērs.

pielāgošanās spējas

Projektējot, mums jāņem vērā arī visi prezentācijas, kurās tiks parādīta mūsu saskarne, vai nu tīmekļa vai mobilā versija. Pieredze vienmēr būs atšķirīga atkarībā no informācijas nesēja, kur mēs to skatāmies.

Kad mēs izmantojam mobilo tālruni, mēs varam būt pakļauti dažādām vidēm kas apgrūtina lasīšanu Satura ziņā ekrāna. Piemēram, ja atrodamies ārpus telpām, saules spilgtums padarīs ekrānu ļoti tumšu, un troksnis neļaus mums labi dzirdēt audio. Tāpēc ir svarīgi rūpīgi pārdomāt šīs detaļas, lai mobilajā versijā būtu lieli burti un tumšas krāsas, un videoklipiem būtu jābūt subtitriem, ja tos ir grūti dzirdēt.

Mobilais ekrāns

Pielāgojiet saskarnes dizainu tā, lai tas būtu lasāms gan mobilajos tālruņos, gan datoros.

Dizaina konsekvence

Redakcijas dizains ko mēs darām ar savu vietni jābūt vienādam neatkarīgi no sadaļas kur tu esi. Sadaļā Sākums vajadzētu parādīties tām pašām izvēlņu joslu ikonām kā sadaļā Kontakti. Mēs nedrīkstam mainīt stilu nedz tīmekļa taustiņu atrašanās vieta.

Mums nav arī ērti ievietot videoklipus, kas tiek atskaņoti automātiski atverot lapu. Lietotājiem, kuri izmanto ekrāna lasītājus, ir grūti zināt, kā tos apturēt.

Starbucks vietne

Starbucks lapas izvēlņu josla visās sadaļās ir vienāda.

Tastatūras navigācija

Visbeidzot, dažiem lietotājiem ar kustību koordinācijas problēmām ir grūtības uztvert datora peli vai izmantot klēpjdatora skārienpaliktni, un viņi paļaujas tikai uz tastatūru. Noteikti ka jūsu vietne ir veidota savā ziņā tas var būt pilnīgi funkcionāls tikai ar tastatūras pogām.


Atstājiet savu komentāru

Jūsu e-pasta adrese netiks publicēta. Obligātie lauki ir atzīmēti ar *

*

*

  1. Atbildīgais par datiem: Migels Ángels Gatóns
  2. Datu mērķis: SPAM kontrole, komentāru pārvaldība.
  3. Legitimācija: jūsu piekrišana
  4. Datu paziņošana: Dati netiks paziņoti trešām personām, izņemot juridiskus pienākumus.
  5. Datu glabāšana: datu bāze, ko mitina Occentus Networks (ES)
  6. Tiesības: jebkurā laikā varat ierobežot, atjaunot un dzēst savu informāciju.