Lopullinen opas osallistavaan verkkosuunnitteluun + vinkkejä sen tekemiseen


Enemmän kuin koskaan ihmiset käyttävät Internetiä ja kotisivusi on usein asiakkaan ensimmäinen yhteyspiste sinuun. Asiakkaiden houkuttelemiseksi ja pitämiseksi sinun on tarjottava laadukas käyttökokemus. Siellä käsite osallistava web-suunnittelu astuu esiin. Tässä oppaassa perehdytään taustalla oleviin ideoihin kattava web-suunnittelu ja kuinka voit kehittää näitä ideoita yleisen käytettävyyden parantamiseksi.

Satoja High-Res Freebies Vain sinulle!

Ilmaislahjoitamme päivitetään koko ajan!

Kaikki mitä sinun tulee tietää tästä aiheesta


Mitä Inclusive Web Design on?

Osallistava web-suunnittelu on käytäntöä tehdä sivusto, jota kuka tahansa voi käyttää. Sivustollasi vierailevilla ihmisillä voi olla vamma tai laajempi tuntemattomuus Internetiin. Nämä voivat estää heitä suorittamasta tiettyjä tehtäviä verkkosivustollasi, jolla on ilmeisiä haittoja, jos työskentelet verkkokauppasivustojen kehittämisessä.

Käytännössä kävijöillä voi olla ongelmia sivuston visuaalisen tai äänisisällön kanssa. He eivät ehkä pysty olemaan asianmukaisesti vuorovaikutuksessa käyttöliittymän kanssa, joka edellyttää heidän puhumista. Heillä saattaa olla vaikeuksia olla vuorovaikutuksessa tiettyjen verkkosivuston elementtien, kuten painikkeiden tai linkkien, kanssa. Asia, joka mobiilikäytettävyyden testaus voi lieventää. Heillä voi myös olla vaikeuksia ymmärtää, kuinka sivustolla liikkua, tai heillä saattaa olla epämukavaa paljastaa henkilökohtaisia ​​tietoja.

Infografia, joka näyttää tietoja vammaisista maailmassa osallistavan kaupungintekijän toimesta

Kattava web-suunnittelu tunnistaa nämä sivuston ongelmat ja pyrkii lieventämään niitä. Näin varmistat, että suurempi joukko ihmisiä voi käyttää sivustoasi oikein vaarantamatta ei-vammaisten käyttäjien kokemusta matkan varrella.

🔥 Saatat pitää: Verkkosuunnittelun teho käynnistykseen


Mitkä ovat osallistavan suunnittelun periaatteet?

Hyvä tapa pohtia saavutettavuutta on työskennellä suoraan ihmisten kanssa, joilla on merkittäviä ongelmia, kuten vammaisia. Harkitse esimerkiksi haastatteluja ihmisten kanssa, joiden uskot todennäköisesti käyttävän verkkosivustoasi, ja ota heidän palautteensa huomioon laajemmissa suunnitteluvalinnoissasi.

Vammaisjärjestö voi olla hyödyllinen yhteyspiste tässä varhaisessa vaiheessa. Ota huomioon sisällyttäminen laadunvarmistusprosessiisi testisuunnitelma on myös suositeltavaa.

Tämän idean lisäksi voit harkita muutamia laajoja, kattavan suunnittelun periaatteita. Ne ulottuvat tiettyjä käyttäjäluokkia pidemmälle, vaikka ne ovat edelleen hyödyllisiä verkkosivuston suunnittelussa tai uudelleensuunnittelussa.

1. Joustavuus

Koska käytämme Internetiä nykyään useilla laitteilla, suunnittelijat ja kehittäjät ovat tottuneet muokkaamaan verkkosivustoa eri yhteyksiä varten. Harkitse tämän konseptin laajentamista vammaisten tarpeisiin ja ota huomioon ajatus, että verkkosivustosi tekee eri asioita eri ihmisille.

Tätä ideaa kannattaa ehkä lähestyä kysymyssarjana: kysyä, kuka käyttää sivustoasi, missä ja milloin he käyttävät sitä ja niin edelleen. Vaikka nämä vastaukset eivät aina ole ilmeisiä, kysymysten esittäminen kannattaa silti.

2. Helppokäyttöisyys

Hyvä verkkosivusto ei ole pulma, joka pitää ratkaista. Sivustollasi vierailevien ihmisten tulisi ymmärtää, miten se toimii ja missä he ovat siellä. Jos suunnittelet uuden ominaisuuden lisäämistä verkkosivustolle, harkitse, lisääkö se sivuston arvoa tai sen monimutkaisuutta. Voit myös käyttää jaettua testausta kokeillaksesi muutamia erilaisia ​​mahdollisia sivustomuutoksia.

