TechBlogSD - Kaikki WordPressin ja WEB: n kehittämiseen
WEB- ja WordPress - ohjeet, uutiset, arvostelut teemoista ja laajennuksista

Kuinka Web -animaatio voi parantaa käyttäjäkokemusta?

2

Animaatiot ovat tällä hetkellä lähellä suosituimpien verkkosivujen suunnittelutrendien luettelon kärkeä. Vaikka hitaat latausajat ja vähemmän kehittyneet vaihtoehdot merkitsevät sitä, että animaatio oli Internetin alkuvaiheissa usein amatöörimäistä, JavaScriptin lisääntynyt käytettävyys on antanut animaatiosta uuden tuloksen. Codepenin kaltaiset sivustot ovat täynnä hienoja web -animaatiotekniikoita, jotka on suunniteltu joustamaan sisällöntuottajien lihaksia. Mutta suunnittelutrendit kallistuvat enemmän toiminnalliseen animaatioon. Jos aiot kehittää web -suunnittelutaitojasi, sinun on parannettava asianmukaisesti animaatiotasi verkkosuunnittelukokemukseesi.



Kuinka Web -animaatio voi parantaa käyttäjäkokemusta?

Seuraavassa on muutamia tärkeitä vinkkejä animaatiotaitojesi maksimoimiseksi.

1 Keskity visuaaliseen palautteeseen

Animaatio -ohjeet UX: lle perustuvat tyypillisesti käsitykseen siitä, että jokaisen sivuston osan tulee olla mahdollisimman intuitiivinen ja ohjata käyttäjää kohti häntä kiinnostavaa sisältöä järkevin ja luonnollisin tavoin. Mutta kun sivustot monimutkaistuvat, suunnittelijoilla on paljon enemmän hallintaa interaktiivisuuden ulkonäöstä. Animaatio on yksi parhaista vaihtoehdoista, kun haluat varmistaa, että sivustosi vastaa käyttäjien panoksiin ja tarjoaa kontekstin tai heidän toimintansa.

Visuaalinen palaute voi ilmetä monella eri tavalla mielenkiintoisella tavalla. Painikkeet ja muut elementit, jotka antavat vastauksen napsautettaessa, varmistavat käyttäjälle, että heidän syötteensä hyväksyttiin, vaikka heidän olisi käsiteltävä latausaikoja väliaikaisesti. Nykyaikaisessa graafisessa suunnittelussa on kyse reagoivan palautteen luomisesta lomakkeista, joissa tarvittavat tiedot puuttuvat, tai vierittämisestä segmenttien välillä sivustolla, jossa on myös enemmän pystysuuntaista tilaa. Ihmiset ovat luonnostaan ​​fyysisiä olentoja, ja sivusto, joka reagoi heidän toimintaansa tavalla, joka jäljittelee luonnostaan ​​ymmärtämäämme fysiikkaa, tarjoaa paremman ja järkevämmän käyttökokemuksen.

2 Minimoi käyttäjien kärsimättömyys

Internet on helpottanut maailmaa, jossa käytännössä kaikki mitä haluat, on saatavilla painikkeen painalluksella, mutta tämä on myös lisännyt käyttäjien odotuksia. Tutkimukset viittaavat siihen, että lähes puolet käyttäjistä odottaa sivuston latautuvan alle kahdessa sekunnissa ja he kasvavat kärsimättömäksi neljän jälkeen. Kahdeksan sekunnin latausaika voi viedä asiakkaan kokonaan sivustoltasi. Valitettavasti et voi aina pitää sivustosi lataamista käyttäjien odottamien standardien mukaisina, ja mitä vähemmän aikaa he käyttävät kärsimättömyyteen, sitä parempi.

Sivustoilla, joita ei voida optimoida asiakkaan standardien mukaan, animaatioiden lataamisella voi olla arvokas rooli. Tällaiset animaatiot voivat häiritä käyttäjiä siitä, että he odottavat, mutta ne palvelevat myös brändin identiteetin laajentamista. Hyvännäköinen animaatio, joka kuvaa yrityksesi yleistä kulttuuria, auttaa etsimään viestisi käyttäjien mieleen. Muista vain kävellä varovasti houkuttelevan ja häiritsevän rajaa. Liian näyttävät animaatiot voivat muistuttaa käyttäjää siitä, että he odottavat, ja ne toimivat vastoin tarkoitustaan. Yksinkertaiset, tasaiset ja tyylikkäät animaatiot ovat yleisiä UX -standardeja ladattaessa näyttöjä sivustoon.

3 Anna animaation ohjata silmää

