Täydellinen 25-temppuinen UX-suunnittelun tarkistuslista

UX-suunnittelun taustalla on yksinkertainen idea: onnellinen, itsevarma käyttäjä ostaa todennäköisemmin sinulta. He luottavat sinuun todennäköisemmin, kirjautuvat postituslistoihisi tai lataavat sovelluksesi.


Ajattelen usein käyttökokemuksen suunnittelua (tai UX-suunnittelua) pikemminkin psykologiana kuin kehityksenä.

Hyvä UX-suunnittelu tarkoittaa päästä kävijöiden pään sisälle.

Se ennakoi heidän jokaisen liikkeensä ja luo verkkosivun, joka on yksinkertainen, intuitiivinen ja nautinnollinen käyttää.

Valitettavasti hyvästä UX-suunnittelusta ei ole helppoa vastausta tai hopeamuotoista. Se on useiden pienten tweaksien huipentuma. Jokainen parantaa verkkosivustosi kokemusta.

Tätä silmällä pitäen olen pyöristänyt tarkistusluettelon, joka sisältää 25 pientä (ja helppoa) tweakea, joka saa UX-mallisi loistamaan.

1. Nopeus

Verkkosivun nopeus on ensimmäinen tilaisuutesi tehdä hyvä vaikutelma. Se on ensimmäinen UX-este.

Verkko-Speed

(kuvan lähde)

Liian hidas ja vierailijat ovat jo levottomia ja luottavat sinuun vähemmän. Yhdistämme vauhtia vaistomaisesti ammattimaisuuteen, ja suurin osa kävijöistä odottaa verkkosivustosi latautuvan kahden sekunnin sisällä.

Mitä tahansa hitaampaa, ja se on heikko käyttökokemus, heti alusta alkaen.

Varmista, että palvelimen nopeus on tyhjästä, ja pienennä sivustosi painoa, jotta se aukeaa nopeasti.

2. Kuka olet ja mitä teet?

Seuraava suuri haaste on vierailijoille tiedottaminen nopeasti. Kuka sinä olet? Mitä sinä teet? Ja minkä arvon voit antaa heille?

Netflix -arvo prop

Tätä kutsutaan arvoehdotukseksi, ja on niin tärkeää, että kirjoitimme siihen koko blogin. Sinulla on vain muutama sekunti vakuuttaa kävijöitä, joten anna se laskea!

Kokeile nyt: tiivistä koko verkkosivustosi yhdellä lauseella ja tienviivalla kohtaan, jonne haluat kävijöiden seuraavan.

3. Varmista, että vierailijat voivat ottaa sinuun yhteyttä

Ydinosa UX-suunnittelusta on poistaa vierailijoidesi mahdolliset huolet ja ahdistukset.

Yksi uusien kävijöiden suurimmista huolenaiheista on se, tuleeko heidän luottaa sinuun vai ei – varsinkin jos olet uusi verkkosivusto.

Yksi tapa poistaa tämä ahdistus on osoittamalla heille, että kulissien takana on oikea henkilö. Lisää yritysosoite, puhelinnumero ja todellinen sähköpostiosoite. (EI OLE yhteyslomake – ihmiset yleensä luottavat heihin verrattuna suoraviivaiseen sähköpostiosoitteeseen).

Vielä parempi, käytä live-chat-ruutua, jotta käyttäjät voivat kysyä heti.

Tagove Live Chat

Jos jokin menee pieleen, on hyvä tietää, että he voivat helposti ottaa yhteyttä.

4. Anna kävijöille aina takaisin kotiin

Olemme kaikki kadonneet verkkosivustoilla aiemmin. Seuraat linkkejä ja päädyt kanin reikään.

Jos näin tapahtuu, kävijät ovat levoton ja turhautunut. He napsauttavat vaistomaisesti X-painiketta sulkeaksesi selaimen.

Varmista sen sijaan, että siellä on selkeä ja määritelty “koti” -painike, jotta ne voivat aina alkaa. Yleensä käyttäjät odottavat logosi linkittyvän takaisin kotisivulle, joten varmista, että se tapahtuu.

5. Vielä parempi, jätä leivänmurna, jotta he tietävät missä ovat

Sen lisäksi, että annat heille nopean uudelleenkäynnistyksen, käytä leivänmurppia myös selittääksesi missä ne ovat prosessissa.

Suuret edistymispalkit ovat hienoja tähän. Jos se tapahtuu esimerkiksi kassaprosessin aikana, kerro käyttäjällesi tarkalleen missä he ovat ja mitä on jäljellä tekemistä.

kassalle-progress-palkki

(kuvan lähde)

