Kuinka monta kertaa olet ollut verkkosivustolla vain jättämään turhautuneita ja ärsyttämättömiä vierailustasi aikana saamastasi kokemuksesta? Usko tai älä, tämä on varsin yleinen tapaus, varsinkin kun verkkosivustot eivät ota hyviä UX-käytäntöjä.

Jos olet mukana sivuston rakentamisessa, on ehdottomasti vältettävä yhteisiä UX-ongelmia, jos haluat pysyä käyttäjien hyvissä kirjoissa. Katsotaanpa 4 yleisintä UX-ansoja, jotka suunnittelijat kuuluvat, ja miten välttää ne ...

Lomakkeet

Lomakkeet ovat tarpeen käyttäjien, asiakkaiden ja asiakkaiden tietojen keräämiseksi. Et voi kiertää niitä, mutta niiden ei pitäisi olla sietämätöntä täyttää. Lomakkeilla pitäisi olla hyvin vähän kysymyksiä siitä, mitä tietoja verkkosivusto etsii. Yksi suurimmista online-lomakkeiden ongelmista on silloin, kun ohjeita ei ole.

alustus

Kun pyydät jotain tiettyä tietoa, korostakaa mitä etsit. Jos tarvitset jotain erityistä muotoa, kuten päivämäärää, aikaa tai muuta muotoiltua tietoa, sen pitäisi olla esimerkki. Mikään ei ole ärsyttävää kuin täyttää lomake, vain saada virheilmoitus, kun olet valmis.

paikanvaraajatekstiä-text

Paikkamerkkiteksti

On hienoa, kun suunnittelija menee hieman yli ja sen jälkeen ja antaa sinulle vihjeen tietotyypistä, jota he etsivät, tarjoamalla paikkamerkkitekstiä lomakekenttään. Vaikka tämä on erittäin kätevä, on ollut useita kertoja, kun olen kohdannut paikkamerkkitekstiä, joka ei mene pois, kun alat kirjoittaa lomakekenttään. Tämä on valtava kohta turhautumista kaikille käyttäjille, koska heidän on lopetettava kirjoittaminen, valittava kaikki ja poistettava se, joka alkaa uudestaan. He voivat myös valita tarpeettoman tyypin ja poistaa sen, mikä aiheuttaa keskeytyksen heidän ajatusprosessiin täyttämällä lomakkeen. Aina kun käytät paikkamerkkitekstiä vihjeenä etsimiesi tietojen tyypille, varmista, että se menee pois, kun joku valitsee kyseisen syöttökentän.

Virheilmoitukset

Ei ole mitään turhauttavaa kuin yrittää tehdä jotain verkkosivustolla, vain saada virheilmoitus, ilman tarpeeksi tietoa tai lainkaan. Jos verkkosivustokäyttäjä havaitsee virheen, hänen on selvitettävä, mikä on virheellinen ja miten se korjataan. Jos esimerkiksi kirjaudut sivustoon, jolla on käyttäjätunnus ja salasana, jos teet virheen yhden kanssa, sinun pitäisi kertoa mikä. Niin monilla kirjautumisilla verkkosivustoihin siellä on helppo kerätä useita käyttäjätunnusten ja salasanojen muunnelmia. Joissakin tapauksissa olen joutunut muokkaamaan tavallista käyttäjätunnusta ja salasanaa, koska se ei täyttänyt verkkosivuston rekisteröinnin vaatimuksia, kuten 2 isoa kirjainta tai numeroa, kirjainta ja välimerkkiä tai symbolia.

Muita esimerkkejä ovat: jos salasanat eivät täsmää, rekisteröintiprosessin aikana näytetään virheilmoitus ennen lähettämistä. Toinen esimerkki saattaa olla, jos käyttäjätunnus on jo otettu, näytä, että ennen kuin joku lähettää rekisteröinnin.

Kukaan ei tykkää joutua tekemään jotain uudelleen, varsinkin kun he ovat saaneet huonoja ohjeita. Sinulla on paljon suurempi sitoutuminen, jos annat käyttäjille helpoksi tarjota sinulle oikeat tiedot ensimmäistä kertaa.

Suuri, kiinteä navigointiotsikot

