Yksi tärkeimmistä tehtävistä teidän levyn web-suunnittelija on käytettävyys. Käytettävyys määritellään käyttäjäkokemuksen laadun mittariksi, kun hän on vuorovaikutuksessa verkkosivustosi kanssa. Jokaisen verkkosivuston, jonka pitäisi olla, on aina oltava saumaton käyttäjän näkökulmasta. Heidän pitäisi löytää sivustosi helppo navigoida tarvitsematta ensin suorittaa erityiskoulutusta. Käytettävyys perustuu yleensä useisiin eri tekijöihin.

Sivustoasi katsottava henkilö haluaa helpottaa oppimistaan ​​huipputason. He haluavat oppia nopeasti käyttöliittymän, jotta he voivat hypätä oikein ja saavuttaa perus-, navigointi-tehtäviä. Käytön tehokkuus on toinen tekijä: kun he ovat oppineet navigoimaan sivustosi, he haluavat suorittaa tehtäviä nopeasti. Vaikka käyttäjä olisi käyttänyt sivustoa aiemmin, heidän on helppo muistaa tarpeeksi prosessi, jotta sivuston käyttö onnistuu tehokkaasti seuraavan kerran. Tätä kutsutaan muistettavaksi. Kun he käyttävät sivustoasi, he saattavat kokea joitain virheitä, mutta ovatko nämä virheet usein vai vaikeita? Lopuksi, kun he ovat tehneet sivustossasi, onko käyttäjän subjektiivinen tyytyväisyys korkea tai matala? Heidän olisi pitänyt pitää sivustossasi.

Tietenkin, et voi tyytyä kaikkiin sivuston kävijöihin koko ajan, mutta jotkin standardit ovat yhteisiä hyvän käytettävyyden varmistamiseksi. Mitä keskinkertaiset web-suunnittelijat pitävät itsestäänselvyytenä, sinun ei pitäisi. Tässä on kolmen tärkeimmän käytettävyyden virheet, jotka web-suunnittelijoiden olisi vältettävä kaikin keinoin.

Napsautettavat alueet, jotka ovat aivan liian pieniä

Verkkosivustosi on täynnä hyperlinkkejä, jotka on selvästi tarkoitus napsauttaa. Varmista siis, että ne ovat tarpeeksi suuria, jotta niitä voidaan napsauttaa helposti. Se on niin yksinkertaista. Muussa tapauksessa hyperlinkkejä ei vastaanoteta hyvin. Jokainen käyttäjän käsivoima hiirellä ei ole täsmällistä, joten älä tee napsautettavia alueita niin pieniksi, että käyttäjän on käytettävä hienostuneisuuden ja strategian yhdistelmää vain päästäksesi napsauttamalla pieniä hyperlinkkejä.

Toisaalta isompi, helpommin napsautettava alue tekee kätevämpää sijoittaa kohdistimen linkkien päälle. Voit tehdä napsautettavan alueen suuremmaksi yksinkertaisesti koko linkin lisäämiseksi tai parantamaan linkin ympärillä olevaa pehmusteita. Voit tehdä tämän hyödyntämällä CSS-padding-ominaisuutta.

Katsokaa tätä hienoa esimerkki hirvittävän pienestä napsautettavasta alueesta. Se on Y Combinator-sivuston "Hacker News" -sivulta, joka tarjoaa siemenrahoitusta aloittelijoille. Huomaa, kuinka kommentit ja linkit ovat niin raskauttavasti pieniä. Sinulla on onni päästä lopulta klikkaamalla niitä harjoittelun jälkeen useita kertoja.

Sivustojen väärinkäyttö

Sivutus on hienoa, kun sitä käytetään oikeaan tarkoitukseen web-suunnittelussa. Oikein käytettynä sivutunnistus on tervetullut ominaisuus, koska se tekee sivuston ulkoasusta helpompaa ja helpompaa. Sitä käytetään pääasiassa jakamaan sisältöä eri sivuille, ja se on ominaisuus, joka tavallisesti näkyy sivustoissa, joissa on esillä pitkiä kohteita.

Sivutöitä voidaan kuitenkin käyttää väärin, mikä tekee niistä käyttökelpoisuudelle haitan. Jotkut sivustot pitävät sisällön sivujen jakamisesta useisiin sivuihin väärin, ja tämän takana on myös perässä oleva motiivi. Sivustot, jotka tekevät tämän, ovat todennäköisesti yrittäneet lisätä sivunäkymiä, yksinkertaisia ​​ja yksinkertaisia. Monet online-aikakauslehdet ja blogit saavat tulojaan mainonnalla, joten lisää sivunäkymiä kasvattavat katseluäänestystään ja antavat heille veloittaa enemmän mainoksista.

Katso tätä väärinkäyttö sivuille, jotka tulevat meille Wired Magazine. Huomaa, kuinka Googlen värikäs logo on jaettu kahdeksaan sivulle, kun kaikki kahdeksan sivua voidaan helposti yhdistää yhdeksi verkkosivustoksi. Silloinkin, että pidempi artikkeli ei olisi aiheuttanut sivua hitaammaksi lataamisessa ja käsittelyssä. Huomaa myös, kuinka raskauttavaa se on napsauttaa useita kertoja vain lopettamaan artikkelin lukeminen.

