Vi pratar om att designa något som förbinder sig med en användare emotionellt. Den anslutningen kan vara en nyckelkomponent för att skapa tillit och relativitet. Det är mycket svårare än det låter. Det finns så många saker att tänka på. Känslor är breda, komplicerade och ofta mycket svåra att påverka eller förändra.
Det är vad vi ska tänka på idag. Vad är känslomässigt (eller känslomässigt) användargränssnitt? Hur kan du skapa ett användargränssnitt som faktiskt framkallar den känslomässiga anslutningen? Och är det något som du bör överväga mer noggrant i ditt nästa designprojekt?
Vad är Emotive (Emotional) gränssnitt?
Våra e-postmeddelanden, texter och sociala medier är en glimt av världen av känslomässiga användargränssnitt. Vår vardagliga kommunikation är fylld av små ansikten som hjälper andra att berätta vad vi känner.
Ett känslomässigt användargränssnitt är den nya heliga graden av webbdesign. Det är kombinationen av ett gränssnitt som är mycket användbart och kopplar samman med människor på visceral nivå. Oavsett om det är glädje eller glädje eller rädsla eller ilska eller sorg, känner människor en rad saker när de interagerar med en bra design.
Det finns inget värre än en design där användaren inte känner något. (Eftersom de inte bryr sig.)
Det finns en rad känslor att överväga och användarna kan gå igenom flera steg under interaktionen. Det viktiga att komma ihåg är att den emotiva delen av ekvationen kommer in på grund av innehållet och designen; Det är en del av berättelsen du säger. Användarens känslor borde inte härröra från att använda webbplatsen eller appen direkt (till exempel frustration från något som inte fungerar ordentligt).
Som ni vet är vi alla ganska komplexa. Det kan vara svårt för användarna att berätta exakt vad de känner och om de känslomässiga anslutningarna är rätt. Men det finns några teorier som kan hjälpa dig.
Den rätta? Känsla
Sherine Kazim, verkställande direktör för erfarenhetsdesign för Huge, utvecklade ett emoji-baserat hjul av känslor som bygger på 1980-hjulet som många designers tänker på idag. Hjulet är en kombination av standardfärghjulet och lägger till känslomässiga värden och föreningar till varje färg. Det är en bra utgångspunkt för att förstå hur färg kan påverka en design.
Men dagens dynamik har skiftat och Kazims emojiöverlägg kan vara en mer realistisk tolkning av var vi är idag.
Här är vad hon sa om det:? Du kan se i diagrammet att det finns en spridning av intensitet som händer när du rör dig längre ut på hjulet och i design pratar ingen om det. Vi utformar för närvarande saker som gör att människor känner sig grundläggande känslor - kanske glädje eller sorg - men vi pratar inte om hur vi ska anpassa användargränssnittet beroende på hur användarens känslor kan intensifieras eller spridas.
Vad betyder det här? I grund och botten är känslor komplexa och mycket mindre direkta än vad vi har utformat för. De flesta designers tar den röda raseri? eller? ilska? föreningen och springa med den. Men det är inte exakt så.
Så mycket av det som verkligen går in i den känslomässiga kopplingen gäller också resten av designen. En färg ensam kan inte göra det.
Design Emotion
Så låt oss tänka på detta hjul av emojis i en minut. Det finns en enorm takeaway här för designers som är mer än en cool infographic. Hjulkonceptet definierar nästan en tredelad process för att tänka på den verkliga designen du tilldelar de känslor du vill att användarna ska känna.
De mest övertygande mönsterna använder färg, bildspråk som innehåller ansikten och de rätta orden som känslomässiga verktyg.
Färg
Börja med det färgkoncept som du redan vet, men tänk dig tillbaka till Kazims råd och överväga den emotionella kontakten med användarna. Färg ensam är förmodligen inte tillräckligt för att skapa ett känslomässigt band.
Färg är en bra ram för att hjälpa dig att tänka på och upprätta en baslinjeanslutning. Föreningen du har till en färg kan vara annorlunda än användarens.
Vad känner du när du tittar på bilden ovan? Är det ljusa färgvalet tillräckligt för att rör en viss känsla? Eller har du mer neutrala känslor tills du tittar på andra delar av designen?
Faces
Visuellt är din bästa chans att skapa önskad känsla genom att använda ansikten. Bilder på personer som uppvisar de känslor du vill förmedla är det mest effektiva sättet att visa användarna vad de ska känna.
Titta på bilden ovan från Elegant Seagulls hemsida. Bilden visar en man som uppvisar en grad av lycklig överraskning. Kände du en twinge av samma? Kände du att du hade ett gniss på ditt ansikte när du tittade på bilden?
Det är ett effektivt känslomässigt användargränssnitt. Särskilt om du överväger nästa åtgärd du tar. Gick du vidare till nästa misstänkt i sekvensen bara för att se vad som skulle hända?
Ord
Slutligen är ord och språk designtekniken som drar allt tillsammans. (Tycker du normalt på ord som ett designelement? Du borde. Orden är lika viktiga som teckensnitt.)
Orden är den sista cue som hjälper en användare att bestämma vad färg och bildspråk verkligen betyder. (Ja, du måste verkligen stava ut det för de flesta användare.)
Tonen i orden kan få en användare att förstå att innehållet i gränssnittet är mjukt och lätt eller förstärker känslor av ångest och rädsla. Hur du pratar med användaren, kommandona i call to action-knappar och berättelsen bidrar alla till denna känsla. Skapar den scenen som du tänker?
Ta till exempel Draper James klädaffär, till exempel. Hjältebilden innehåller ett glatt leende ansikte för att sälja en rad sydliga kläder.? Färgerna är ljusa och inbjudande. Titta nu på texten:? Lycklig höst, ja !? Det drar en direkt känslomässig korrelation till vad användaren ska känna när den interagerar med denna design.(Den större frågan här är publiken, kan den här typen av känslor faktiskt vända några användare bort? Det är för dig att bestämma.)
Slutsats
Medan prata om att designa på en känslomässig nivå inte är ny, återupplöser konversationen tack vare tekniska förändringar. Virtuell verklighet och artificiell intelligens lämnar oss med många frågor om framtiden för gränssnittsdesign. Kommer de att vara ännu mer mänskliga att arbeta?
Med dessa begrepp kommer användarna sannolikt att kräva en? Real? erfarenhet och känslor är en stor del av det. Det är tråden som kommer att få folk tillbaka till dessa nya enheter och idéer. Gör dig redo för en ganska galen åktur!