En ole varma siitä, miten tämä tuli suosittu, mutta olen nähnyt sen paljon, monilla sivustoilla ympäri verkkoa. Tällaisen suuren otsikon ja kaikkien näiden navigointielementtien aiheuttama ongelma on, kun vierität sivua alas, se estää paljon sisältöä. Tämä on erityisen turhauttavaa, kun tarvitset osia tai kun sisältö muutoin täyttää selaimen korkeuden, mutta osa siitä piilotetaan navigoinnin avulla.

Erityisesti Mobile

Mikä vielä pahempaa on, että joskus sivuston alentaminen mobiilikokoon, suuri otsikko pysyy paikallaan. Tämä on huono kokemus ympäri, koska tilaa on jo rajoitettu älypuhelimien näytöille. Sen ei tarvitse ottaa käyttöön nav-valikosta, joka muutoin olisi piilotettu. Jos on olemassa tiettyjä nav-elementtejä, joiden on pysyttävä näkyvissä, käännä ne pieniin kuvakkeisiin tai aseta ne jonnekin pois tieltä.

Pieni kontrasti

Silmäni ovat hyvät, mutta en ole fani yrittää visuaalisesti havaita hiilen tekstiä tai kuvakkeita mustalla taustalla. Kukaan ei saa joutua tekemään sitä. Kontrasti on avain erityisesti web-suunnittelussa.

Squarespace

Teksti

Jokainen teksti on helppo lukea, ja sen paino on helppo lukea. 100 painoisella fontilla ei käytännössä ole sijaa verkossa (paitsi muutamia erikoistapauksia). Erittäin ohut fontti älypuhelimella yksinkertaisesti pyytää ongelmia. Sinun silmissä on oltava riittävän visuaalinen kontrasti, jotta he voivat muodostaa kirjaimen muodot.

Väri

Verkkosivuston kaikkien osien osalta väreissä olisi oltava helposti havaittavissa oleva kontrasti. Kaikilla ja kaikilla teksteillä pitäisi olla suuri kontrastin tausta. Tämä koskee myös linkkejä, navigointielementtejä tai kuvakkeita. Ei ole vaikeaa löytää mitä etsit.

Pyytää toimia

Samoin kuin muut linkit ja navigointielementit, toimintojoukkoosi näyttää korkean kontrastin. Jos haluat sivuston kävijää ryhtymään toimiin, tekevät siitä näkyvyyden, on helppo lukea ja ladata ja tyhjentää. Kauan liian monta kertaa näet toimintamuodon painikkeella, joka ei erottua tarpeeksi taustasta. Joskus se ei ole ollenkaan painike, ja se on vain yksinkertainen tekstilinkki, jota ympäröi valkoinen tila.

Kosketa kohteita mobiililaitteilla

Näen tämän paljon mobiilisivustoilla, ja se on yksi turhauttavimmista elementeistä. Jos sinulla on painike tai linkki napsauttamalla, anna sille riittävästi tilaa, jotta käyttäjät eivät vahingossa osuisi vääriin asiaan. Varmista älypuhelimella, että kaikki painikkeet tai linkit ovat tarpeeksi kaukana reunasta tai näytön kulmasta, joten ne voidaan helposti napauttaa.

Monta kertaa, painike sijoitettu liian lähelle mitä tahansa 4 kulmia näytön on liian vaikea koskettaa tarkasti. Jos sinulla on suurempia sormeja, älypuhelin ei ehkä rekisteröi toimintaa lainkaan. Tämän vuoksi käyttäjän on napautettava useita kertoja, jotta toiminto saadaan toimimaan. Näiden elementtien tila on erittäin tärkeä.

touch-tavoitteet

johtopäätös

Nämä yhteiset UX-ongelmat voidaan helposti välttää hieman ylimääräisellä työllä ja ennakoinnilla. Jos haluat, että sivustosi kävijät käyttävät ja nauttivat sivustostasi, on tärkeää, että prosessi on helppoa ja nestettä. Välttämättömät, kun käyttäjät toistavat toimet ja prosessit uudelleen, vähentävät turhautumista ja tarjoavat käyttäjille kaikki odotukset hyvin suunnitellusta sivustosta.

Esittelykuva, UX-kuvio kautta Shutterstock.