Tämä on jälleen yksinkertainen psykologia. Esimerkiksi kävelylle meneminen on paljon väsyttävämpää, kun et tiedä mistä loppu on. Tunnemme olosi paljon mukavammaksi, kun meillä on kartta. Sama ajatus pätee verkossa.

6. Poista kaikki toistuvat toimenpiteet

On turhauttavaa, että syötät samat tiedot kahdesti lomakkeeseen (kuten laskutusosoite ja toimitusosoite). Yritä päästä eroon toistuvista toimista, jotka hidastavat ostoprosessia.

Tällaiset asiat johtavat ostoskoriin luopumiseen. Vierailijasi etsivät muualta.

Vielä parempaa on luoda järjestelmä, joka muistaa asiakkaiden mieltymykset. Se yllättää ja ilahduttaa heitä, kun kaikki odottaa heitä jälleen. Se on yksinkertainen asia, joka parantaa mahdollisuuksia palauttaa asiakkaita.

7. Käytä työkaluvihjeitä aloittelijoiden auttamiseen (mutta älä estä asiantuntijoita!)

Jotkut vierailijoista ovat vakituisia. He räjäyttävät rekisteröintilomakkeesi ja ostoprosessisi. Toiset ovat aivan uusia, ja heillä voi olla joitain kysymyksiä matkan varrella.

Pienet työkaluvihjekuvakkeet (usein tunnistettu kysymysmerkillä) auttavat aloittelijoita ymmärtämään, mitä heidän on tehtävä. Mutta samalla he eivät estä asiantuntijoitasi.

työkaluvinkit

(kuvan lähde)

Voit jopa tarjota pikakuvakkeita tai pikakuvia asiantuntijoiden nopeuttamiseksi. Näet usein ohittavan tämän linkit esimerkiksi useimmissa verkkosivustojen ja sovellusten selittäjissä.

8. Luo iso, rohkea toimintakehotus

Toimintakehotus kertoo vierailijalle tarkalleen, mitä tehdä: esimerkiksi “Rekisteröidy” tai “Osta nyt”. Varmista, että se on komentava, suoraviivainen ja selitä sen tekemisen arvo.

CTA

(kuvan lähde)

Parempaa vielä, tee siitä kirkas, rohkea väri (vihreät ja appelsiinit tekevät täällä ihmeitä) ja ympäröi se valkoisella tilalla. Tämän pitäisi vetää käyttäjien silmä suoraan siihen, mikä antaa heille selkeän kuvan siitä, että haluat heidän tekevän tämän.

9. Tee selkeä ero ensisijaisen ja toissijaisen toimintakehotuksen välillä

Kun toimintakehotuksia on paljon, näet kaksi vaihtoehtoa. Esimerkiksi ‘Lähetä’ ja ‘Peruuta’. Tai “lataa nyt” ja “ilmainen kokeilu”.

Spotify-CTA

On selvää, minkä toiminnan haluat vierailijan suorittavan, joten varmista, että hän tietää sen. Katso Spotifyn kotisivu. He ovat tehneet go-painikkeesta rohkean ja herättävän. He ovat tehneet “ilmaiseksi” -painikkeen haalistuvan taustalle.

Tämä on vain yksinkertaista psykologiaa. Kerroit hienovaraisesti käyttäjillesi, kumpaa napsauttaa.

10. Käytä hierarkiaa näyttääksesi käyttäjille, minne seuraavaksi mennä

Toivottavasti sinulla tulisi olla selkeä ‘käyttäjän matka’ mielessä. Oletetaan, että opetat verkkokursseja verkkosivustosi kautta. Yksinkertainen käyttäjän matka voi näyttää tältä:

Lue viimeisin blogi > Lataa ilmainen raportti ja kirjaudu postituslistaan > ilmoittautuminen maksettuun verkkokurssiisi.

Jos matka on selkeä, voit luoda visuaalisen hierarkian ohjaamaan käyttäjiä haluamaasi paikkaan. Tässä tapauksessa sinun on varmistettava, että blogisi on ensimmäinen asia, jonka he näkevät. Sitten alat lisätä paljon linkkejä postituslistallesi.

11. Älä sekoita odotettuihin elementteihin!

Usein on vaikea vastustaa tarvetta luovuuteen asettelujen ja elementtien avulla. Asia on kuitenkin se, että me kaikki tiedämme, millaisen verkkokaupan on tarkoitus näyttää. Odotamme tuotteiden jakavan yksinkertaisiin luokkiin. Odotamme tuotekuvauksia, arvosteluita ja tuttua ostoprosessia.

omena kassalle

Älä yritä keksiä pyörää uudelleen näiden tärkeiden näkökohtien avulla! Pidä se yksinkertaisena.

