Blogg

39 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.

designa användaruppleveser

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.

Facebooktwitterredditpinterestlinkedinmail

Lära känna dina användare och skapa förtroende

Uncategorized

Varför ska du lära känna dina användare?

Att lära känna dina användare är en viktig grund för en användbar hemsida eller app. Användbar och som dessutom genererar interaktioner och i förlängningen nya kunder. Det är viktigt att du hjälper dina besökare hitta det de söker. När man besöker en hemsida undrar man som användare ofta saker som:

  • Vad erbjuds här?
  • Kan jag få hjälp med detta?
  • Hur ska beställer jag?
  • Vem kan jag fråga om hjälp?
lära känna dina användare

Förstå dina användare

Om du förstår vad dina användare behöver och varför de behöver det så blir det lättare att erbjuda just det.

  • Undersök dina användare/tänkta kunders behov
  • Om du visar att du sätter dina användare/kunder i centrum skapar du förutsättningar för bra relationer. Vilket är grunden i varje verksamhet.

Skapa förtroende genom att visa på din hemsida att du förstår dina användare. Erbjud tjänster och produkter som hjälper din målgrupp med sina utmaningar.

Det viktigaste är att visa genom handling och i kommunikation att du bryr dig och lyssnar. Både i digitala kanaler och i verkliga livet.

Grunden till att lära känna dina användare, förstå dem och skapa förtroende ligger i att göra en användarundersökningar. På det viset skaffar du kunskap om dina användare och bygger förståelse för deras utmaningar.

När du förstår dina användares utmaningar visar du detta tydligt i ditt budskap och i dina erbjudanden.

Var öppen och ärlig

  • I alla relationer är det viktigt att vara öppen och ärlig mot varann. Det gäller även inom företagande.
  • Var ärlig med att du inte har alla svar direkt och att det är en resa ni behöver göra tillsammans. Ingen vet allt om sina kunder på en gång.
  • Förmedla och diskutera utmaningar som uppstår. Ta hjälpa av dina användare/kunder, det är oftast enklare att lösa saker gemensamt.

Sammanfattning

Att lära känna dina användare och blivande kunder är grunden i din verksamhet. Oavsett om det handlar om att bygga en hemsida, app eller skapa och paketera erbjudanden.

Slutligen några tips för design av en hemsida som hjälper dig etablera relationer med potentiella kunder:

  • Undersök och inhämta kunskap om användarnas utmaningar
  • Skapa förtroende genom att visa att du förstår utmaningarna dina användare har
  • Var ärlig och öppen

Behöver du hjälp?

  • Vill du ha digitala lösningar som gör nytta i ditt företag?
  • Har du fått ansvar för att digitalisera er verksamhet?
  • Ska du starta upp ett företag och vill ha en digital strategi?
  • Vill du att fler kunder köper via dina erbjudanden online?

Kika på mina tjänster eller kontakta mig via epost direkt på linda.akerlund@kerlundesign.se.

Facebooktwitterredditpinterestlinkedinmail

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.

bild med text grafisk design

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.

Facebooktwitterredditpinterestlinkedinmail

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.

Skisser

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.

Facebooktwitterredditpinterestlinkedinmail

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.

prototyp

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.

  • digital prototyp

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.

  • Digital prototyp

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)
Facebooktwitterredditpinterestlinkedinmail

Design thinking, del 4 av begreppsskolan

Uncategorized

Design thinking -ett sätt att angripa komplexa problem

Design thinking är ett begrepp som du kanske har hört eller läst någonstans. Men du kanske inte är helt insatt i vad det innebär eller vilken nytta din verksamhet kan ha av att tillämpa det.

Vad är det som gör att en ny produkt eller tjänst används? Är det att den består av den senaste tekniken? Eller att den har en snygg förpackning?

I min tidigare post om innovation skrev jag om definitionen för innovation. Lite förenklat: “något förändrat eller helt nytt som används“. Alltså saknas en aspekt ovan, inte bara snygg och ny teknik, produkten eller tjänsten behöver även vara användbar och önskvärd. Dvs att den fyller ett eller flera behov.

Vad är design thinking?

Enligt Tim Brown handlar det om att: kombinera människors behov med vad som är tekniskt möjligt och ekonomisk lönsamt. I videon ger han även exempel på lösningar till låg kostnad, men som ger stor nytta.

Design thinking är en modell eller metod för att lösa komplexa problem på ett användarcentrerat sätt. Utgångspunkten är användarna, kunderna (målgruppen). Det handlar för målgruppen om deltagande och medskapande snarare än att vara passiv konsument.

Processen kan vid första anblick se linjär ut. Men det handlar om ett itterativt förhållningssätt. Syftet är inte att bara gå igenom alla steg och sedan vara färdig. Man skapar, testar, gör om testar och så vidare.

design thinking
Källa: Interactiondesign.org

