Käyttäjäkokemus on jokaiselle verkkosivustolle tarjolla vierailijoille. Kokemus eroaa kuitenkin verkkosivustosta verkkosivustoon useilla eri tavoilla. Jotkut ovat helppoja navigoida, jotkut ovat iloa käyttää, jotkut ovat röyhkeitä, mutta voit silti tuoda sinne, mihin haluat mennä, ja jotkut ovat niin vaikeita ymmärtää, että olet vain osuma takaisin nuolella selaimessasi.

Yksi käyttäjäkokemuksen suurimmista vaikutuksista on käyttöliittymä - todellinen muotoilu, jonka käyttäjät käyttävät vuorovaikutuksessa - on useita tekijöitä, jotka muodostavat käyttöliittymän, kuten kuinka helppoa on navigoida verkkosivuilla tai kuinka helppoa on lukea sisältöä. Käyttäjät muodostavat myös mielipiteensä verkkosivuston havaitun arvon ja hyödyllisyyden perusteella. Mitä parempaa se auttaa saavuttamaan tavoitteensa, sitä hyödyllisempää sitä pidetään.

Käyttäjien tuntemukset tunne, kun käyttävät verkkosivustoasi, päätyvät vaikuttamaan siihen liittyvään liiketoimintaan. Jos käyttäjät löytävät helposti verkkosivustolta etsimäsi ja tyytyvät, he todennäköisemmin hankkivat sen, mutta jos he tuntevat turhautuneilta tai sekaisin, on todennäköistä, että he siirtyvät pitkin ja ostavat toisesta tarjouksestaan heille parempi käyttökokemus. Lacklusterin käyttäjäkokemukset pitävät monien yritysten takaisin täyden potentiaalinsa, jättävät verkkosivustot heikosti suorituskykyisiksi ja tuhlaavat arvokkaita mainonta-dollareita, kun kävijöitä ei muuteta asiakkaiksi.

Alla on 5 yksinkertaista, mutta tehokasta tapaa, joilla älykäs käyttöliittymäsuunnittelu edistää onnistunutta käyttäjäkokemusta:

1. Sivunopeuden parantaminen

Sivuston latausnopeus on erittäin tärkeä käyttäjäkokemuksen osa. Vaikka suunnittelijat usein joutuvat yrittämään esitellä visuaalisen suunnittelutaitonsa, on totta, että sivuston kävijät yleensä kiinnittävät enemmän huomiota sivun latausnopeuteen kuin röyhkeä koristelu.

Tuoreen tutkimuksen mukaan Kissmetrics , lähes puolet (47%) kaikista kuluttajista odottaa verkkosivun latautuvan 2 sekunnissa tai vähemmän; jos sivusi kestää kauemmin kuin ladata, se vähentää käyttökokemuksen laatua. Jos sivusi latautuu yli kolme sekuntia, sivustosi kävijästä luopuu keskimäärin 40% kävijöistä. joka nousee 7% jokaisen toisen sekunnin mukaan, kun sivustosi latautuu. Hidas sivusto kääntää kadonneita mahdollisuuksia ja menettää myynnin.

Lisäksi, kun hitaat latausaikat vähentävät verkkosivustosi tulosten määrää, myös hidas latausaika pyrkii vähentämään verkkosivustosi mahdollisuuksia, jotka vaikuttavat negatiivisesti hakukoneiden sijoitukseen. Vaikutus on pieni, mutta varmasti haluat tehdä kaiken voitavan parantaa sivustosi hakukoneiden sijoitusta.

Jotta voit säilyttää sivujesi lataamisen alle 3 sekunnissa, kokeile seuraavia vinkkejä: valitse ensin yksinkertaisempi muotoilu, joka välttää tarpeettomat kohteet ja näyttävät koristeet (A / B-testeissä yksinkertaisemmat mallit yleensä ylittävät ornate-mallit joka tapauksessa); Toiseksi, optimoi kuvat grafiikkaohjelmassa, et halua käyttää htmlä niiden kokoa muuttamiseen; Kolmanneksi, vältä liian monta plugin käyttöä he hidastavat vierailijoiden kokemuksia; neljänneksi, jos sivustosi on suosittu, harkitse sisällöntarjoajaverkon hyödyntämistä palvelimen vasteajan parantamiseksi.

2. Valkotasapainon hyödyntäminen

Valkoinen tila jätetään usein huomiotta, mutta se on erittäin tärkeä osa tehokasta käyttöliittymäsuunnittelua. Olen varma, että olet ollut samassa tilanteessa kuin useimmat suunnittelijat, joissa asiakkaat näkevät valkoisen tilan tyhjänä ja kiirehtivät täyttämään sen, ajattelematta valkoista tilaa jätettä. Itse asiassa päinvastoin on kyse; valkoinen tila on yksi sivuston tärkeimmistä osista.

Jos sitä käytetään oikein, valkoinen tila voi parantaa dramaattisesti verkkosivuston käyttökokemusta. Valkoinen tila auttaa tekemään käyttöliittymästä helpon silmän, mikä auttaa säilyttämään kävijät ja pitämään heidät lukemassa. Se tekee tämän tekemällä sisällön luettavaksi. Web-sivuston tekstin ja kuvien ympärillä oleva valkoinen tila auttaa ihmisiä parantamaan ymmärrystä ja luo paremman käyttökokemuksen.