12. Kiinnitä yksinkertaiseen 3-värivalikoimaan

Jälleen kerran tämä tarkoittaa sitä, että vastustetaan kehotusta monimutkaista asioita. Yli 3 päävärin yhdistäminen on vaikeaa, ja se hämmentää käyttäjiäsi usein.

paletti

(kuvan lähde)

Väri on myös erittäin hyödyllinen muotoilemalla käyttäjän kokemusta, koska se liittyy läheisesti psykologiaan ja tunteisiin. Yhdistämme sinisen esimerkiksi luottamukseen (on syytä, miksi Facebook käyttää sinistä!)

Sovita väripaletti tuotteesi kanssa.

13. Miksi saan virheen? Ja mitä teen nyt?

Joskus asiat menevät pieleen ja 404 -virheet ovat väistämättömiä. Voit kuitenkin muuttaa tämän positiiviseksi käyttökokemukseksi.

Selitä tarkalleen, miksi he saavat tämän virheen luomalla mukautetut 404- ja 504-sivut. Twitterin ‘epäonnistunut valas’ oli kuuluisa tästä.

twitter epäonnistuu valaan

Tunne tuntemattomien virheiden varalta, vakuuta käyttäjille, että työskentelet sen kanssa, ja ohjaa heidät takaisin verkkosivustoosi.

Umpikujat, kuten virhesivut, ovat vaarallisia. Käyttäjät tavoittavat luonnollisesti ristin. Luo heitä ja lähetä heidät takaisin.

14. Anna käyttäjille korkea viisi, kun he suorittavat jotain

Ihmisiä ohjaa saavutustunne ja suorittaminen. Kun he ovat suorittaneet tehtävän, kerro heille ja näytä heille, minne mennä seuraavaksi.

Voit tehdä tämän heti, kun he ovat lähettäneet sähköpostiosoitteensa, ostaessaan tuotteen, lisättyään jotain ostoskoriinsa tai yksinkertaisesti saavuttaessaan blogitekstin lopun..

Se on yksinkertainen, helppo, positiivinen kokemus. Se antaa käyttäjille myös tunteen yhteistyöstä; kuten autat heitä todella saavuttamaan tavoitteensa.

15. Kiinnitä vain kahteen kirjasinperheeseen

Johdonmukaisuus ja brändäys ovat avain hyvään käyttökokemukseen.

On hyvin hämmentävää, jos logotunnuksesi on Futura, kehoteksti on Times New Roman, toimintakehotuksesi on Comic Sans ja otsikot ovat käämitykset…

kirjasimet

Pysy vain kahdessa kirjasinperheessä. Se on helpompi lukea ja näyttää ammattimaisemmalta ja luotettavammalta.

16. Käytä erillisiä ja johdonmukaisia ​​hälytysviestejä

Joskus käyttäjät saavat asiat vikaan. Ehkä he kirjoittivat salasanansa väärin eivätkä pystyneet kirjautumaan sisään. Ehkä unohtivat lisätä postinumeron rekisteröintilehteen..

hälytykset

(kuvan lähde)

Näissä tapauksissa haluatte yksinkertaisen, mutta selkeän virhe- tai hälytysviestin. Varmista, että se erottuu väriltään ja tyyliltään kaikesta muusta sivustossasi. Se antaa selvän osoituksen siitä, että jokin tarvitsee toimia.

Sinun tulisi myös tehdä näistä hälytysviesteistä yhdenmukaisia ​​koko sivustosi alueella. Älä käytä eri väriä, tyyliä tai sijoittelua, koska siitä tulee vain hämmentävää.

17. RAJOITTAVAT LAKIT LEKKITEKSTI

Se on vain ärsyttävää.

Itse asiassa siihen on enemmän tärkeitä syitä. Oikeastaan ​​luemme isot kirjaimet hitaammin kuin pienet. Joten on paljon vaikeampaa skannata luettu (kuten yleensä luemme Internetiä).

Varaa korkkilukko silloin, kun todella täytyy tehdä vaikutus.

18. Ryhmittele aiheeseen liittyvät erät yhteen

Tämä on tarkoitettu erityisesti verkkokauppasivustoille, mutta se toimii kaikkialla.

Yritä pitää samanlaisia ​​ja niihin liittyviä esineitä samassa paikassa. Se tarkoittaa, että vierailijat ja asiakkaasi saavat paljon räätälöitymmän palvelun, melkein kuin olet ennakoinut heidän tarpeitaan.

ryhmitetyt tuotteet