Älykkään verkkosuunnittelustrategian tarkoituksena on ohjata käyttäjiä heille tärkeään sisältöön mahdollisimman vähän nimenomaisilla ohjeilla. Mitä vähemmän aikaa käytät käyttäjiisi, sitä todennäköisemmin he pysyvät paikallaan. Lahjakkaat suunnittelijat ovat koonneet sivustoja ja sovelluksia, jotka johtavat asiakkaitaan opastetulle kierrokselle tietämättä, että heitä johdetaan, ja animaatiot voivat toimia parhaina visuaalisina vihjeinä. Valikon liukuvan toiminnallisuuden esittely voi auttaa käyttäjiäsi tietämään, kuinka selata luetteloa, ja monimutkaisemmat ohjeet voivat johtaa käyttäjän läpi sovelluksen tai sivuston käytön ilman, että heidän tarvitsee lukea mitään.


Aiheeseen liittyvät artikkelit:

4 Animaatiosääntöjen on oltava johdonmukaisia

Kun luot UX: n ja käyttöliittymän verkkosivustolle tai sovellukselle, luot olennaisesti oman ekosysteemin. Ja vaikka käyttäjät eivät ehkä ymmärrä sitä, sovelluksen tai sivuston navigointiprosessi opettaa heille olennaisesti sisäiset säännöt, joiden mukaan kyseinen käyttöliittymä toimii. Tämä tarkoittaa, että sääntöjesi on oltava johdonmukaisia ​​koko alustalla. Jos käytät liukuvia valikoita auttaaksesi käyttäjiä liikkumaan ympäristössä, sen on oltava annettu standardi kaikille tai suurimmalle osalle valikoistasi, ja sen on vastattava samalla nopeudella ja samalla tavalla.

Orgaaninen tilan tunne on yhtä tarpeellinen. Jos käyttäjä pyyhkäisee valikon näytön vasemmalle puolelle, jotta se katoaa, hänen on poistuttava samalta puolelta tarvittaessa. Sivustosi tai sovelluksesi ylikuormittaminen liian monilla vuorovaikutustyyleillä hämmentää käyttäjää ja häiritsee häntä käyttöliittymän toiminnasta.

5 Minimoi hämmentävät animaatiot

Johdonmukainen tilan tunne on yhtä tärkeä kuin johdonmukaiset animaatiosäännöt, mutta suunnittelijoilla on vain liikaa tilaa työskennellä, etenkin mobiililaitteiden kanssa. Siirtymäanimaatiot ovat käytännössä välttämättömyys, mutta haluat varmistaa, että animaatiot eivät saa käyttäjiä tuntemaan itsensä eksyneiksi. Kun muutat tilaa tai siirryt korkeammalta tasolta yksityiskohtaisempaan näkymään, toiminnalliset animaatiot voivat helpottaa käyttäjää kokemukseen tavalla, jolla kovat leikkaukset eivät onnistu. Samaan aikaan ponnahdusikkunat voivat luoda suuren tilan tunteen, kun yrität näyttää käyttäjälle hierarkkisia tietoja.

6 Keskity lyhyisiin ja suloisiin animaatioihin

Vaikka animaatio voi luoda ainutlaatuisen visuaalisen kukoistuksen sivustoosi tai sovellukseesi, sen ei pitäisi olla esityksen tähti. Jokainen sivusto palvelee käyttäjilleen erillistä tarkoitusta, ja liian kauan kestävät animaatiot häiritsevät heitä pääsemästä tarvitsemiinsa tietoihin. UX -käytäntö ehdottaa, että animaatiot on yleensä pidettävä alle sekunnin pituisina useimmissa tapauksissa. Jos tämä ei ole mahdollista, harkitse prosessin jakamista useisiin animaatioihin. Tämä pitää käyttäjän kiinnostuneena ilman, että hän kokee aikansa hukkaan.

Animaatioiden aikajanalla olisi kuitenkin otettava huomioon niiden jäljittelemä toiminta. Käyttäjät, jotka napsauttavat painiketta, odottavat, että napsautus vahvistuu lähes välittömästi, mutta suunnittelijoilla on paljon enemmän liikkumavaraa ladattaessa animaatioita tai opetusohjelmia. Animaatio, joka välittää arvokasta animaatiota, mutta jonka voi välttää silmänräpäyksellä, menettää tarkoituksensa kokonaan.

7 Keskity kertomukseen

Sovellukset ja sivustot ovat muutakin kuin vain käyttäjille tarvittavan sisällön tarjoamista. Ne ovat tapa rakentaa suhde asiakkaan kanssa ja myydä heille tuotteesi tai palvelusi identiteetti. Animaatiot voivat ohjata käyttäjää matkalle, mutta sinun tulisi ajatella, mitä tarinaa animaatiot kertovat. Animaatioiden käyttökokemuksen tulee olla looginen ja johdonmukainen, ja sen tulee keskittyä viestiin, jonka haluat kertoa asiakkaallesi. UX ja erityisesti animaatio web -suunnittelussa voivat olla sekä markkinointityökalu että käytännön työkalu.

Leave A Reply

Tämä verkkosivusto käyttää evästeitä parantaakseen käyttökokemustasi. Oletamme, että olet kunnossa, mutta voit halutessasi kieltäytyä. Hyväksyä Lisätietoja