Tag UX til næste niveau ved at tilføje 'Delight'
Websteder er bygget til at udføre en funktion og kommunikere til deres brugere. Men ud over dette kan websider også være engagerende, spændende og endda sjovt at bruge.
Tilføjelse af visuel interesse for et websted hjælper med at opretholde vores engagement med det, hvad enten det er ved typografi, grafik eller fotografering. Men jeg tror, at der også er potentiale for interaktionselementer til at give visuel stimulation og feedback, selv glæde brugeren. I denne artikel vil jeg hævde, at tilføje nogle effekter til at underholde, overraske og begejstre dine brugere, kan gøre dine websites og apps bedre og holde brugerne tilbage.
Delight
Websteddesign er ofte et tørt emne, der er lastet med UX-jargon og Information Architecture-brugerrejser. Men hvorfor skulle det ikke være sjovt undervejs? Tilføjelse af glæde for et websted er en fantastisk måde at gøre et websted ikke kun mere menneskeligt, men også gøre dit websted unikt.
Jeg kommer til at indsnævre min definition af glæde her ved at sige, at det er tilføjelsen af uønsket funktionalitet.
Ved dette mener jeg, at det ikke er en væsentlig del af webstedets funktion. Det kan dog have en kraftig effekt på måden, som webstedet opfattes og opleves. Faktisk vil jeg gå så langt som at sige, at hvordan du håndterer de strengt unødvendige elementer i brugergrænsefladen, er lige så vigtige som typografi og andre visuelle elementer, når du sætter tone på et websted.
En gratis interaktion
I en artikel for Cooper Journal, Chris Noessel kalder 'One Free Interaction' et designmønster ", der giver software en mere human følelse."
En del af det er anerkendelse af, at mennesker er fidgety skabninger, der ofte er tilbøjelige til at gentage små handlinger. Traditionelt med pen og papir ville vi doodle eller løbende trække pennen tilbage. Jeg er for eksempel en irriterende pen-spinner.
Folk bærer ofte denne fidgety-ness i web browsing, ofte ruller op og ned, vælger bits af tekst eller gentagende handlinger.
One Free Interaction-mønsteret omfatter dette medfødte menneskelige behov for at svinde ved at skabe interaktive elementer, der giver uventede eller behagelige resultater. Har du brug for et eksempel? Prøv at svæve markøren over Web Designer Depot 'W' logoet øverst på denne side.
Som Noessel siger, sidder frie interaktioner uden for opgaveydelsen, og i stedet sidder i mellemrummet. Men de er stærke i at forme vores følelsesmæssige respons på de websteder, vi bruger.
Rulleeffekter
Som tidligere nævnt ruller en af de mest almindelige "fidgets" op og ned, så websteder, der tilføjer visuel interesse, når du ruller, er ofte dejlige.
Étagesiden til Nizo fotograferingsapp fra Image Mechanics har 'Knolled' kamerakomponenter, der bevæger sig ind, mens du ruller ned og ned, mens du ruller ned. Hvis du er ligesom mig, vil du bruge lidt tid bare ved at rulle op og ned og spille med den smukke grænseflade. (Hold ikke vejret for at vente på, at appen bliver frigivet selv.)
Brug parallaxeffekter på rullning også tilføje glæde, skabe illusionen af dybden. jeg elsker dreng-koket website, hvor rullende effekter matcher tone og visuel stil på webstedet perfekt.
Jeg er overrasket over, at der ikke er flere websteder med horisontale rullende effekter, da siderulle er et så almindeligt tema i spildesign. Men et godt eksempel er Nintendo Mario Kart site, der ser på spillets historie i løbet af 20 år med Nintendo-konsoller.
Det polske websted Mashup tilføjer lag af grafiske elementer, som overgår i, mens du ruller over, en højteknologisk måde at opnå en lavfrit sketchbook-følelse på.
Kongen af rulleeffekterne er sandsynligvis Acko . Her er site header elementet et animeret 3D graffiti objekt. Det er det animerede logo taget til næste niveau - fordybende, interaktive, legende. Der er endda præstationer til at 'låse op' på brugergrænsefladen - selvom gamification er et andet emne helt.
Design for følelser
Tilføjelse af glæde for dit websted hjælper med at skabe en følelsesmæssig forbindelse med en bruger. Kraften i følelser i design er noget, vi kun begynder at forstå, men det hjælper med at forklare, hvorfor vi nyder at bruge bestemte genstande og have en så stærk forbindelse med dem. Det gælder både fysisk produktdesign og interaktivt design.
Jeg tror, at en stærk grund til, at Apple-produkter er så højt ansete, er, at brugerne bliver følelsesmæssigt knyttet til dem, og der er mange eksempler på glæde i både Apple hardware og software. Jeg ved, at mange mennesker elsker 'gummi-bandet', der ruller på iOS-mobil Safari, så meget, at de vil forsvinde uden problemer og pinge det op og ned.
OK ved 'mange mennesker' mener jeg mig, men Steve Jobs elskede det nok til at patentere det, og det har været en del af Apples retssager mod Samsung.
Aaron Walter, i sin bog Design for følelse, ser på den måde, at vellykkede hjemmesider engagerer brugeres følelser ved at bøje dem med personlighed. Tilføjelse af elementer, der glæder en bruger, er en meget kraftfuld måde at gøre dette på. Kort sagt, vi foretrækker værktøjer, der glæder os, så det er også godt for erhvervslivet.
Delight er ikke en gimmick
Tilføjelse glæde betyder ikke at tilføje forsætlige effekter som en gimmick. Virkningerne er der for at hjælpe med at forme webstedets personlighed. De behøver ikke at være legende eller quirky (selv om de kan være hvis det er den personlighed du vil formidle), de kan være subtile og tilbageholdte, hvis det passer til karakteren bedre. Se på pictet.com. Jeg elsker den måde, søgelinjen falder på, når du klikker på søgelinket - det stopper søgefeltfeltet som et dominerende element, indtil du beder om det. Det er subtilt og stilfuldt, og passer perfekt til tone fra webstedet - et schweizisk finansielt selskab.
Nogle gange er virkningerne så subtile, at du måske ikke engang mærker dem. Vidste du for eksempel at volumenkontrollen på BBC iPlayer går op til 11? Det er en dejlig lille nik til Spinal Tap.
Overdrive det ikke
Tilføjelse af for mange uventede interaktioner kan være kontraproduktivt, hvilket skaber en visuel overkill. Medmindre du forsøger at skabe et hyperkinetisk spillignende miljø, vil for mange visuelle effekter med overfald, pop-ups, whizzbangs og quirk-bomber overalt alvorligt forringe ethvert meningsfuldt engagement med indholdet. Tag et kig på LEDbow websted for eksempel. Teknisk set er det strålende, men jeg tror ikke, det kommunikerer effektivt. Der er bare for meget foregår.
Opkald glæden
Jeg elsker websteder, der behandler skærmen som en søger eller en overflade snarere end en sidebeskeder. Lag, der bevæger sig med forskellige hastigheder, skaber dybde og interesse. Elementer, der bevæger sig i stilling, gør opmærksom på dem.
Motion gør oplevelsen mere underdypende, men vær opmærksom på, at denne form for interaktivitet for egen skyld ikke svarer til større engagement.
Tilføjelse glæde gør websteder mere menneskelige og også mere taktile, engagerende vores abe-hjerne har brug for at rod og lege, mens vi tænker og lærer. Næste gang du opretter et websted, tænk på, hvordan du kan oprette noget unikt for at glæde dine brugere.
Designer du for følelser? Hvordan tilføjer du glæde for et websted? Lad os vide i kommentarerne.