Valkoinen tila auttaa myös parantamaan sivustosi ulkoasua, antaen sille mukavan ja puhtaan ammattimaisen ilmeen. Valkoinen tila auttaa vähentämään kävijöiden sekaannusta, koska valkoisilla sivuilla puuttuvat sivustot näyttävät usein epätasaisilta. Haluat luoda hyvän tasapainoisen ulkoasun verkkosivustollesi käyttämällä valkoista tilaa eri sisältöosastojen erottamiseksi.

Valkoisella tilalla voidaan myös korostaa jotain tärkeää, kuten toimintapelisi. Suunnitellun valkoisen tilan asianmukainen käyttö auttaa ohjaamaan kävijöitäsi verkkosivustosi keskeisiin osiin ja ilman sitä, kävijät saattavat unohtaa tärkeät kohteet.

Ihana esimerkki tästä on kanava verkkosivusto. Se on kaunis, puhdas sivusto, joka käyttää valkoista tilaa hyvin kiinnittämään huomiota sivuston tärkeimpiin alueisiin.

kanava

3. Tekstin määrän pienentäminen

Verkkosivustot yleensä vain hiomaan verkkosivuja etsimään tärkeitä avainsanoja, merkittäviä otsikoita ja skannauslistat. Vierailijat ovat yleensä kiireisiä etsiessään etsimääsi tietoa ja ohittavat sisältöä, joka näyttää hankalalta tai merkityksettömästä. Tämän vuoksi sinun on ymmärrettävä, että kävijät todennäköisesti eivät lue sisältöä, jos sitä ei ole alustettu tähän käyttäytymismalliin. Vältä luomasta pitkät tekstilohkot, jotka näyttävät epäileviltä käyttäjille, jotka haluavat nopeasti tarkistaa verkkosivustosi. Kun kyseessä on moderni verkko, vähemmän on varmasti enemmän.

Haluat myös välttää liiallista lahjoittamista myynninedistämistarkoituksessa, koska asiakkaat näkevät nopeasti fluffin ja lopettavat lukemisen. Oikea sävy on tärkeä. Mukaan Nielsen Norman Group , objektiivinen copywriting on tiivis, skannable tyyli johtaa 124% parempi käytettävyys.

Kun ja missä on mahdollista, käytä visuaalisia kuvia, koska ihmiset yleensä pyrkivät paremmin harjoittamaan visuaalista sisältöä. Hyödynnä kuvakkeita, huomiota kiinnittämällä kuvia, videoleikkeitä ja infografisia tietoja saadaksesi viestisi läheltäsi suuria tekstilohkoja.

Bellroy havainnollistaa tätä konseptia hyvin verkkosivustollaan, koska ne säilyttävät tekstin vähimmäismäärälle ja esittelevät tuotteitaan suurilla, helposti katseltavilla kuvilla.

bellroy

4. Visuaalisen kiristyksen pienentäminen

Käsittele sivustosi kävijöiden huomion arvokkaana resurssina. Kun kävijät saapuvat verkkosivustollesi, muista, että he hakevat nopeasti asiaankuuluvia tietoja, eikä heitä kiinnitä huomiota kaikkeen sivulle. Jos haitat käyttöliittymän, se ylikuormittaa verkkosivustojen kävijöitä liian paljon tietoa, tekevät sivustosi monimutkaisiksi ja heikentävät käyttökokemuksen laatua.

Aloita poistamalla kohteet, jotka eivät ole välttämättömiä. Kun päästät eroon kaikista, jotka eivät ole välttämättömiä käyttäjän suorittamalle aiotulle toiminnalle, vähennät sekavuutta ja parantavat kävijöiden kykyä keskittyä ja ymmärtää olennaisia ​​tietoja.

ETQ Sivuston verkkosivuilla näkyy, miten eliminoimalla häiriöt, voit keskittyä itse tuotteisiin.

etq

5. Selkeä toimintapyyntö

Sinun pitäisi olla selkeä tavoite vierailijoille, jotka saapuvat verkkosivustoosi. Haluat, että tämä on ilmeistä kävijöille ja helppoa heidän täyttääkseen. Ehkä haluat kävijöitä tekemään ostoksen, pyytämään hintatarjousta tai vain soittamaan sinut, anna heidän tietää, mitä tehdä, jotta he voivat siirtyä eteenpäin sivustonsa laskeutumisen jälkeen.

Toimintoesi on, miten kerrot vierailijoille, mitä toimia heidän pitäisi tehdä sivustossasi. Näemme säännöllisesti verkkosivustoja, joissa ei ole selkeää toimintapyyntöä, eikä ole mikään yllätys, kun huomaamme, etteivät ne noudata heidän omistajiensa toivoa. Toimintoesi tulisi näkyä ja kävijän on helpompi toteuttaa haluttu toiminta.

Ennen kuin päätetät verkkosivustosi toimintapyynnön, on parasta ymmärtää vierailijasi syyt sivustollemme. Ottamalla toimintapyyntö, joka rikkoo kävijöiden aikomuksia, vähentää sen tehokkuutta. Jos kävijät haluavat vain ostaa, mutta heitä heitä pyytämään tarjousta, se voi vähentää toimintakyvyn tehokkuutta.

Dollar Shave Clubin painikkeet vain anovat painostusta. Heidän verkkosivustollaan kuvataan, miten selkeät toimintapyynnöt voivat kiinnittää huomiota ja edistää eteenpäin liikkumista.

dollarshave