Keltainen kaavio, joka näyttää videon kehityksen wyzowlin sijoitukselle positiivisen tuoton

Auttaisi, jos muistaisit myös, että ihmiset haluavat omaksua tietoa eri tavalla. Jotkut ihmiset esimerkiksi haluavat lukea sitä, kun taas toiset pitävät videosta. Ainakin erilaisten tiedonvälitysmenetelmien huomioon ottaminen on tässä vankka strategia.

Samoin on aina oltava selvää, mitä sivustolla tapahtuu. Selkeät viestit, jotka kertovat, milloin asiat ovat oikein (tai väärin), auttavat ihmisiä pysymään kurssilla sivustollasi viettämisen aikana ja rohkaisevat toistuviin vierailuihin.

3. Majoitus

Vaikka haluat luultavasti täyttää sivut sisällöllä, liiallinen saaminen voi olla ylivoimaista ja ristiriitaista. Toisaalta liian vähän käyttäjiäsi voi hämmentää. Yritä löytää tasapaino sen kanssa, kuinka paljon kullakin verkkosivulla näkyy. tämä vähentää kitkaa, kun ihmiset tulevat käyttämään niitä.

Yritä soveltaa suunnittelukäytäntöjäsi johdonmukaisesti myös koko sivustolla. Tämä varmistaa, että jokainen, joka on vuorovaikutuksessa sivustosi kanssa, yllättyy iloisesti. Käyttäjien käyttäytymisen ymmärtäminen lämpökarttojen kaltaisten työkalujen avulla voit päättää, mitkä asiat asetetaan etusijalle sivuston kunnostustöiden aikana.


Mikä on esimerkki osallistavasta suunnittelusta?

Kun nämä ideat ovat mielessä, on aika tarkastella konkreettisia tapoja saada sivusto toimimaan tehokkaammin. Muista, että jokaisen lähestymistapa osallistavaan suunnitteluun on erilainen: emme voi pyytää mikä on pinon ylivuoto ja saat lopullisen vastauksen jokaiseen kysymykseen. Nämä toimenpiteet ovat kuitenkin hyvä lähtökohta.

1. Suuret painikkeet

Havainnollistava kuva, joka näyttää kattavan verkkosuunnittelun painikkeiden ja sormien välisen korrelaation vain mielessä

Hyvä lähtökohta osallistavalle suunnittelulle on puhdas, helposti ymmärrettävä ulkoasu. Tämä idea ilmenee muutamalla eri tavalla, mutta napsautettavat elementit ovat tärkeimpiä.

Kaiken, mitä käyttäjän on napsautettava tai napsautettava, tulee olla vähintään 48 × 48 pikseliä leveä. Tämä tarkoittaa, että vierailijat voivat olla vuorovaikutuksessa sivustosi kanssa helpommin, jos heillä on heikentynyt näkö tai motoriikka.

Jos sivulla on useita klikattavia elementtejä, varmista, että ne eivät ole liian lähellä. Muuten tämä voi saada jonkun napsauttamaan jotain, jota he eivät halua, mikä on selvästi ei-toivottavaa.

Voit myös parantaa painikkeiden toimintaa rajoittamalla niiden määrää. Älä ole liian monta yhdellä web-sivulla; keskittyä olennaiseen. Palvelut kuten Globaali sovellustestaus voi auttaa sinua havaitsemaan nämä ongelmat tehokkaammin.

2. Hyvät värivalinnat

Väri on tärkeä osa brändiä, vaikka se on helppo tehdä huonot värivalinnat. Meidän on myös harkittava värien käyttöä laajemmassa sivustosuunnittelussamme.

Hyvät verkkosivustot varmistavat vähimmäiskontrastitason väriarvojen välillä (viittaen niiden suhteelliseen vaaleaan ja tummaan värisävyn sijaan). Hyvä sääntö kontrastiväriarvoille on 3:1. Tämän pitäisi toimia tehokkaasti napsautettaville objekteille, kuvamateriaalille ja muille verkkosivuston elementeille.

Vaikka määrität sivuston värikontrastia, sinulla saattaa olla värisokea vierailija, jolle kontrasti ei ole erityisen hyödyllinen. Harkitse muita tapoja kiinnittää huomiota tiettyyn sivun elementtiin, kuten lihavointia tai alleviivausta.

3. Ajatteleva kieli

Oberlo-kuva, jossa näkyy prosenttiosuus blogeja käyttävistä sisältömarkkinoijista

