10 UX-sääntöä jokaisen verkkosuunnittelijan tulisi noudattaa

Voit luoda maailman räjähtävimmän designin, eikä se onnistu, jos se ei tyydytä käytettävyyttä.

Kaikki hammastikusta kaupalliseen lentokoneeseen vaatii käytettävyyttä toimiakseen ja myydäkseen tai muuten sen muotoilu on tuhoon tuomittu. Samoin verkkomaailmassa termi nimeltä UX tulee käyttöön, kun verkkosivustoa käytetään ja arvostetaan.

UX on lyhenne sanoista käyttökokemus, jonka web-käyttäjä hankkii surffaillessaan verkkosivustolla ja vuorovaikutuksessa sen elementtien ja ominaisuuksien kanssa. Jos kokemus on katkonainen ja huonosti haettu, niin verkkosivusto ei ole mitään, koska kelluu roskia Internetissä, josta kukaan ei välitä. UX voi yksin päättää, voidaanko verkkosivustoa käyttää vai myydä, joten sen huomioiminen on välttämätöntä suunnittelijalle. Tässä artikkelissa jaamme 10 käytettävyyttä koskevaa pääsääntöä, jotka jokaisen web-suunnittelijan on tiedettävä ennen verkkosivuston viemistä sen viimeiseen valmistumisvaiheeseen.

1 Älä koskaan erehdy käyttöliittymää käyttöliittymään

UX:n ja käyttöliittymän välille on vedetty hieno viiva. Vaikka olisit tietoinen erosta, saatat kuulla sen jossain vaiheessa asiakkaalta, mutta kun sen aika koittaa, sinun on kyettävä selittämään ero parhaalla mahdollisella tavalla. Käyttöliittymä määritellään todelliseksi järjestelmäksi, kun taas käyttäjäkokemus määritellään tunnetulokseksi vuorovaikutuksessa järjestelmän kanssa.

Microsoft Windows on käyttöliittymä, kun taas emotionaalinen tyytyväisyys sen käytön jälkeen on UX. Kahden termin sekoittaminen voi paitsi vahingoittaa omaa työtäsi, myös ylikuormittaa sinut jollakin, joka ei ole täysin sinun tehtäväsi.

Hyvä suunnittelija ei vain tiedä eron, vaan osaa myös selittää sen asiakkaalle ehdottaessaan työnsä esittelyä.

2 UX on enemmän kuin pelkkä verkkosivustokokemus

Web-suunnittelu on enemmän kuin näkee. Kaikkeen alkaen visuaalisista yksityiskohdista, käyttämistäsi tuotteista ja paikoista, joissa käyt, on UX kirjoitettu. Roskaisella autolla ajaminen on huono kokemus, kun taas pakatun laatikon avaaminen helposti on hyvä. Offline UX -markkinointi saattaa tuntua erilaiselta mekolta, mutta se on alun perin leikattu samasta kankaasta. Vaikka se ei ole täysin sama eikä sitä voi perustella muutamalla esimerkillä, UX-kokemus materiaalisilla ja aineettomilla alustoilla tuottaa samoja hormoneja aivoissasi. Esimerkiksi joku havaitsi, että ihmiset priorisoivat tietoa vasemmalta oikealle ja että vasemmalla olevat elementit vievät vähemmän pystysuoraa tilaa ja niillä on yhtä suuri visuaalinen paino.

Vuoden 2000 aikana trendi alkoi muuttua ja web-suunnittelijat alkoivat sijoittaa navigointipalkkeja verkkosivun vasempaan paneeliin. Tämän ansiosta käyttäjät voivat skannata sisältöä nopeammin ja paremmin, samalla kun verkkosivuston sisältö näkyi paremmin. Verkkosuunnittelijana voit harjoitella mieltäsi ja laajentaa tietämystäsi arvioidaksesi ja tuottaaksesi projekteja elävämmästä näkökulmasta.

3 Taide ja tiede palaavat takaisin

Taide ja tiede kulkevat käsi kädessä UX:n suhteen. Hienostunut ymmärrys heidän siteistään on välttämätöntä erityisesti suunnitteluprosessin aikana. Tieteellisesti on olemassa ongelma-ratkaisuskenaario, jossa suunnittelijan on laadittava tiekartta ja ratkaistava ongelmat teoreettisella ratkaisulla. Esimerkiksi verkkosivustolla on alhainen myynti. Suunnittelija ehdottaa verkkosivuston päivittämistä, testaamista ja vianetsintää, josta muodostuu ratkaisu. Tässä taide astuu sisään.

Ratkaisussa ehdotetaan kaikkia näkökohtia ja elementtejä, kuten värejä, kirjasintyyppejä, ulkoasua, tekstiä ja visuaalista sisältöä, jotta sivustosta tulee houkutteleva sekä esteettisesti että toiminnallisesti. Sitä testataan lisää, kunnes se onnistuu herättämään käyttäjältä halutun tunnereaktion. Tämä ulospäin suuntautuvan käyttäytymisen kanavointi tieteellisen toteutuksen kautta tekee taiteesta ja tieteestä oudon mutta voimakkaan parin.

