User Experience

21 posts

Designa användarupplevelser -en balansgång

användarupplevelse Behovsanalys Digitalisering User Experience

Designa användarupplevelser, visuellt och användbart

Att designa användarupplevelser handlar mycket om en balansgång. Och om att känna sin målgrupp. Användaruppleveser är ju något som uppstår när man använder något. Begreppet avser primärt digitala produkter och tjänster som exempelvis hemsidor, appar, system, e-handelssiter.

Grunder att tänka på vid webbdesign

Det är svårt att säga vad som “alltid” fungerar men det finns vissa hygienfaktorer att tänka på om man till exempel ska designa en hemsida. Det handlar främst om hur man gör sidan enkel att använda och förstå.

Att tänka på:

Typsnitt och färger. Det är viktigt att texten på din hemsida är läsbar.
Följ helst konventioner kring webbdesign. Detta innebär bland annat var du placerar exempelvis logga eller menyer.
Besökare läser inte innehållet på din sida, de scannar sidan. Detta innebär att de läser rubriker, tittar på bilder, letar efter något som är klickbart. På en kort stund ska det vara möjligt att få en uppfattning om din sidas innehåll. Vad erbjuder du?

Utgå från din målgrupp

Lär känna dina besökare och utgå från deras behov. Om du till exempel säljer skönhetsprodukter behöver din sida avspegla detta. Din tänkta målgrupp kan till exempel vilja ha tips på billiga produkter. De kan vilja se vad andra har köpt. Eller så vill de ha tips och inspiration om hur influencers använder produkterna.

Ringa in din målgrupps behov. Det är det viktigaste kriteriet för att skapa positiva användarupplevelser. Det visuella uttrycket på din hemsida eller din shop behöver avspegla din målgrupp.

Gör research

Det finns ett flertal bra sätt att undersöka din målgrupps behov. Bland annat:

Intervjuer
Enkäter
Etnografiska studier
Literature review
Secondary research

Här kan du läsa mer om hur jag tillämpat de olika metoderna i ett konkret fall.

Lite tips om olika metoder för att undersöka din målgrupp för att designa användarupplevelser:

Hur kan jag hjälpa dig?

Om du känner att du inte vill designa din hemsida själv eller att du helt enkelt vill ha stöd under processen så kan jag hjälpa dig. Kika på mina tjänster eller kontakta mig via epost: linda.akerlund@kerlundesign.se.

Grafisk design till din blogg eller Instagram

användarupplevelse Bild Design Foto User Experience webb

Grafisk design behöver inte vara svårt om man använder smarta verktyg och genvägar. Sedan finns det såklart en djupare kunskap som professionella grafiker har, som man också behöver vid mer omfattande designjobb.

I mitt jobb som digital designer är min styrka inte det grafiska främst, även om jag jobbar med det också. Jag arbetar dock främst mest med användare, behov och interaktion.

I min marknadsföring och på min hemsida har jag såklart även stor nytta av visuellt tilltalande bilder. Syftet är att skapa en känsla som förstärker det jag gör och den jag är.

För att kunna skapa den mängd bilder jag behöver till blogg, hemsida, Instagram och Facebook använder jag ett verktyg som heter Canva. För ca 120 kronor per månad har jag tillgång till stora mängder färdiga mallar, foton, illustrationer med mer. Jag kan även lägga in mina varumärkesfärger som jag ju vill använda ofta. Dessa färger kan jag enkelt applicera i mina designer för att skapa igenkänning i mitt varumärke. Det är också möjligt att spara typsnitt som man använder ofta.

Fördelen med Canva är också att det finns stor frihet att modifiera sina designer om man vill. Ibland vill i alla fall inte jag vara helt låst i den mall jag valt.

Du kan testa Canva gratis i 30 dagar vilket ger möjlighet att verkligen använda det och undersöka om det är något för dig. Jag använder tjänsten i stort sett dagligen och har stor nytta av det, men så behöver ju inte vara fallet för dig.

Enkelt gränssnitt för grafisk design

En fördel som jag ser med att skapa min grafiska design i Canva är användargränssnittet är relativt lätt att komma in i. Sedan beror det lite på vad du är van vid att arbeta med för program och liknande tidigare. Men generellt känns helheten intuitiv. Den bygger på att man:

