användarupplevelse

7 posts

Grafisk design till din blogg eller Instagram

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

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.

Facebooktwitterredditpinterestlinkedinmail

Prototyp: del 5 av begreppsskolan

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.

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

Del 2 begreppsskolan: 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

Begreppsskolan -ett nytt koncept på bloggen

Begreppsskolan

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!

Facebooktwitterredditpinterestlinkedinmail

Vad i er verksamhet finns det behov att digitalisera?

Behov att digitalisera -men vad?

Ni har kommit fram till att det finns behov att digitalisera i er verksamhet, men vad?

I mitt förra inlägg berättade jag om behovet av mål och syfte med  digitalisering, dvs varför ni vill göra det.

Jag skrev där om den första av följande frågeställningar:

  • Varför ska vi digitalisera hela eller delar av verksamheten? Sätt mål och beskriv ett önskat läge.
  • I vilka flöden och processer behöver vi digitala verktyg?
  • Ser vi behov av nya tjänster och produkter?

I det här inlägget tänkte jag gå in lite mer på hur ni kan ta reda på vad som ska digitaliseras. Och allt börjar med era mål med digitaliseringen.

behov att digitalisera

Från mål till aktiviteter

Ni har kanske mål som handlar om att effektivisera vissa processer. Eller mål att på ett eller annat sätt spara tid. Kanske vill ni få bort vissa rutinuppgifter eller kontrollmoment i er verksamhet.

När ni har koll på era mål kan ni bryta ner dem i mindre delar, kanske först till delmål och sedan till aktiviteter. Och aktiviteterna kan vara att digitalisera delar av era arbetsprocesser. Det gäller att ta reda på vilka delar.

För att exempelvis kunna effektivisera en arbetsprocess, behöver ni kartlägga processen som den ser ut i nuläget. Dokumentera hela den aktuella processen om ni inte redan har gjort det. För att enklare hitta saker som är repetitiva, krångliga eller svåra osv är det bra att genomföra observation när processen genomförs. Det som är bra med att genomföra observation är att det är lättare att hitta det man söker. Om man frågar någon vad som upplevs krångligt eller svårt blir svaret troligen inte det som verkligen är problemet. Att observera när någon utför arbetsuppgifter ger bra insikter om problematik som finns.

Ett bra sätt att dokumentera observationen är genom att göra en sk User Journey map (läs mer här). Notera vad som görs, om något hjälpmedel används, hur användaren känner sig (upplevelsen) samt förbättringsförslag.

Det är inte alla delar i en arbetsprocess som bör digitaliseras. I ett projekt som jag deltog i kom vi fram till att personlig, muntlig kontakt med patienter var väldigt viktig. Både patienter och ansvariga medarbetare upplevde detta. Innan vi genomförde observation och intervjuer var det just denna del man ville digitalisera med AI. Man ville slippa telefonsamtalen för att spara tid.

Sammanfattning

När ni vet varför ni ska digitalisera är det dags att ta reda på vad som ska digitaliseras. I exemplet ovan var målet att hinna ta emot fler kunder. Men svaret på vad som skulle digitaliseras blev inte att ersätta personliga samtal med AI.

I projektet kom vi fram till var i flödet det fanns behov att digitalisera och vad. Vi upptäckte flera manuella arbetsuppgifter som tog lång tid att genomföra. Det var möjligt att skapa bra digitala lösningar för dessa. Medarbetarna sparade tid och kunde besvara fler samtal. De fick på det viset mer tid för patienterna, vilket bidrog till en positiv upplevelse.

positiv upplevelse

Facebooktwitterredditpinterestlinkedinmail

Positiva användarupplevelser, hur skapas de?

Positiva användarupplevelser

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!

Facebooktwitterredditpinterestlinkedinmail