Kuinka luoda helppokäyttöinen verkkosivun muotoilu

Kannettavan tietokoneen näyttö

Verkkokaupat, pankkisovellukset, hotellivaraukset tai freelance-työpaikat, enemmän ja enemmän Internetin kautta hoidettavat tehtävät ja jotka ovat joissakin tapauksissa korvanneet tavanomaisen median.

tämä digitaalisen toiminnan nopea kasvu on helpottanut meitä monessa suhteessa elämää. Se säästää aikaa, koska liiketoimet ovat nopeampia eikä sinun tarvitse matkustaa mihinkään fyysiseen laitokseen, ja tietysti on luotu uusia tiedotusvälineitä, joita ei ollut aikaisemmin ja että nyt useimmat ihmiset käyttävät esimerkiksi sosiaalisia verkostoja, elokuvien ja sarjojen suoratoistoa Netflixin kaltaisilla alustoilla tai online-maksujärjestelmissä, kuten Paypal.

Tämän digitaalisen maailman nousun myötä se on välttämätöntä investoida saavutettavien ja hyvin suunniteltujen rajapintojen kehittämiseen Käyttäjille. Emme kuitenkaan voi unohtaa sitä on käyttäjiä, jotka kärsivät vammaisuudesta fyysinen tai psykologinen, joka rajoittaa huomattavasti heidän kokemustaan ​​ja kykyään käyttää tietokoneita ja matkapuhelimia.

Vaikka jotkut vammaiset, kuten pyörätuoleja käyttävät ihmiset, eivät häiritse Internetin käyttöä, toiset, kuten näköongelmat tai sokeus, motorisen koordinaation ongelmat, kuurous tai autismi, ne voivat vakavasti haitata kykyäsi liikkua verkossa. Näitä tapauksia varten joitain on jo luotu dispositivos kuten näytönlukijat, jotka auttavat ja tukevat käyttäjiä alueilla, joilla heillä on vamma.

Mutta tämä on vasta ensimmäinen osa ongelman ratkaisemista. Kun ajattelemme näitä käyttäjiä, meidän on suunnitella verkkosivujen rajapintoja jotka helpottavat kokemustasi ja sopii tarpeisiisi. Suunnittelussa on joitain periaatteita, joita voimme soveltaa.

Sisältö ja lähteet

Aloittamalla alkeellisimmista, sinun on asettaa prioriteetit sisällön suunnittelussa. Otsikon ja valikkorivin on oltava visuaalisesti helposti löydettävissä ja niiden on oltava ensimmäinen asia, jonka käyttäjä näkee. Kotisivun elementit, kuvat ja asiaankuuluvat tiedot löytyvät toiseksi.

Mainokset tai mainospalkit näkyvät monilla sivuilla. Jos se itsessään on ärsyttävää kaikille käyttäjille, näkövammaisille se on ongelma, koska se aiheuttaa paljon sekaannusta ja häiritsee verkkokaavion lukemista. Siksi on välttämätöntä luoda yleinen toimituksellinen suunnittelu sivun, joka on järjestetty loogisesti ja ymmärrettävissä, ja elementit on mitoitettu asianmukaisesti, joten vaikka muita häiriötekijöitä onkin, käyttäjät voivat keskittyä tärkeään sisältöön.

Käyttämäsi fontit mieluiten niiden on oltava suuri ja luettavissa. Tyyppi Ei serif ja rohkea Ne tekevät lukemisesta paljon helpompaa ihmisille, jotka saattavat kärsiä lukihäiriöstä. Muita suositeltavia fontteja ovat: Arial, Times New Roman, Helvetica, Tahoma, Calibri ja Verdana.

Ja tietysti sinun on aina huolehdittava siitä, että niiden välillä on selkeä ero teksti ja tausta. Älä käytä samanlaisia ​​värejä, valitse mieluummin vastakkaiset värit.

Sans Serif lihavoitu kirjasinlaji

Sans Serif Bold -fonttien käyttö mahdollistaa tekstin paremman visualisoinnin.

Vaihtoehtoinen teksti