Ideoiden kautta esim kontekstuaalinen viestintä, yritykset miettivät tarkasti, kuinka he puhuvat asiakkaille. On tärkeää olla yhtä varovainen verkkosivustoilla käyttämäsi kielen suhteen yleisemmin, varsinkin kun kirjoitettu sisältö on edelleen erittäin suosittua.

Perustasolla yritä välttää monimutkaista alan ammattikieltä; harkitse, onko olemassa yksinkertaisempaa sanaa, jolla on samanlainen merkitys. Selitä käyttämäsi lyhenteet ja rajoita lauseen pituutta, kun voit. Jos käytät otsikoita, varmista, että ne kuvastavat tarkasti niiden alla olevaa sisältöä.

Sinun on myös mietittävä, miltä teksti fyysisesti näyttää. Pyri vähintään 16 pikselin kirjasinkokoon, käytä selkeitä fontteja ja pyri suureen kontrastiin taustaa vasten. Tee linkit helposti havaittavissa (esimerkiksi alleviivaamalla) ja varmista, että sisältölohkojen sisällä ja ympärillä oleva väli on riittävän suuri. Älä unohda lisätä tekstityksiä myös videosisältöön.

4. Sisältävät elementit

Tämä ajatus koskee monia verkkosivustosi osia, vaikka visuaalit ovat erityisen haavoittuvia. Jos sinun täytyy edustaa henkilöä tai ihmisryhmää verkkosivustollasi, teetkö heistä negatiivisia oletuksia? CCaaS-pilvipalvelut voivat auttaa sinua saamaan vastaukset näihin kysymyksiin nopeammin kuin koskaan.

Usein on hyvä idea tuottaa sivustolle abstraktimpi hahmo tai teos, joka edustaa useita etnisiä ryhmiä, sukupuoli-identiteettiä ja vammoja. Saatat jopa haluta välttää tiettyjen ryhmien tunnistamista kokonaan visuaalisissa kuvissasi, varsinkin jos asiat, kuten sukupuoli ja rotu, eivät liity aiheeseen.

Harmaa kaavio, joka esittää tärkeimmät syyt hylkäämiseen kassalla

OLE osallistavampi sivustossasi välttämällä etnisyyttä tai sukupuoleen perustuvaa kieltä koskevia kysymyksiä. tämä toiminta voi lisätä sitoutumista. Mitä useampi vaihe lomakkeessa tai kassaprosessissa on, sitä epätodennäköisemmin käyttäjäsi suorittavat sen. Vaikka et todennäköisesti kysy sukupuolesta tai etnisyydestä esimerkiksi verkkokauppasivustolla, yksinkertaisen, minimalistisen tiedonkeruun periaate pätee silti laajemmin.


Lopuksi

Varmasti jo ennen tämän oppaan lukemista tunsit – ja olet ehkä jopa omaksunut – jotkin osallistavan web-suunnittelun käsitteet ja periaatteet. On kuitenkin hyödyllistä ajatella konseptia kehittyvänä prosessina eikä kertaluonteisena tehtävänä.

Toisaalta joustavuus ja saavutettavuus edellyttävät keskittymistä tarkempiin elementteihin, kuten painikkeisiin, tekstin ulkoasuun ja jopa värivalintoihin. Mieti myös, kuinka edustat ihmisiä sivustollasi ja tarvitsetko yksityiskohtaisia ​​tietoja käyttäjiltäsi vai et. Tämän yleisen käytännön tekeminen varmistaa, että sekä sivustollasi että yritykselläsi on vahvempi perusta.

Tekijän bio:

Emily Rollwitz - Global App Testingin sisältömarkkinointipäällikkö

Emily Rollwitz – sisältömarkkinointipäällikkö, globaali sovellustestaus

Emily Rollwitz on sisältömarkkinointijohtaja osoitteessa Globaali sovellustestaus, etä- ja on-demand-sovellusten testausyritys, joka auttaa huippusovellustiimejä toimittamaan korkealaatuisia ohjelmistoja kaikkialla maailmassa. Hänellä on viiden vuoden kokemus markkinoijana ja hän johtaa liidien luomiseen tähtääviä kampanjoita ja tapahtumia, jotka edistävät huippuluokan brändin suorituskykyä. Eri merkkien markkinointia hoitaessaan Emily on myös kehittänyt loistavan pulssin tuoreen ja kiinnostavan sisällön luomisessa. Hän on kirjoitettu upeille verkkosivustoille, kuten Airdroid ja Shift4Shop. Löydät hänet LinkedIn.



Source link

About the Author

Leave a Reply

Your email address will not be published. Required fields are marked *

You may also like these

This error message is only visible to WordPress admins

Error: No feed found.

Please go to the Instagram Feed settings page to create a feed.