söker ett format man önskar (välj t ex IG-post)
väljer vilken mall man vill använda för formatet
byter foton, typsnitt och färger så att det passar det egna varumärket
laddar ner eller publicerar direkt

Vill du anpassa din design till en annan digital kanal kan man enkelt byta storlek och göra mindre justeringar. Nu har man samma bild att publicera t ex på bloggen, Instagram och Facebook.

Sedan kan du använda din design på hemsidan, på Instagram, Facebook, Pinterest och så vidare. Det erbjuds väldigt många foton och illustrationer att användas gratis så snart du har en prenumeration du betalar för. Men även då finns det ett antal bilder som kostar extra, men dessa använder jag i stort sett inte alls.

Om du vill testa Canva gratis under 30 dagar, klickar du på bilden nedan och registrerar dig. Sedan är det bara att börja skapa.

User research -undersök målgruppens behov

användarupplevelse Behovsanalys Digitalisering User Experience

User research eller undersökning av målgruppens behov handlar konkret det om att lära känna målgruppen. Med andra ord att skapa förståelse för deras önskemål, utmaningar och situation de befinner sig i.

Nedan beskriver jag ett exempel från mitt projekt Potter Fic.

Syfte

Syfte med undersökning och analys är att förstå målgruppen och deras behov, att skapa förutsättningar för att generera idéer för designkoncept och även kunna börja bena ut information och funktioner som behövs för att kunna möta målgruppens behov.

Att lära känna användarna och förstå dem var utgångspunkt för projektet och la grund för fortsatt designarbete.

Intervju

För att skapa förståelse för användarna genomförde jag intervjuer baserad på intresset för Harry Potter som så kallade Potter heads huvudsakligen ägnar sig åt.

Frågor och svar: Vad ser du att gör dig till ett Potter head?

Läst alla böcker
Sett alla filmer
Besökt Potter muséet
Medlem i Pottermore
Del av fandom

Vad gör du för aktiviteter relaterat till Harry Potter?

Skriver Fan Fiction
Läser böckerna
Diskuterar böckerna med kompisar som är Potter fans
Skriver på bloggar, i olika communities

Vad saknar du i de appar/webbsidor som finns idag?

Det finns inga bra appar idag!
Jag skulle vilja diskutera böckerna med andra
Skapa fan fiction, som kan delas med andra och kommenteras och gillas
Spel liknande Pokemon GO
Lägga upp foton, bilder liknande Instagram fast för HP

Literature review

För ytterligare förståelse för fenomenet Potter heads/Potter Fandom, gjorde jag en Literature Review, dvs jag gick igenom vad som undersökts tidigare. Bland annat hittade jag en kvantitativ undersökning av Potter Fandom där 235 Potter Fans fick ett antal frågor att svara på (Tsay-Vogel M,Sanders S. M, 2015). Sammanfattningsvis fann man att själva deltagande inom Potter fandom skapade ett ännu större intresse för Harry Potter. Vidare gav ett större intresse större sannolikhet att man sökte upp likasinnade. Men även har det visat sig att fandom handlar om mycket mer än att bara “konsumera” media. Medlemmarna inom Potter fandom motiveras av och söker underhållning och aktiviteter kopplade till Harry Potter.

Potter Fandom utgör ett starkt Community, dvs att:

det krävs tillit att alla har samma mål och att det är möjligt att samverka
att man hittar stöd för de aktiviteter man vill göra
att man har gemensamma erfarenheter inom området och att dessa binder “medlemmarna” samman
livsstilsaspekter, gemensamt intresse
att man utbyter “tjänster”, “saker” inom communityn
upprätthållande av accepterade sociala beteenden
en historia inom communityn som bidrar till den sociala identiteten
landmärken inom communityn som grundläggande principer, förväntningar på hur sociala interaktioner sker osv.

Secondary research

För att ytterligare skapa en bild av målgruppen och deras aktiviteter, samt undersöka befintliga tjänster har jag genomfört en secondary research. Detta innebär att jag bland befintliga tjänster, bloggar och hemsidor inom Potter Fandom. Bland annat dessa:

Potter fandom, diskussioner och berättelser:
http://harrypotterfandomlife.tumblr.com/

Pottermore: samling av allt som har med HP att göra, Rowling finns med där och man säljer prylar kopplade till HP. Här kan man som medlem bli med i ett elevhem och “få” en egen trollstav.
https://www.pottermore.com/

Books and wands, by nerds for nerds med bloggar, diskussioner med mera:
http://www.booksandwands.com/

Ett urval av appar som fanns redan:

Harry Potter: Spells, spel där man kan duellera via bluetooth/WIFI, använda trollformler
Scene It? Harry Potter HD, quizar där man testar sina kunskaper om HP
LEGO Harry Potter: Years 1-4, spel med filmsekvenser

Det visade sig även finnas ett antal tjänster och samlingssidor för Potter heads. De jag nämnt här är några av de större.

Tillbaka till sidan med tidigare uppdrag

Prototyp: del 5 av begreppsskolan

användarupplevelse Design Digitalisering User Experience webb

Prototyp för att visualisera och testa

En prototyp kan användas för många syften. De kan vara digitala och se ut som en färdig produkt. Men de kan även vara handritade på papper eller byggda i lego.

Ett syfte med prototyper kan vara att kunna testa igenom er idé eller produkt. I ett tidigare inlägg skrev jag om snabba enkla prototyper som är ett superbra sätt att snabbt testa idéer, flöden osv. Med digitala prototyper kan du testa mer djupgående. Du kan skapa något som ser ut som och fungerar som din tänkta produkt. Ibland vill man se och “känna” på en produkt eller tjänst innan man lägger ner resurser på att producera. Prototyper är ett bra sätt att visualisera och kommunicera idéer och krav.

Vad vill du testa?

Fundera på vad det är du vill undersöka eller testa:

en specifik funktion
navigering
layout
grafisk utformning
dina call to action
varumärket
din story
användbarhet

Du kan göra flera digitala prototyper med olika grad av “fidelity”. Dvs att den är olika mycket utvecklad beroende på vad du vill testa.

När du skapar digitala prototyper kan du labba mycket och det tar inte alltför lång tid.

Du har möjlighet att testa olika features, din brand story, varumärket, dina call to actions osv. Allt utan att du behöver offentliggöra en hel site innan du känner dig redo.

Om du arbetar i ett företag och flera personer behöver involveras så är det också kostnadseffektivt att testa er fram med prototyper innan tid och pengar för utveckling börjar ticka. Med en digital prototyp finns även fördelen att ni kan skapa en gemensam bild av det som sedan ska utvecklas. Det blir enklare att kommunicera era krav till utvecklarna, om ni har en prototyp att visa eller utgå ifrån. Alla som sedan ska använda siten eller tjänsten får också en känsla för hur den kommer att se ut och fungera.

Exempel på digitala prototyper

De första bilderna visar prototyper där jag ville testa flödet i två olika applikationer, endast enkla symboler och gränssnitt. Jag har inte prioriterat att lägga tid på grafisk utformning.

Bilderna nedan visar en prototyp där vi önskade testa storyn och hur vi skulle utforma Call to action knapparna. Vad skulle det stå på dem? Vi ville även testa layouten och placering av objekt på sidorna. Detta är en första digital prototyp för en hemsida till en konstnär.

Program för att skapa prototyper

Det finns en mängd program för att skapa digitala prototyper. Det handlar mycket om tycke och smak. Samtliga har oftast en gratis version med begränsningar och sedan olika nivåer av betal versioner. Testa gratisversionerna för att se om det är något som passar dig och dina behov.

Jag själv föredrar följande olika program:

Adobe XD (exempel på prototyp här)

Lätt att komma igång
Möjligt att skapa mycket rent grafiskt
Bra för att testa flöden och funktioners placering

Sketch och Invision

Skapa enkla eller avancerade prototyper i Sketch
Exportera för tester till Invision
Möjligt att skapa prototyper direkt i Invision

Justinmind:

Relativt hög inlärningströskel
Avancerad funktioner med databaser som kan kopplas till funktionalitet
Du kan skapa en nästan färdig produkt

