10 Käytettävyysvinkit web-suunnittelijoille
Yksinkertaisesti sanottuna käytettävyys tekee sivustostasi helposti vierailijoille mahdollisuuden löytää tarvittavat tiedot, kun he tarvitsevat sitä .
Yleinen väärinkäsitys web-yritysten käytettävyydestä on se, että käytettävyys on kallista. Kyllä, monikansalliset yritykset käyttävät tuhansia dollareita käytettävyystesteihin ja tutkimuksiin, mutta jokapäiväisen yrityksen käytettävyys on saavutettavissa ilman käytettävyyden asiantuntijoiden tuntemusta tai ilman kalliita testauslaitteita .
Web-suunnittelijoilla on entistä helpompi tehtävä, vain lukemalla käyttökelpoisuusartikkeleita, jotka voivat kerätä melko hyviä tietoja käytettävyyteen perustuvista peruskäytännöistä ja niiden toteuttamisesta verkkosivuilla.
1. Sisällytä leikekirja
Tagline on lausunto tai motto, joka edustaa yrityksen tai meidän tapauksessamme verkkosivuston, filosofian ja tehtävän. Sen pitäisi olla selkeä elementti verkkosivuston etusivulla, ja sen pitäisi selvästi kuvata verkkosivusto yhdellä lauseella.
Tilastot osoittavat, että verkkosivustolla on vain 8 sekuntia, jotta kävijät saataisiin katsomaan sivustoa entisestään. Ilman selkeää vihjealuetta verkkosivustolla olisi vaikeuksia pitää kävijöitä tarpeeksi kauan selata sisäisiä sivuja.
2. Toteuta sivustohaku
Samoin kuin tekstiviivojen kohdalla, sivustohaku on erittäin tärkeä tekijä verkkosivustossa. Kun käyttäjät etsivät jotain, he yleensä etsivät tekstikenttää, johon he voivat syöttää hakutermin.
Mukaan Jacob Nielsenin Web-käytettävyysvinkkejä, tekevät hakukentästä 27 merkkiä leveä , jotta teksti on selkeästi näkyvä ja helppokäyttöinen. Aseta hakuteksti kenttään verkkosivun yläosaan , koska käyttäjät pyrkivät etsimään verkkosivustoa F-mallin mukaan eli vasemmasta yläkulmasta oikeaan alakulmaan.
Sisällytä hakupainike ja määritä selkeästi hakutekstit, älä käytä tekstiä kuten Go tai Submit , koska nämä ilmaukset johtavat usein harhaan sivustosi kävijöihin.
3. Älä käytä laajoja grafiikoita
Muotoilevien elementtien ja grafiikan väärinkäyttö on aina huono verkkosivustolle, he vain harhauttavat sivuston kävijöitä. Vain muotoilu parantaa web-sivua ei vain sisustaa sitä. Käytettävyyden näkökulmasta vähemmän on aina enemmän.
4. Käytä sivustokarttoja
Sivukartat ovat suhteellisen uusi verkkosivuston ominaisuus, joka parantaa verkkosivujen navigointia ja myös hakukoneoptimointia (SEO). Sivuston kartat ovat olennaisesti rakenteellinen edustus verkkosivujen sivuille ja arkkitehtuurille. Se voi olla missä tahansa muodossa oleva dokumentti tai verkkosivu, jossa luetellaan verkkosivuston sivuja, jotka on tyypillisesti järjestetty hierarkkisella tavalla.
Viime aikoina hakukoneet, kuten Google, Yahoo ja MSN ovat alkaneet tarjota verkkosivustokarttasivua muistuttavan sivustokarttaprotokollan, mutta tiedot on organisoitu XML-muodossa. On olemassa sivustokartan XML-generaattoreita, jotka luovat nämä asiakirjat tietylle URL-osoitteelle.
5. Älä katkaise työnkulkua
Työmuodossa tarkoitamme jokaista toimintaa, jota käyttäjä tekee verkkosivustolla . Esimerkiksi lomakkeen täyttäminen, rekisteröityminen verkkosivustoon, selauskategoriat, arkistot jne. Älä rikkoa näitä työnkulkuja, anna käyttäjän peruuttaa mikä tahansa toiminto. Jos emme anna käyttäjän peruuttaa operaatiota, pakotamme heidät lopettamaan sen, vaikka he eivät haluaisi.
Kaikki sivuston toiminnot eivät ole käyttäjän kannalta ilmeisiä, vaan ohjaavat niitä tiettyyn työnkulkuun käyttämällä kuvailevia vinkkejä. (esim. täyttämällä lomakkeen). Javascript-linkit rikkovat yleensä työnkulkua, joten niitä ei suositella käytettäväksi verkkosivustollasi.
Toinen virhe ei muutu vieraiden linkkien värillä , mikä johtaa navigointisuunnittelun rikkomiseen. Anna käyttäjien tietää, missä he ovat olleet ja missä he ovat verkkosivustossa.
6. Luo helposti skannattavia verkkosivuja
Helppolukuisilla verkkosivuilla on tärkeä rooli vierailijoiden uskollisuuden säilyttämisessä, pitämisessä sivustossasi ja lukemalla sisältöäsi. Käytettävyystestit osoittavat, että suurin osa käyttäjistä ei ole lukenut web-sivuja, skannaa niitä , etsii nimikkeitä, lihavoitu, korostettu teksti tai luettelot.
Jakob Nielsenin tekemät silmätutkimustutkimukset osoittavat, että käyttäjät lukevat F-muotoa muistuttavaa sisältöä, mikä tarkoittaa, että lukeminen alkaa sivun vasemmasta yläkulmasta, sen jälkeen siirtyy alaspäin hieman alkaen vasemmalta.
Nielsen ilmoittaa myös tämän lukutavan vaikutukset:
- Käyttäjät eivät lue verkkosisältöä sana sana, ne poistavat tärkeät kappaleet, lihavoitu teksti jne.
- Ensimmäiset kaksi kappaletta ovat olennaisia verkkosivuilla. Näissä on oltava tärkeimmät tiedot, joita kävijät etsivät.
- Alaluokat ja luettelot erottuvat tavallisista kohdista. Näiden elementtien avulla voit ilmoittaa käyttäjille tärkeistä tiedoista.
Eräs tärkeä menetelmä, jota voimme oppia perinteisistä painetuista sanomalehdistä on, että toimittajat ajattelivat tarttuvaa otsikkoa ja tarttuvaa ensimmäistä kappaletta lukijoiden lukemiseksi koko artikkelista. He järjestävät sisällön käänteisessä pyramidimuodossa , vain kuva ylösalaisin pyramidista. Laaja pohja edustaa koko artikkelin tärkeimpiä tietoja ja kapea kärki edustaa vähiten tärkeää tietoa.
Voimme käyttää tätä muotoa järjestääksesi web-sisältöä asettamalla tärkeimmät kappaleet alkuun ja vähiten tärkeät alareunat , mutta kuinka tiedämme, mikä tieto on tärkeää ja mikä ei ole? Avulla uutisarvot .
7. Älä piirrä harhaanjohtavia käyttöliittymiä
Käyttäjäliittymän (UI) valvonnan avulla tarkoitamme verkkosivuelementtejä, komponentteja ja widgettejä, joiden avulla käyttäjä voi olla vuorovaikutuksessa (esim. Painike, pudotusvalikko).
Älä piirrä grafiikkakomponentteja, jotka näyttävät painikkeelta, mutta eivät . Näemme usein tekstiä, joka on alleviivattu ja näyttää linkkeiltä, mutta sitä ei voi napsauttaa.
Jättämällä käyttämättömät toiminnot, he odottavat, että sivusto rikkoutuu ja lopulta poistuu. Yksi tärkeä käytettävyyteen liittyvä käyttöliittymä, joka koskee käyttöliittymän ohjaimia, on johdonmukaisuus: Varmista, että käyttöliittymän hallinta on johdonmukainen .
Yahoo , kuten yllä oleva kuva näyttääkin, on hyvä esimerkki johdonmukaisesta UI-ohjauksen suunnittelusta. Jokainen sivun välilehti näyttää ja käyttäytyy samalla tavalla, kaikki linkit on alleviivattu hiirellä, jokainen painike näyttää samalta, jne.
8. anna merkitsevä palaute
Merkittävä palaute on välttämätöntä verkkosivustolle. Tämä on viestintäkanava sivuston ja käyttäjien välillä. Palautteen avulla voimme kertoa käyttäjille, mitä sivustossa tapahtuu. Jos verkkosivustosi on virhe, älä vain kirjoita Virhe tapahtui , vaan kirjoittavat mielekkäitä virheilmoituksia, jotka kertovat käyttäjälle, mikä meni vikaan ja mitä toimintoja he voivat suorittaa.
Palaute toimii molemmilla tavoilla . Kun käyttäjä täyttää lomakkeen, he lähinnä antavat sinulle palautetta. Älä anna käyttäjien täyttää samaa tietoa kahdesti. Esimerkiksi jos käyttäjä on rekisteröitynyt verkkosivustolle ja täyttänyt lomakkeen jonkin verran, älä kysy heidän nimestään tai muiltakaan jo toimittamiltaan tiedoilta, koska nämä tiedot ovat jo olemassa tiedostossa tai tietokannassa. Yksinkertaisesti saada nämä yksityiskohdat automaattisesti yksinkertaistamme koko prosessia.
9. Älä ylikäytä Javascriptiä
Javascriptin ja AJAX-tekniikan ansiosta web-suunnittelijat ja kehittäjät voivat luoda reagoivia, läpinäkyviä verkkosivustoja, mutta kuten kaikki uudet teknologiat, on kustannuksia. Meidän tapauksessamme hinta on selaimen epäjohdonmukaisuus. Jokaisella käyttäjällä ei ole ajantasaista verkkoselainta. Heillä ei ehkä ole Javascript käytössä oletuksena.
Käyttämällä Javascriptia laajalla sivustolla estämme nämä käyttäjät. Käytä sen sijaan huomaamaton Javascript ja armollinen hajoaminen .
10. Vältä CAPTCHA: ita
CAPTCHA tarkoittaa täysin automatisoitua julkista Turing-testiä, joka kertoo tietokoneille ja ihmisille. Jopa nimi kuulostaa monimutkaiselta. Yleisin CAPTCHA-muoto on kuvaan upotettu teksti ja testaamalla kävijöitä voimme erottaa ihmisen käyttäjät roskapostia vastaan.
CAPTCHA: n ongelma on, että jokainen ihmisen verifiointimenetelmä muodostaa monimutkaisen prosessin käyttäjien aivoissa (esim. Vääristyneen tekstin selvittäminen, kahden numeron lisääminen jne.).
Toinen ongelma CAPTCHA: ita ovat eri kulttuurien epäjohdonmukaisuudet . Esimerkiksi kiinalaiset symbolit, numerot eroavat useimmista länsimaisista kirjaimista ja arabialaisista numeroista. Kiinalaisilla on paljon vaikeampaa aikaa käyttämällä CAPTCHA: n "käytössä olevia" online-lomakkeita.
Yhteenveto
- Sisällytä aina tagline, jonka pitäisi olla selkein elementti verkkosivulla.
- Toteuta 27-tuntinen leveä sivustohaku ja aseta se verkkosivustosi päälle.
- Älä käytä laajoja grafiikoita ja muotoiluja.
- Sisällytä sivustokarttasivu ja rekisteröi sivustokartan XML-asiakirja hakukoneissa.
- Älä rikkoa käyttäjän työnkulkua. Anna jokaisen toimenpiteen peruuntua tarvittaessa.
- Luo helppokäyttöinen verkkosisältö ja aseta tärkeimmät tiedot sivusi yläreunaan.
- Älä piirrä grafiikkakomponentteja, jotka näyttävät painikkeelta, mutta eivät.
- Anna mielekästä palautetta ja älä unohda, että palaute toimii molemmilla tavoilla.
- Käyttää huomaamaton Javascript ja armollinen hajoaminen .
- Vältä CAPTCHA: ta, käytä enemmän käyttökelpoisia menetelmät sen sijaan.
Seuraatko näitä periaatteita? Lisää palautetta ja lisävihjeitä alla.