Lisäksi tämä sivun väärinkäyttö voi haitata SEO: n suhteen. jos jakat sivustosi sisältöä useisiin sivuihin, laita sisältösi laimentamatta. Tämä vähentää aiheeseen liittyvien avainsanojen lukumäärää kussakin verkkosivustossa, mikä tarkoittaa, että jokaisella sivulla on vähemmän järkeä itsestään. Tämän seurauksena hakukoneet eivät ehkä tulkitse oikein mitä jokainen sivu koskee, mikä vaikuttaa kielteisesti artikkelin hakukoneiden tulosten rankingihin.

Sisällön, jota on vaikea skannata

Sivuston käyttäjien skannaamiseen vaikea sisältö on yleensä sisältöä, joka kärsii huonosta kopiosta. Kopio on tekstisisältö, jolla olet asuttanut sivustosi, ja se on välttämätöntä, jotta sivustosi käytettävyys on erinomainen. Jopa ennen kuin olet huolissasi hyvästä kopiosta, sinun on kuitenkin saatava perusteellinen käsitys sivustokäyttäjien katselukäytännöistä. Sivuston käyttäjät eivät yleensä ymmärrä kaikkia verkkosivujen tietoja ylhäältä alas, kuten he saattavat odottaa.

Todellisuudessa sivuston käyttäjät absorboivat tietoja yksinkertaisesti hyppäämällä yhdestä sisällöstä toiseen, lähinnä ohjaamalla niitä, jotka näkyvät verkkosivulla. Voit kiittää sitä, että internet pommittaa ihmisiä, joilla on tietoa tästä frenetistä web-katselukäyttäytymisestä. Käyttäjien silmät perustavat periaatteessa yhden mielenkiintoisen osan mistä tahansa verkkosivustosta toiseen, mikä tarkoittaa sitä, että sinun, kuten täydellinen web-suunnittelija, on rakennettava sivuillesi tavalla, joka vastaa tätä raivoa käyttäytymistä.

Ensinnäkin varmista, että sivustossasi on vain muutama tarkka tarkennuspiste. Nämä toimivat sivusi osina, jotka saavat kävijöiden huomion. Voit onnistua lisäämällä isompia fontteja sekä korkean kontrastin värejä. Lisätty visuaalinen vetovoima sisältää myös kuvia, kuten kuvakkeita aivan tekstin vieressä.

Toiseksi, jokaisessa kohdentamiskohdassa tulisi olla kuvaava otsikko. Jotta kopiota ei jatkettaisi eteenpäin, käyttäjän on heti ymmärrettävä, mitä tämä sisältöosi kattaa. Älä koskaan tee otsikoita salaperäisiksi tai epäselviksi lukijoiden lukemiseksi. Tee otsikot lyhyiksi, vaikka ne ovat tarkkoja.

Lopuksi tekstin on oltava suppea ja helppo imeytyä. Tarjoa vain perusteet ja sulje pois kaikki muu. Suuri osa ajasta, lisätekstistä, jota copywriters sisältää selvittääkseen pisteen todella vähentää tekstin luettavuutta. Monien ihmisten on taipumus vain lukea pieniä tekstikappaleita välttäen pitempia kappaleita, joten leikkaa rasva.

Katsotaanpa nopeasti Nettisivu joka järjestää kopion hyvin. Tämä on Macin kulttuurikoodin asiat-sovellus. Huomaat, että ensi silmäyksellä tarkat kohdat, jotka ovat kuvakaappaus ja jättimäinen "Things" -otsikko, ovat hyvin ilmeisiä. Sovelluksen eri ominaisuuksien kopio, jota näet enemmän vierittämällä sivua alaspäin, on myös hyvin lyhyt ja siihen pisteeseen, jossa on vain lyhyt kappale tai kaksi lyhyt kuvaus kaikista ominaisuuksista.

On niin paljon muistaa

Hyvään käytettävyyteen liittyy niin monta eri tekijää, että kaikki voi joskus olla vaikea seurata. Käytettävyys koskee loppukäyttäjää ja miten he tuntevat, kun he navigoitavat ja skannaavat sivustosi kautta. Aseta itsellesi kengät, kun suunnittelet sivustosi. Voivatko he helposti käydä sivustossasi? Aiotteko helposti muistaa, mitä tehdä ja mistä mennä seuraavan kerran, kun he käyvät sivustossasi? Saavatko he lopulta nauttimaan kokemuksestaan ​​selaamalla sivustosi? Kaikkien näiden kysymysten pitäisi olla etusijalla ja keskellä mieltäsi, kun suunnittelet sivustosi.

Hyvä käytettävyys on myös käytännön hyötyjä. Mitä enemmän käyttäjä voi navigoida sivustossasi tehokkaasti, sitä enemmän he tulevat takaisin. He kertovat myös ystävilleen, äidilleen, työtovereilleen ... saat kuvan. He tulevat ja tarkistavat sivustosi. Tuloksena saat lisää sivunäkymiä, enemmän lukijoita ja toivottavasti uskollisia seurauksia. Tämä tarkoittaa sitä, että voit kaupallistaa sivustosi ja veloittaa lisää sivuston mainoksista. Huolehdi käytettävyydestä, ja saat palkkion niin monella tavalla.

Mitä käytettävyysvirheet lisääisit? Mikä on pahin käytettävyysvirheiden suunnittelijat yleisesti? Kerro meille mielipiteesi kommentteihin.

Esitetty kuva / pikkukuva, virhe kuva kautta Shutterstock.