4 Käytä tavoitelähtöistä lähestymistapaa ongelmanratkaisuun

Ei ole mikään salaisuus, että suunnittelijat käsittelevät asiakkaita, jotka haluavat asioiden kulkevan kirjojensa mukaan. Tämä luo sokkelon, joka ei johda mihinkään, koska monia asioita asiakas ei tiedä, joista vain suunnittelija tietää. Samoin suunnittelijat ovat joskus taipuvaisia ​​tekemään asioita omalla tavallaan, kun taas muut menetelmät ovat myös pöydällä ja saattavat toimia paremmin.

Yksimielisen lähestymistavan säilyttäminen sellaisenaan ei ole koskaan terveellistä suunniteltaessa UX-rikasta web-suunnittelua. Hyvä käyttökokemus on saavutettavissa vain tavoitteellisella lähestymistavalla, joka keskittyy parhaaseen saatavilla olevaan ratkaisuun. Asiakas haluaa esimerkiksi siirtää asiakaskertomusten linkin sivun yläreunaan saadakseen lisää näkyvyyttä ja houkutellakseen lisää liikennettä. Ongelma ei kuitenkaan ole linkin sijoittelussa, vaan itse sijaintilinkissä, koska se ei houkuttele liikennettä. Näin ollen voit myös korjata linkin tekemällä sen näkyvämmäksi oikeassa paikassa sen sijaan, että siirrät sen uuteen paikkaan. Molempia ratkaisuja voidaan käyttää ongelman ratkaisemiseen, ja sinun on pidettävä vaihtoehto avoinna. Tätä kutsutaan tavoitelähtöiseksi suunnitteluksi.

5 Paljasta brändi-identiteetti UX:n avulla

Brändi-identiteetti on yksi tärkeimmistä tavoitteista erinomaisen käyttökokemuksen rakentamisen takana. Jos UX tekee jälkensä käyttäjien tyydyttämisessä, se heijastelee paljon brändiä kohtaan, joka teki tämän kokemuksen mahdolliseksi. On tärkeää, ettet joutuisi häiritsemään asiakkaan mieltymysten mukaista ilmettä. Hyvä muotoilu, jossa on oltava oikea sekoitus toimintoja ja ominaisuuksia, jotka eivät ainoastaan ​​tee käyttäjäkokemuksesta herkkua, vaan myös yksityiskohtaisesti sijoituksista, joita brändi on tehnyt menestyäkseen. Tämä päättää, vieraileeko käyttäjä verkkosivustolla uudelleen.

Varmistaaksesi, että asiakkaan näkökulma on juurtunut suunnitteluun, kerro hänelle jokaisesta siirrosta ja tee tarvittavat muutokset, jotka voidaan sisällyttää suunnitteluun. On myös tärkeää, että otat huomioon laajemman kuvan asiakasasetuksia lisättäessä, jotta käyttökokemus ei vaikuta prosessissa.

6 Rakenna käyttökokemustasi käyttäjän näkökulmasta

Älä koskaan joudu oman mielikuvituksesi uhriksi. Koska sinulla on jonkin verran luovaa vapautta verkkosivustoa suunniteltaessa, on tärkeää, että et käytä sitä väärin. Tässä nimenomaisessa tapauksessa sinulla on asiakkaan ohjeet ja mieltymyksesi syvällä, mutta unohdit käyttäjän näkökulman kokonaan. Suunnittelijana on tärkeää, että et koskaan anna mielikuvituksesi syrjäyttää sinua saavuttamasta sitä, mitä asiakas ja käyttäjä haluavat. Käyttäjälähtöisellä suunnittelulla on parhaat mahdollisuudet tuottaa voittoisa käyttökokemus kuin millään muulla lähestymistavalla.

Varmista, että olet oikeilla jäljillä, tutkimalla oman suunnittelusi käyttäjiä ja tutustumalla heidän tarpeisiinsa ja toiveihisi omassa suunnittelussasi. Ennen kuin olet valmis käynnistämään sen, varmista A/B-testauksella, täyttääkö mallisi vaatimukset. Muista, että käyttäjän tarpeet ovat tärkeämpiä kuin sinun henkilökohtainen panoksesi, koska lopulta he käyttävät sitä.

7 UX on kyse psykologiasta

Käyttäytymislaukaisimet perustuvat ihmisen psykologiaan, joka stimuloi käyttäjän emotionaalista vastausta. Hyvät suunnittelijat osaavat arvioida laadullisesti käyttäjän ajattelutapaa ja muodostaa emotionaalisen yhteyden sisältöön. Nämä tunneyhteydet ovat välttämättömiä eloisan käyttökokemuksen tuottamisessa web-suunnittelussa. Ota esimerkiksi ilmoitukset. Olet saattanut kokea ärsyttävän ponnahdusikkunan ilmoitusominaisuuden, joka lähettää sinut pois verkkosivustolta, joka paiskaa oven pois matkallasi. Vaikka se on osittain asiakkaan eduksi ja samalla varmistaa konversiot jälleenmyyjälle, sen näyttäminen heti asiakkaan päätyttyä verkkosivustolle on kauhea idea.