El Vaihtoehtoinen teksti tai Alt-tagi ovat kuviin sijoitettuja kuvauksia verkkosivuilla. Vaikka tämä teksti ei ole käyttäjien luettavissa, a hyvin kirjoitettu kuvaus on työkalu, joka auttaa meitä saavuttamaan paremman SEO-paikannuksen.

Alt-tagin hyödyllisyys ei kuitenkaan johdu vain siitä. Niille käyttäjät, jotka käyttävät näytönlukijoita näkövammaisten kohdalla kuvien kuvaukset ovat ainoa viittaus heidän on tiedettävä miltä ulkonäkö on sivulla näkyvistä. Joten jos aiomme sijoittaa esimerkiksi valokuvan joistakin mehikasveista, hyvä vaihtoehtoinen teksti olisi: Kolme mehevää kasvia vaaleanpunaisissa ruukuissa. Hyvin lyhyt teksti, kuten: Ruukkukasvit, Se ei ole kuvaus, joka antaa asiaankuuluvia yksityiskohtia, joten se ei toimi.

Mehikasvit vaaleanpunaisessa ruukussa

Kolme mehevää kasvia vaaleanpunaisissa ruukuissa. Esimerkki vaihtoehtoisesta tekstistä.

sopeutumiskyky

Suunnittelussa on myös otettava huomioon kaikki esitykset, joissa käyttöliittymämme näkyyjoko sisään verkko- tai mobiiliversio. Kokemus on aina erilainen riippuen mediasta, jossa katselemme sitä.

Kun käytämme matkapuhelinta, voimme altistua erilaisille ympäristöille jotka vaikeuttavat lukemista Sisältöä näytön. Jos olemme esimerkiksi ulkona, auringon kirkkaus saa näytön näyttämään hyvin tummalta, eikä melu anna meidän kuulla ääntä hyvin. Siksi on tärkeää miettiä näitä yksityiskohtia huolellisesti, jotta mobiiliversiossa on suuret kirjaimet ja tummat värit ja videoissa tulisi olla tekstitys, jos niitä on vaikea kuulla.

Mobiilinäyttö

Mukauta käyttöliittymäsuunnittelu siten, että se on luettavissa sekä matkapuhelimissa että tietokoneissa.

Johdonmukaisuus suunnittelussa

Toimitussuunnittelu mitä teemme verkkosivustollamme on oltava sama osiosta riippumatta missä olet. Koti-osiossa pitäisi näkyä samat valikkorivikuvakkeet kuin Yhteystiedot-osiossa. Emme saa muuttaa tyyliä eikä verkon näppäinten sijaintia.

Meille ei myöskään ole kätevää sijoittaa automaattisesti toistettavia videoita kun avaat sivun. Näytönlukijoita käyttävien käyttäjien on vaikea tietää, miten ne voidaan keskeyttää.

Starbucks-verkkosivusto

Starbucks-sivun valikkorivi on sama kaikissa osioissa.

Näppäimistön navigointi

Lopuksi joillakin käyttäjillä, joilla on motorisia koordinaatio-ongelmia, on vaikeuksia tarttua tietokoneen hiireen tai käyttää kannettavan tietokoneen kosketuslevyä, ja he luottavat yksinomaan näppäimistöön. Olla varma että verkkosivustosi on suunniteltu tavalla se voi olla täysin toimii vain näppäimistön painikkeilla.


Jätä kommentti

Sähköpostiosoitettasi ei julkaista. Pakolliset kentät on merkitty *

*

*

  1. Vastuussa tiedoista: Miguel Ángel Gatón
  2. Tietojen tarkoitus: Roskapostin hallinta, kommenttien hallinta.
  3. Laillistaminen: Suostumuksesi
  4. Tietojen välittäminen: Tietoja ei luovuteta kolmansille osapuolille muutoin kuin lain nojalla.
  5. Tietojen varastointi: Occentus Networks (EU) isännöi tietokantaa
  6. Oikeudet: Voit milloin tahansa rajoittaa, palauttaa ja poistaa tietojasi.