Sammanfattning begreppsskolan prototyp

Syftet med att skapa en prototyp är bland annat att kunna:

kommunicera en idé på ett visuellt sätt
jämföra olika lösningars för- och nackdelar
testa olika sätt att lösa ett problem
testa funktionalitet
visa upp och presentera en produkt eller tjänst

Inom digital design och UX (user experience eller användarupplevelse) arbetar vi mycket med prototyper som verktyg.

Det finns flera skäl:

Billigt sätt att snabbt testa en idé
Enklare att framställa än en färdig hemsida eller app
Viktigt verktyg för att verifiera den funktionalitet som önskas
Bra sätt att kunna testa om användare förstår hur de navigerar
Att undersöka om målgruppen gör det vi förväntat oss att de ska göra (t ex köpa något av oss)

Innovation: del 3 av begreppsskolan

Digitalisering innovation User Experience

Innovation -vad är det?

“Vad är innovation?” är en vanlig fråga jag får när jag använder begreppet innovation. Både privat och i jobbet. När det inträffar vänder jag ofta frågan tillbaka till avsändaren och säger “vad är innovation för dig?”

innovation -hand som sträcker sig mot himlen

Definitition

Självklart finns det svar att hitta inom forskning och det finns även en ISO standard för innovationsledning där man definierar begreppet så här:

“A new or changed entity, realizing or redestributing value”

Med andra ord handlar det, enligt min tolkning om: en vara, tjänst, process eller ett beteende som är nytt på något sätt eller kraftigt förändrat. Men det bidrar även till en omfördelning av värden. Antingen helt nya värden där det tidigare inte funnits värden eller så ersätts gamla värden med nya.

För att en idé ska bli en innovation behöver den realiseras OCH användas (tolkning av Teresa Amabile).

Varför innovation?

I grunden behöver ni utgå från och identifiera er verksamhets behov, vad är målet och nyttan med innovationsarbete? Exempel på skäl som kan finnas:

Det kan vara att förbättra befintliga produkter och tjänster.
Ni kanske har behov av förändrade processer eller beteenden.
Det kan handla om överlevnad och att försöka hitta nya sätt att fylla kunders och intressenters behov.
Eller så har ni behov av att etablera er på helt nya marknader.

Er verksamhets strategiska riktning och vision är det som visar vägen. Innovationsarbete kräver sitt av både ledning och kultur i ett företag. Detta innebär att ni står inför en förändringsresa och syftet med innovationsarbetet speciellt viktigt för kommunikation och förankring. Syfte och mål ger också en riktning för vilken typ av innovation just ni bör arbeta med. Inkrementell innovation sker i små steg och handlar oftast om förbättringar. Så kallad radikal innovation är snabb och mer omfattande. Disruptiv innovation öppnar ofta för helt nya marknader och vänder upp och ner på gamla strukturer. Ett exempel är Swisch.

Sammanfattning: Organisation och människor

Som nästan alltid handlar det inte så mycket om själva metoden, begreppet eller verktygen. Det handlar om behov, människor, organisationer. För att ni ska kunna få effekt av att arbeta mer innovativt behöver ni börja med att fundera på syfte och mål, vilka är behoven?

I nästa del av begreppsskolan ska vi kika närmare på begreppet design thinking. Detta är ett lite mer konkret begrepp som underlättar lösning av utmaningar och kan vara till stor nytta för er om ni vill arbeta med exempelvis innovationer.

Begreppsskolan -ett nytt koncept på bloggen

användarupplevelse Begrepp Design Digitalisering Sociala medier User Experience webb

Begreppsskola -hjälper dig hålla koll

Begreppsskolan är ett koncept som syftar till att ge dig mer koll på begrepp som far runt bland annat på LinkedIn och inom företag. Fokus kommer att ligga på begrepp inom den digitala världen, internet, applikationer och utveckling.

Undrar du också vad begrepp som Innovation, GDPR, digitalisering, chatbot osv betyder? Men kanske också vad du skulle kunna ha för nytta av det?