Kuvittele itsesi saapuvasi toimistollesi ja sinua käsketään tekemään kotityösi ilman henkeä hengittämistä tai lämpimästä kahvikupista. Ajoitus on tässä ratkaiseva tekijä. Jos tunnet ihmisen psyyken, et koskaan aloita ponnahdusikkunasta, joka peittää yli puolet näytöstä. Sen sijaan voit odottaa, että vierailija lukee sisällön ja aloittaa sitten pitchilläsi. Näin sama ilmoitus vastaanotetaan avosylin, koska nyt käyttäjä voi itse asiassa säästää aikaa osallistumiseen. UX on vahvasti riippuvainen kuluttajan psyykestä, ja siksi sinun on integroitava terve annos käyttäytymiseen liittyviä laukaisimia, mutta on oltava varovainen siellä, missä sitä tarvitaan.

8 Ohjaa asiakkaasi vierittämällä

Vieritys toimii kuin taikuutta, jos minulta kysytään. Se lähettää tietoa etsivän käyttäjän syvemmälle sivustolle ja laajentaa heidän mahdollisuuksiaan konvertoida. Luultavasti siksi useimmat suunnittelijat sijoittavat toimintakehotteensa sivun alareunaan, jossa vieritys päättyy.

Jopa ”rakkaus ensisilmäyksellä” -lähestymistapa voi edistää vieritystä, jolloin sivun yläreunassa näkyy toimintakehotuksia. Voit optimoida tällaiset sivut ottamalla käyttöön vieritysvihjeitä. Vieritysvihjeet voivat vaihdella nuolihuokauksista kiehtoviin graafisiin elementteihin. Esimerkiksi Nuolia voidaan käyttää osoittamaan ohjeita seuraavalle sisällölle, kun taas graafiset elementit voivat viedä käyttäjän suoraan seuraavaan diaan, kun he ovat vuorovaikutuksessa sen kanssa.

9 Tee käytöstä mukavaa

Kun julkaiset sisältösi Internetiin, sinun on odotettava, että se tapaa ihmisiä erilaisista taustoista. Kaikki eivät jaa näkemyksiäsi sillä tavalla kuin aiot ehdottaa niitä. Tästä syystä sisältösi tulee olla imeytyvää, jotta käyttäjä ei tarvitse ylimääräistä vaivaa ymmärtääkseen, mitä tarjoat heille. Jos sisältö on sulavaa, käyttäjä konvertoi nopeammin.

Anna heille yksi purema kerrallaan. Kaiken tarjoamasi näyttäminen yhdeltä istumalta ei vain hämmentää käyttäjää, vaan myös heijastaa epätoivoa puolisosi. Varmistaaksesi, että mallisi on hengittävä ja helppo omaksua, käytä runsaasti valkoista välystä elementtien ympärillä, jotta ne on helppo erottaa. Luo myös kaikenlaiselle yleisölle ymmärrettävää sisältöä esimerkein ja omilla kertomuksillasi. Näytä itsesi heidän ystävänsä, ei liikemiehenä.

10 Optimoi sivusi elementit riittävästi

Sivuelementit ovat olennainen osa verkkosuunnittelua. Ne suorittavat keskeisiä toimintoja käyttäjille ja ylläpitävät emotionaalista harmoniaa UX:ssä. Tarpeettomien sivuelementtien lisääminen voi kuitenkin olla vaarallista verkkosivustollesi ja myös käyttäjälle.

Sivuelementit, kuten CTA, jossa on useita komentoja yhden sijasta, kuva, joka häiritsee tarpeeksi vetääkseen katseen pois aiheesta, tai tekstinpala keskellä sivua, joka johtaa asiakasta harhaan. Näiden elementtien lisääminen turhaan vaikuttaa verkkosuunnittelun uskottavuuteen ja hidastaa sen latausnopeutta. Esimerkiksi HD-kuvat voivat olla viivetehtaita verkkosivuillesi. Ne vaativat paljon kaistanleveyttä ja vievät ihanteellisen latausajan muunnosystävälliselle verkkosivustolle. Hidas latautuva verkkosivusto on viimeinen asia, jonka haluat verkkosivustosi käyttökokemuksessa.

Lopulliset ajatukset

Verkkosuunnittelijana sinun on otettava kaikki elementit, näkökohdat ja lähestymistavat yhtälöön. Tavoitteenasi on tuottaa suunnittelu, joka ei vain voita asiakkaita, vaan tarjoaa myös tyydyttävän käyttökokemuksen. Näiden 10 perussäännön avulla luot ihanteellisen web-suunnittelun, joka huolehtii käytettävyydestä kaikista mahdollisista näkökulmista.