Ota UX seuraavalle tasolle lisäämällä 'Delight'
Web-sivustot on rakennettu funktion suorittamiseen ja viestintään käyttäjilleen. Mutta tämän lisäksi verkkosivustot voivat olla myös kiehtovaa, jännittävää, jopa hauskaa käyttää.
Sivuston visuaalisen kiinnostuksen lisääminen auttaa ylläpitämään sitoutumistamme siihen, olipa kyseessä typografia, grafiikka tai valokuvaus. Uskon kuitenkin, että myös vuorovaikutuksen elementit voivat tarjota visuaalista stimulaatiota ja palautetta, jopa ilahduttaa käyttäjää. Tässä artikkelissa väitetään, että lisäämällä vaikutuksia hauskanpitoon, yllätykseen ja innostavaksi käyttäjillesi voi tehdä verkkosivustoista ja sovelluksista paremman ja pitää käyttäjät tulemaan takaisin.
Ilahduttaa
Verkkosivujen suunnittelu on usein kuiva aihe, joka on ladattu UX-jargonilla ja tietorakenteiden käyttäjäreitillä. Mutta miksi ei pitäisi olla hauskaa matkan varrella? Lisäämällä sivuston iloa on hieno tapa tehdä sivustosta paitsi enemmän ihmisiä, mutta myös luoda sivustosi ainutlaatuiseksi.
Aion kaventaa mielestäni iloa tässä sanomalla, että se on lisäämällä tarpeettomia toimintoja.
Tällä tarkoitan, että se ei ole olennainen osa sivuston toimintaa. Se voi kuitenkin vaikuttaa voimakkaasti sivuston tuntemukseen ja kokemukseen. Itse asiassa menen niin pitkälle kuin sanoa, että miten käsitellä ehdottoman tarpeettomia elementtejä UI ovat yhtä tärkeitä kuin typografia ja muut visuaaliset elementit, asettamalla sävy verkkosivuilla.
Yksi vapaa vuorovaikutus
An artikkeli Cooper Journalille, Chris Noessel kutsuu "yhden ilmaisen vuorovaikutuksen" suunnittelumalliksi, joka antaa ohjelmistolle entistä humalaisemman tunteen. "
Osa siitä on tunnustus, että ihmiset ovat feroottisia olentoja, jotka ovat usein alttiita toistamaan pieniä toimia. Perinteisesti kynällä ja paperilla me olimme doodle tai jatkuvasti vetää kynät. Olen esimerkiksi väärennetty kynäteline.
Ihmiset kannattavat usein tätä feroottisuutta web-selaamiseen, usein vierittämällä ylös ja alas, valitsemalla bittiä tekstistä tai toistamalla toimia.
Yksi vapaa vuorovaikutuskuvio käsittää tämän synnynnäisen inhimillisen tarve heittää, luomalla vuorovaikutteisia elementtejä, jotka antavat odottamattomia tai miellyttäviä tuloksia. Tarvitsetko esimerkin? Yritä siirtää kohdistimen kohdalle Web Designer Depot 'W' -logon yläosassa tämän sivun yläreunassa.
Kuten Noessel sanoo, vapaat vuorovaikutukset jäävät tehtävän suorituskyvyn ulkopuolelle ja sen sijaan istuvat välissä olevissa tiloissa. Mutta he ovat voimakkaita muotoilemassa tunnepitoistomme sivustoihin, joita käytämme.
Vieritä vaikutuksia
Kuten aiemmin todettiin, yksi yleisimmistä "fidgeteistä" on vieritys ylös ja alas, joten sivustot, jotka lisäävät visuaalista kiinnostusta vierittämällä, ovat usein ihastuttavia.
Yhden sivun sivusto Nizo valokuva-sovellus Image Mechanics -ominaisuudella on Knolled-kamerakomponentteja, jotka liikkuvat vierittämällä ja ulos vierittämällä vierittämällä. Jos olet kuin minä, vietät melko paljon aikaa vain vierittämällä ylös ja alas, pelaamalla upealla käyttöliittymällä. (Älä pidä hengitystä odottamatta app vapautetaan.)
Parallax-vaikutusten käyttäminen vierittämiseen lisää myös iloa, mikä luo syvyyden illuusion. rakastan boy-kaino sivusto, jossa vieritysvaikutukset sopivat täydellisesti sivuston sävyyn ja visuaaliseen tyyliin.
Olen yllättynyt siitä, ettei ole enemmän verkkosivustoja, joilla on vaakasuorat vieritysvaikutukset, koska sivuttain vieritys on tällainen yhteinen teema pelisuunnittelussa. Mutta hieno esimerkki on Nintendo Mario Kart sivusto, joka tarkastelee pelin historiaa yli 20 vuoden Nintendon konsolissa.
Puolan sivusto Mashup lisää graafisten elementtien kerrokset, jotka siirtyvät sisään vierittämällä, huipputekniikan tavoin pienikokoisen sketchbook-tuntuman saavuttamiseen.
Selauksen sivujen kuningas on luultavasti todennäköistä Acko . Tällöin sivuston otsakeelementti on animoitu 3D graffiti -objekti. Se on animoitu logo otettu seuraavalle tasolle - immersiva, interaktiivinen, leikkisä. On jopa saavutuksia "avata" käyttöliittymässä - vaikkakin peli on toinen aihe kokonaan.
Design tunneille
Lisäämällä iloa sivustollesi auttaa luomaan emotionaalinen yhteys käyttäjän kanssa. Suunnittelun tunteen voima on jotain, jonka alamme ymmärtää, mutta se auttaa selittämään, miksi nautimme käyttää tiettyjä esineitä ja niillä on niin voimakas yhteys heihin. Se koskee fyysistä tuotesuunnittelua ja vuorovaikutteista suunnittelua.
Mielestäni voimakas syy siihen, että Applen tuotteita arvostetaan niin paljon, on, että käyttäjät tulevat emotionaalisesti kiinnostumaan heistä, ja Apple-laitteistossa ja ohjelmistossa on paljon esimerkkejä iloista. Tiedän, että monet ihmiset rakastavat "kumisekoittaista" rullausta iOS-mobiili Safarilla niin paljon, että he poistuvat mielellään pingta ylös ja alas.
OK "monilla ihmisillä" tarkoitan minua, mutta Steve Jobs rakasti sitä tarpeeksi patentoida, ja se on ollut osa Applen Alcatel-oikeudenkäyntiä.
Aaron Walter, kirjassaan Suunnittelu Emotion, tarkastellaan tapaa, jolla menestyvät verkkosivustot käyttävät käyttäjien tunteita imbuamalla heitä persoonallisuudella. Käyttäjien ilahduttavien elementtien lisääminen on erittäin tehokas tapa tehdä tämä. Yksinkertaisesti sanottuna pidämme mieluummin työkaluja, jotka ilahduttavat meitä, joten se sopii myös liiketoimintaan.
Delight ei ole kikka
Lisäämällä iloa ei tarkoita lisättävää vaikutusta kuin kikka. Vaikutukset ovat siellä, jotta voit muokata sivuston persoonallisuutta. Heidän ei tarvitse olla leikkisiä tai omituisia (vaikka he voivat olla, jos se on persoonallisuus, jonka haluat välittää), he voivat olla hienovaraisia ja hillittyjä, jos se sopii hahmolle paremmin. Katso pictet.com. Rakastan hakupalkin hämäämistä klikkaamalla hakulinkkiä - pysäyttää hakukentän olevan hallitseva elementti, kunnes pyydät sitä. Se on hienovarainen ja tyylikäs, ja se sopii täydellisesti sivustoon - Sveitsin rahoituspalveluyritykseen -.
Joskus vaikutukset ovat niin hienovaraisia et ehkä edes huomaa niitä. Tiesitkö esimerkiksi, että äänenvoimakkuuden säätö BBC iPlayer menee jopa 11? Se on mukava pieni nyökkäys Spinal Tapille.
Älä liioittele sitä
Liian monien odottamattomien vuorovaikutusten lisääminen voi olla haitallista, mikä aiheuttaa visuaalisen ylikuormituksen. Ellei yritä luoda hyperkinetistä peliympäristöä, liikaa visuaalisia tehosteita, joissa on lippauksia, ponnahdusikkunoita, whizzbangs ja kiertopommia kaikkialla paikassa, heikentävät vakavasti kaikenlaista mielekästä sitoutumista sisältöön. Katsokaa LEDbow esimerkiksi. Teknisesti se on loistava, mutta en usko, että se kommunikoi tehokkaasti. On vain liikaa.
Soita ylös iloksi
Rakastan verkkosivustoja, jotka näyttävät ruudulta etsimen tai pinnan sijaan sivun katseluohjelmaa. Eri nopeuksilla liikkuvat kerrokset luovat syvyyttä ja kiinnostusta. Asentoon siirtyvät elementit kiinnittävät huomiota niihin.
Liike tekee kokemuksesta entistä voimakkaamman, mutta ole tietoinen siitä, että tällainen vuorovaikutteisuus itselleen ei ole samaa suurempaa sitoutumista.
Lisäämällä iloa tekee sivustot entistäkin inhimillisemmäksi ja myös kosketuksellisemmiksi, meidän apinan aivot tarvitsevat sotkeutua ja pelata samalla, kun ajattelemme ja opimme. Seuraavan kerran luodessasi sivuston ajatella, miten voit luoda jotain ainutlaatuista ilahduttaa käyttäjiäsi.
Suunnitteletko tunteita? Kuinka lisäät iloa sivustolle? Kerro meille kommentit.