Den tekniska utvecklingen går fort idag. Och för många uppstår kopplat till detta en djungel av “buzzwords” eller begrepp som man inte helt förstår innebörden av. Ofta slutar man helt enkelt ta till sig de begrepp som dyker upp. Det är svårt att hänga med helt enkelt.

Det tycker jag är synd och vill ändra på. Många begrepp handlar om saker som kan göra stor skillnad och nytta för företag och privatpersoner. Men det krävs en förståelse av vilken nytta och hur.

“Vad kan jag ha för nytta av det här?”

Förstå nyttan

Syftet med begreppsskolan är att hjälpa dig förstå olika begrepp. Anledningen är att du ska se vilken nytta innebörden kan ge dig och din verksamhet. Jag har under många år arbetat med teknik och människor i kombination. Och jag har insett vilken enorm nytta tekniken kan göra om den stödjer det människan har behov av. En början till att hitta rätt teknik för rätt situation och utmaning är att förstå vilken nytta den kan ge.

Rätt sak på rätt plats. Självklart kan inte alla ha full koll på alla begrep inom IT och utveckling. Men en viss kunskap underlättar både vid beställning, beslut och införande. Sedan kan man ju “bara” vara nyfiken också. Vilket som gäller för just dig och din verksamhet vet ju inte jag. Men förhoppningsvis får du lite mer kött på benen inom något område som du är nyfiken på!

Uppstart begreppsskolan

Från och med den 19/8 kör jag igång här på kerlundesign.se men även på Instagram. Så häng med från början!

Självklart tar jag gärna emot förslag på begrepp att ha med här, skriv i kommentarerna nedan. Tack!

Enkla prototyper för att testa dina idéer

Design Designkoncept Digitalisering User Experience

Syfte med att göra prototyper

Prototyper används inom olika branscher exempelvis inom elektronik, mekanik, design, programutveckling. Syftet med att skapa prototyper är att bland annat att kunna:

kommunicera en idé på ett visuellt sätt
jämföra olika lösningars för- och nackdelar
testa olika sätt att lösa ett problem
testa funktionalitet
visa upp och presentera en produkt eller tjänst

Inom digital design och UX (user experience) arbetar vi mycket med prototyper som verktyg. Det finns flera skäl:

Billigt sätt att snabbt testa en idé
Enklare att framställa än en färdig hemsida eller app
Viktigt verktyg för att verifiera den funktionalitet som önskas
Bra sätt att kunna testa om användare förstår hur de navigerar
Att undersöka om målgruppen gör det vi förväntat oss att de ska göra (t ex köpa något av oss)

Något för dig?

Är du egenföretagare och vill skapa en hemsida? Kanske har du en idé om en app som du vill utveckla? Då kan du vinna mycket på att skapa prototyper först som du testar ur olika perspektiv. Planera för vad du vill testa, vad är viktigt för dig att fungerar med din hemsida?

En prototyp behöver inte vara komplicerad eller teknisk, du kan rita på ett vanligt papper för att snabbt kunna testa en idé. Fördelarna med denna metod är bland annat att du snabbt kan gå vidare med idéen eller förkasta den och testa andra idéer.

Hur gör man?

Du ritar upp dina sidor, bilder kan vara enkla rutor, fyll på med de funktioner och ev rubriker du vill ha med. Det är viktigt att du vet VAD du vill testa. Det kan till exempel vara ett flöde genom din hemsida eller app. Eller så hur din målgrupp ska slutföra beställning av en produkt. Du kanske vill testa en funktion till exempel en typ av kalender för bokningar. Hur ska den läggas upp på bästa sätt? Hur ska man välja datum? Skissa det du vill testa.

Exempel på hur det kan se ut:

Här är en av mina egna skisser, där jag ville testa en hel idé för att se om det verkade vara en rolig idé för användarna. Jag designade en app för Potter fans.

I nästa inlägg kommer jag skriva om digitala prototyper och lite olika verktyg för att skapa dem. Syftet är som sagt att inte lägga mer tid än man behöver och att snabbt kunna skapa en bild av det man vill designa och utveckla. Som egenföretagare finns det ett stort värde i att kunna göra mindre tester innan hemsidan är uppe och igång. Det ger dig bättre koll på vad som fungerar och inte. Men även om din sida är enkel att förstå och använda vilket är viktigt.

