Ta UX til neste nivå ved å legge til "Delight"
Nettsteder er bygget for å utføre en funksjon, og kommunisere til brukerne. Men utover dette kan nettsider også være engasjerende, spennende, selv morsomme å bruke.
Å legge til visuell interesse for et nettsted bidrar til å opprettholde vårt engasjement med det, enten det er ved typografi, grafikk eller fotografering. Men jeg tror at det også er potensial for elementer av samhandling for å gi visuell stimulering og tilbakemelding, selv glede brukeren. I denne artikkelen vil jeg hevde at det å legge til noen effekter for å underholde, overraske og begeistre at brukerne dine kan gjøre nettsteder og apper bedre, og holde brukerne tilbake.
Delight
Nettsteddesign er ofte et tørt emne, lastet med UX-jargong og Informasjonsarkitektur-brukerreiser. Men hvorfor skulle det ikke være noe moro underveis? Å legge glede til et nettsted er en fin måte å lage et nettsted ikke bare mer menneskelig, men også gjøre nettstedet ditt unikt.
Jeg skal begrense min definisjon av glede her ved å si at det er tillegg av uønsket funksjonalitet.
Ved dette mener jeg at det ikke er en viktig del av nettstedets funksjon. Det kan imidlertid ha en kraftig effekt på måten nettstedet oppfattes og oppleves på. Faktisk ville jeg gå så langt som å si at hvordan du håndterer de strengt unødvendige elementene i brukergrensesnittet, er like viktig som typografi og andre visuelle elementer, når du stiller tonen til et nettsted.
En fri interaksjon
I en artikkel for Cooper Journal, Chris Noessel kaller 'One Free Interaction' et designmønster "som gir programvare en mer human følelse."
En del av det er anerkjennelse for at mennesker er fidgety skapninger som ofte er tilbøyelige til å gjenta små handlinger. Tradisjonelt med penn og papir ville vi doodle eller kontinuerlig trekke inn pennene. Jeg er for eksempel en inveterate pen-spinner.
Folk bærer ofte denne fidgety-ness inn i nettleser, ofte ruller opp og ned, velger biter av tekst eller gjentatte handlinger.
One Free Interaction-mønsteret omfavner dette medfødte menneskelige behovet for å lure, ved å skape interaktive elementer som gir uventede eller behagelige resultater. Trenger du et eksempel? Prøv å sveve markøren din over logoet Web Designer Depot 'W' øverst på denne siden.
Som Noessel sier, er frie samspill utenom oppgaveprestasjonen, og i stedet sitte i mellomrom. Men de er sterke i å forme vår følelsesmessige respons på nettstedene vi bruker.
Rulleffekter
Som tidligere nevnt, ruller en av de vanligste "fidgetene" opp og ned, så nettsteder som legger til visuell interesse når du ruller, er ofte herlige.
Ensidesiden for Nizo Fotograferingsapp fra Image Mechanics har "Knolled" kamerakomponenter som beveger seg inn mens du ruller ned og ned mens du ruller ned. Hvis du er som meg, vil du tilbringe litt tid bare å rulle opp og ned, og leke med det nydelige grensesnittet. (Ikke hold pusten din venter på at appen skal bli utgitt skjønt.)
Ved å bruke parallaxeffekter på rulling legger du også til glede, noe som gir en dybdefølelse. Jeg elsker boy-sjenert nettside, hvor rullingseffektene passer perfekt til tone og visuell stil på nettstedet.
Jeg er overrasket over at det ikke er flere nettsteder med horisontale rullingseffekter, gitt at sideskroll er et så vanlig tema i spilldesign. Men et godt eksempel er Nintendo Mario Kart nettsted som ser på historien til spillet over 20 år med Nintendo-konsoller.
Det polske nettstedet Mashup legger til lag med grafiske elementer som overgår i som du ruller over, en høyteknologisk måte å oppnå en lavfrekvent sketchbook-følelse på.
Kongen av rulleffekterne er trolig Acko . Her er sidehovedelementet et animert 3D-graffitiobjekt. Det er den animerte logoen tatt til neste nivå - nedsenkende, interaktiv, lekfull. Det er til og med prestasjoner å låse opp på brukergrensesnittet - selv om gamification er et annet emne helt.
Design for følelser
Å legge til glede for nettstedet ditt bidrar til å skape en følelsesmessig forbindelse med en bruker. Kraften til følelser i design er noe vi bare begynner å forstå, men det hjelper med å forklare hvorfor vi liker å bruke visse objekter og ha en så sterk sammenheng med dem. Det gjelder både fysisk produktdesign og interaktiv design.
Jeg tror en sterk grunn til at Apple-produkter er så høyt ansett, at brukerne blir følelsesmessig knyttet til dem, og det er mange eksempler på glede i både Apple-maskinvare og programvare. Jeg vet at mange mennesker elsker "gummibåndet" som ruller på iOS mobile Safari så mye at de vil forsvinne, og vil ping det opp og ned.
OK med "mange mennesker" mener jeg meg, men Steve Jobs elsket det nok til å patentere det, og det har vært en del av Apples rettssaker mot Samsung.
Aaron Walter, i sin bok Design for følelser, ser på måten at vellykkede nettsteder engasjerer brukerens følelser ved å imbue dem med personlighet. Å legge til elementer som gleder en bruker er en veldig kraftig måte å gjøre dette på. Enkelt sagt, vi foretrekker verktøy som gleder oss, så det er bra for forretninger også.
Delight er ikke en gimmick
Å legge til glede betyr ikke at du vil legge til forsettlige effekter som en gimmick. Effektene er der for å bidra til å forme personligheten til nettstedet. De behøver ikke å være leken eller quirky (selv om de kan være hvis det er personligheten du vil formidle), kan de være subtile og hindret hvis det passer til karakteren bedre. Se på pictet.com. Jeg elsker måten søkefeltet falmer på når du klikker på søkelinket - det stopper søkefeltfeltet som et dominerende element, til du spør det om å være. Den er subtil og stilig, og passer perfekt til tonen til nettstedet - et sveitsisk finansielt selskap.
Noen ganger er effektene så subtile at du kanskje ikke engang merker dem. Visste du for eksempel at volumkontrollen på BBC iPlayer går opp til 11? Det er en fin liten nikk til Spinal Tap.
Ikke overdriv det
Å legge til for mange uventede interaksjoner kan være kontraproduktivt og skape en visuell overkill. Med mindre du prøver å skape et hyperkinetisk spilllignende miljø, vil for mange visuelle effekter, med flip-overs, popup-vinduer, whizzbangs og quirkbomber overalt, forstyrre alvorlig engasjement med innholdet. Ta en titt på LEDbow nettsted for eksempel. Teknisk er det strålende, men jeg tror ikke det kommuniserer effektivt. Det skjer bare for mye.
Ring opp glede
Jeg elsker nettsteder som behandler skjermen som en søker eller en overflate i stedet for en sidevisning. Lag som beveger seg med forskjellige hastigheter skaper dybde og interesse. Elementer som beveger seg i posisjon trekker oppmerksomhet mot dem.
Bevegelse gjør opplevelsen mer nedslående, men vær klar over at denne typen interaktivitet for egen skyld ikke er like større engasjement.
Å legge glede gjør nettsteder mer menneskelige og også mer taktile, engasjerende vår ape-hjerne trenger å rote og leke mens vi tenker og lærer. Neste gang du oppretter et nettsted, tenk på hvordan du kan lage noe som er unikt for å glede brukerne.
Designer du for følelser? Hvordan legger du til glede for et nettsted? Gi oss beskjed i kommentarene.