Voit tehdä tämän fyysisillä tuotteilla, kuten Amazonin “enemmän kuin tämä” -valinnalla. Voit myös tehdä samanlaisen asian blogin kirjoituksissa ja artikkeleissa käyttämällä niihin liittyvää sisältöosaa.

Se pitää kävijät selaamassa sivustoltasi, vähentää poistumisprosenttia ja luo henkilökohtaisemman kokemuksen.

19. Pidä kaikki johdonmukaisina

Viimeinen asia, jonka haluat, että kävijä napsauttaa linkkiä ja tuntuu kuin hän olisi navigoinut toiselle verkkosivustolle.

Varmista, että navigointipalkki pysyy samassa paikassa riippumatta siitä, missä olet sivustolla. Varmista, että logosi on aina näkyvissä ja värivalikoima pysyy samana.

20. Suunnittele silmien skannauksen asettelu

Emme lue verkkosivustoja kuten luemme kirjaa. Silmämme hyppäävät ja etsivät tärkeitä tietoja.

F-malli

Yleensä luemme verkkosivustoja F-kuviona, mutta lihavoitujen kuvien ja toimintakehotusten tiedetään myös kiinnittävän huomiota ensin.

21. Luo luottamusta suosituksilla ja sosiaalisilla todisteilla

Suurin osa verkkosivustosi kävijöistä saapuu vartioituneena. He ovat luonnollisesti varovaisia ​​uusien sivustojen suhteen, eivätkä varmasti ole vielä valmiita ostamaan sinulta.

Kuten totesin, keskeinen osa UX-suunnittelua on poistaa nämä esteet ja saada ihmiset tuntemaan olonsa mukavaksi verkkosivustollesi. Muutamat hyvin sijoitetut suositukset ja tosiasiat tekevät ihmisistä paremman tunteen. Haluamme nähdä, että muut ihmiset (mieluiten isot nimet) ovat käyttäneet tuotteitasi ja palveluasi, ja hyväksyvät sen.

22. Kerro käyttäjille, mitä he voivat pelata!

Verkkosivut koostuvat tyypillisesti kahdesta osasta: Numero yksi: sisältö – se on staattinen, emmekä voi olla vuorovaikutuksessa sen kanssa. Ja numero kaksi: säätimet – näitä asioita voimme napsauttaa, pelata ja olla vuorovaikutuksessa.

vuorovaikutukset

Twitter on hieno tässä. Yksinkertainen musta teksti sisällölle. Sininen teksti osoittaa, mitä voit napsauttaa ja olla vuorovaikutuksessa. Kuvakkeet täyttyvät värillä, kun siirrät hiiren osoittaaksesi, mitä voit pelata.

Kutsu ihmisiä pelaamaan verkkosivustosi kanssa!

23. Luo lempeä oppimiskäyrä

Kukaan ei halua takertua hämmentävään ja vaikeaan verkkosivustoon.

Yritä antaa kävijöillesi voitto nopeasti heti. Helppo ne ja tee siitä yksinkertainen – varsinkin jos tarjoat hankalia yritysehdotuksia.

24. Löydä tapa tuntea vierailijasi nopeasti

Käyttäjäkokemuksen tarkoitus on inhimillisen suhteen matkiminen ja yhteyden luominen käyttäjän kanssa. Empatia on valtava osa tätä – mitkä ovat vierailijoidesi tavoitteet ja unelmat? Mikä on pidättänyt heitä toistaiseksi?

Kerro heti heille, että ymmärrät heidän ongelmansa. Voit tehdä tämän kuvan kanssa, johon he voivat liittyä, tai lauseella, joka summaa heidän suurimman ongelmansa.

Vierailijasi ajattelee, että “tämä verkkosivusto saa minut!”, Joka on loistava käyttökokemus.

25. Luo vuoropuhelu mikro-vuorovaikutuksella

Yritä antaa palautetta käyttäjällesi jokaisessa pienessä matkan osassa. Se luo todellisen viestinnän ja suhteen, johon käyttäjät reagoivat.

Voit tehdä tämän kopioimalla, kuten ”Hyvä työ!” “Ajattelimme sinun pitävän tästä”, “haluaisitko puhua asiantuntijan kanssa?”

edistymispalkki

Tai pieniä grafiikoita ja visioita, kuten peukalo ylös, hymiö kasvot tai tikkuava kello lataussivulla.

Yhdistä nämä pienet mukautukset ja luot käyttökokemuksen, joka lisää luottamusta, yhdistää kohdeyleisösi ja jättää heidät onnelliseksi ja tunteen saavuttamiseksi.

Käytätkö jotain näistä UX-suunnittelutemppuista? Haluaisin kuulla kaikista, jotka olen unohtanut! Kerro siitä kommenttiosassa.

Kim Martin Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map