Du kan även läsa mer om att visualisera och testa din idéer här.

Positiva användarupplevelser, hur skapas de?

användarupplevelse Design Digitalisering User Experience

Positiva användarupplevelser -en självklarhet?

Att hemsidor och appar ger positiva användarupplevelser borde vara självklart, eller hur? Ändå är det långt ifrån alla appar, hemsidor och program som gör det. Eller vad är din egen erfarenhet?

En del av problemet är att upplevelser är något personligt. Vi kan ofta koppla olika platser, händelser, människor, situationer till känslor och upplevelser. Men är det lika enkelt att beskriva dessa känslor och upplevelser med ord? Upplevelser är komplexa men det finns metoder för att skapa positiva användarupplevelser.

“Upplevelseindustrin”

Digitala designers, tillsammans med programmerare och slutanvändare skapar digitala produkter. Dessa skapar i sin tur ska specifika upplevelser.

Några exempel:

Med hjälp av Skype kan människor hålla kontakten genom att prata med varann via video eller telefon. Detta skapar en känsla av att vara närmare avlägsna vänner och släktingar. Användarna upplever närhet.
Spotify skapar ett antal olika upplevelser genom musiken man lyssnar på. Här ges även exempelvis en känsla av frihet att lyssna på vad man vill i stort sett obegränsat.

Appen eller hemsidan i sig är inte en upplevelse. Det som skapar upplevelsen är det du kan göra, hur du kan göra det och hur det får dig att känna. Om jag som designer inte vet vad slutanvändarna känner, vill eller behöver kunna göra kanske den positiva användarupplevelsen uteblir. Det är en orsak till att jag behöver förstå slutanvändarna och deras behov när jag ska designa en hemsida, app eller kanske digitalisering av en hel verksamhet.

Negativa användarupplevelser kan skapa frustration, uppgivenhet eller kanske ilska. Detta i sin tur kan leda till att du som användare inte använder en app eller lämnar en hemsida direkt.

Vad skapar en positiv användarupplevelse?

För att skapa positiva upplevelser för användarna krävs flera saker, bland annat:

Ändamålsenlig design, det ska gå att göra det man önskar eller behöver kunna göra.
Smidighet, det man vill göra ska gå lätt och snabbt
Flyt, det ska finnas ett naturligt flöde som användaren följer, utan tveksamhet. Det ska vara enkelt att förstå hur man gör.

Konkret exempel: hemsida för ditt företag

Det är viktigt för alla företag att de förstår sina kunder. Det är också viktigt att du som företagare kan förmedla på ett tydligt sätt vad du kan hjälpa din kund med. Detta gäller även för din hemsida. Nedan finns några exempel på sådant som du kan tänka på:

Det ska vara tydligt vad din sida handlar om. Vad kan man få hjälp med, hur får man hjälp med det?
Flödet genom sidan eller kundresan ska vara supertydlig och enkel att följa. Det ska vara enkelt att köpa dina erbjudanden.
Placera viktigt innehåll högt upp på sidan. Detta är viktigt för att potentiella kunder ska se detta direkt.
Tänk också på saker som läsbarhet! Bäst läsbarhet utgörs av svart eller mörkgrå text på vit bakgrund. Det handlar om kontraster.
Knappar och menyval behöver skilja sig från övrigt innehåll. Dina besökare behöver kunna se att dessa går att klicka på.

Hur gör jag detta?

För att du ska kunna klarställa att punkterna ovan uppfylls bör du testa din sida. Gärna med tänkt målgrupp. Sätt upp olika händelser som du tänker att besökarna på din sida ska gå igenom. Det kan till exempel vara att beställa ett av dina erbjudanden, skriva upp sig på ditt nyhetsbrev osv.

Sammanfattning

Positiva användarupplevelser skapas när de som använder en app eller hemsida kan uppfylla sina behov. På ett enkelt och smidigt sätt. Det handlar mycket om flyt, att flödet ska kännas naturligt och lätt att förstå. Om du är osäker på hur detta ser ut på din hemsida, be några personer att testa, be om feedback!