Lär känna målgruppen – Empathise

Lär känna och förstå användarna/målgruppen och de utmaningar som behöver lösas. Det handlar mycket om empati för att sätta sig in i utmaningar i olika situationer för olika personer. För den här fasen kan du använda metoder som observation, intervju, etnografiska studier.

Definiera huvudproblemet – Define

Dokumentation och analys av den data som man tidigare samlat in. Utifrån detta definierar och prioriterar man vilken utmaning som ska lösas. Metoder som kan användas är t ex: personas, user stories, user journey maps.

Idégenerering för att hitta lösningar – Ideate

Generera idéer för hur utmaningen kan lösas. Det handlar här om att inget är rätt eller fel. Bra metoder är ni kan använda är brainstoming eller mindmapping. Senare smalnar ni ner antalet idéer.

Skapa prototyper – Prototype

För att ni ska kunna test om idéerna löser utmaningen behöver ni visualisera dem. Det gör ni genom att skapa enklar prototyper. Dessa kan göras på papper, digitalt, i lego eller som scenarior osv. Det handlar om att hitta bästa möjliga lösning för den utmaning ni har.

Testa idéerna – Test

Testa lösningen för att se om den fungerar och om den är en bra lösning. Eftersom design thinking är en itterativ process så behöver man ofta gå tillbaka för att göra om delar eller hela lösningen.

Nytta för din verksamhet

Några exempel på nytta som design thinking kan tillföra din verksamhet är:

  • användbara produkter och tjänster anpassade till målgruppen
  • hemsidor och applikationer som används
  • kunder som återkommer
  • ökad konvertering tack vare fokus på användarna (kunderna)
  • utveckling av verksamheten
  • mer träffsäkra lösningar på problem

Sammanfattning design thinking

En designmetodik med lösningsfokus. Det handlar mycket om att involvera användarna och att de blir medskapare istället för “bara” konsumenter. Det finns en fördel att tillämpa design thinking för komplexa problem som inte har en tydlig lösning. Fokus i processen är användarna/målgruppen. Det är inte ovanligt att man i testfasen får nya insikter om användarnas beteende och behöver justera och kanske hitta nya lösningar.

I nästa del av begreppsskolan kommer jag att gå in mer på begreppet prototyper och hur man kan använda dessa.

Facebooktwitterredditpinterestlinkedinmail

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.

Facebooktwitterredditpinterestlinkedinmail

Del 2 begreppsskolan: digitalisering

användarupplevelse Digitalisering

Andra delen av begreppsskolan: digitalisering

Välkomna till andra delen av begreppsskolan: digitalisering!

Ordet används i många sammanhang idag. Samtidigt är det många som undrar vad digitalisering innebär.

I det här inlägget kommer jag att försöka förklara begreppet och ge en uppfattning om vilken nytta det kan bidra med för din verksamhet.

Digitalisering -betydelse

Digitalisering är en process där man ersätter något manuellt eller analogt med en digital motsvarighet.

Exempel:

  • E-post istället för brev
  • Videomöten istället för fysiska möten
  • Budget i Excel istället för på papper
  • Bokning av resa i en app eller på en hemsida istället för på en resebyrå
  • Digitala arkiv
  • Boka läkartid online

Digitalisering är medlet

Det som jag ofta upplever att blir tokigt är att man pratar om digitalisering som något stort, främmande eller som det slutliga målet. Idag finns det enorma möjligheter att utveckla sin verksamhet med hjälp av digitala hjälpmedel. Utvecklingen går snabbt och många anser att man måste haka på för att hänga med. Videon förklarar lite mer om vilken stor förändring digitaliseringen kan bidra till.

Digitalisering är ett medel för att till exempel snabbare nå personer. Eller för att slippa göra vissa uppgifter manuellt och kunna fokusera på annat. Det som är viktigt för din verksamhet är att ni verkligen tar reda på hur digitalisering kan skapa nytta. Många företag idag bestämmer sig för att digitaliseringen i sig är det långsiktiga målet. Men man vet ofta inte vad, hur eller kanske inte ens varför.

Läs gärna mer här om ett exempel från skolans värld där digitaliseringen kanske inte gick som man tänkt.

Min erfarenhet visar att det ofta kan bli fel om digitala hjälpmedel eller resurser inte stödjer faktiska arbetsuppgifter eller behov. Det man då gjort skapar inte önskad nytta och kostnaderna kan bli stora i slutänden.

Sammanfattning begreppsskolan: digitalisering

Digitalisering är en process där man ersätter eller kompletterar exempelvis någon manuell arbetsuppgift med en digital motsvarighet.

För att lyckas med digitalisering behöver man kartlägga nuvarande verksamhets processer, arbetsuppgifter, kundkontakter med mera. Detta för att kunna identifiera den största nyttan med en digitalisering.

Facebooktwitterredditpinterestlinkedinmail