Designkoncept

7 posts

Enkla prototyper för att testa dina idéer

Prototyper

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.

PotterFic

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.




Facebooktwittergoogle_plusredditpinterestlinkedinmail

Visualisera och testa dina lösningar

Undersök lösningarna genom att visualisera och testa

Nu är det dags för er att visualisera och testa de lösningar som ni genererat (fortsättning från min förra bloggpost). Genom att tillämpa Design Thinking har du och dina kollegor troligen ett antal olika lösningar som behöver undersökas mer.

Visualisera och testa med prototyper

Visualisera

Ett första steg i att visualisera idéerna är att ni skapar ett flödesschema över den föreslagna lösningen. Då får ni även möjlighet att fundera igenom vad som ska hända vid varje interaktion. Detta skapar samtidigt möjlighet att se om det saknas något. För att kunna visualisera och testa lösningsförslag är det bra att göra prototyper. Dessa går oftast snabbt att göra. Fördelen är att man håller ner kostnaden jämfört med att programmera för att testa. Samtidigt kan ni testa och utvärdera lösningarna samt skapa en gemensam bild av vad det är ni vill göra.

I sin enklaste form kan en prototyp bestå av ett antal pappersskisser där ni “bläddrar” bild när någon interagerar med en funktion. Detta är ett bra sätt att testa enstaka funktioner. Vill man ha en mer utvecklad visuell bild för att diskutera funktionalitet, layout osv kan ni göra digitala prototyper. Dessa är klickbara men oftast utan kod ”bakom”. Det ni gör då är att ni simulerar funktionalitet.

Exempel på sådant som kan vara bra att testa innan du färdigställer din hemsida är om besökare gör det du vill att de ska göra. Klickar de på ditt erbjudande? Är din hemsida tydlig, förstår besökaren vad man kan göra eller köpa och hur?

Olika detaljeringsnivå

En prototyp kan som sagt vara detaljrik. Den kan visuellt se ut som den färdiga applikationen. Alternativt kan en prototyp innehålla endast relevant funktionalitet för det ni vill testa. Era behov avgör vad som ska testas med hjälp prototypen.

Det är en fördel i att göra förbättringar i prototyperna efter varje test Syftet är att eliminera uppenbara fel eller att justera det som inte uppfyller era krav. Det är bra om ni har möjlighet att testa flera av era lösningsförslag. Då får ni överblick över för- och nackdelar med olika lösningar samt hjälp att ringa in den lösning som bäst matchar behov och användningsområde.

Exempel

Klicka här för att se ett exempel på en digital prototyp. Just denna har jag skapat i ett program som heter Adobe XD men det finns ett stort antal andra program också som man kan använda. I sin enklaste form är som jag nämnde även skisser på papper ett sätt att utvärdera olika lösningar. Fördelen med Adobe XD är att det är relativt låg inlärningströskel samt att man snabbt kan publicera sina prototyper. Jag trivs även med att arbeta i det gränssnittet.

Tester

Visualisera och testa

Det finns många typer av tester att genomföra:

  • Användningstester
  • Funktionalitetstest
  • Användbarhetstest
  • Måluppfyllnadstest

Testerna ska baseras på de mål som ni har satt med digitaliseringen (exempelvis att spara X minuter på en funktion). För att genomföra testet bestämmer ni ett antal aktiviteter som ska genomföras i en viss ordning. Det är bra att utgå från prototyper eller skisser i testerna för att minimera kostnaden för tester och de behov av justeringar som uppstår efter.

Om ni vill exempelvis vill testa användbarheten på en hemsida kan ni skapa olika uppgifter för testpersonerna som går ut på att förstå och hitta olika objekt/funktioner. Då sitter du med under testet och dokumentera det som sker för att kunna identifiera sådant som inte är intuitivt eller rent av svårt.
Viktigt att tänka på är att dokumentera under testet, efteråt kommer man oftast inte ihåg alla detaljer.
Det som egentligen är bäst är om man har möjlighet att filma (vilket man inte alltid har), men att anteckna fungerar också bra.

Läs mer om tester här.

Facebooktwittergoogle_plusredditpinterestlinkedinmail

Design Thinking -fokus på lösningar

Design Thinking som tillämpning

Design Thinking är en tillämpning som används inom design för att hålla fokus på lösningar. Om du märker att du ofta tenderar att fastna på problem och köra fast kan detta vara ett sätt för dig att komma vidare.

Design utgår från kreativt tänkande och att man hittar och utvärderar ett flertal lösningar. Det jag ser som särskilt viktigt är att man inte låser sig för hårt för en lösning. Fokus ska ligga på att skapa en så bra lösning som möjligt, inte på att det är den lösning du gillar bäst som ska “vinna”.

Jag ser att det finns en stor nytta i att tillämpa Design Thinking vid digitalisering av verksamheter. Men även vid andra typer av utmaningar som ni som företag ställs inför.

Processen för Design Thinking

Processen ser vid en första anblick linjär ut. Det som därför är viktigt att tänka på är att för en optimal nytta av processen behöver man iterera (göra om) flera gånger. Tänk på att även vara öppen för ny input i form av exempelvis användaråterkoppling för att skapa möjlighet att uppnå de mål man har satt upp.

Tillämpa Design Thinking vid digitalisering

Det som först är viktigt att tänka på innan ni inleder ett digitaliseringsprojekt är att ha ledningen med hela vägen. Det behöver finnas förståelse på alla nivåer i organisationen VARFÖR man önskar utvecklas digitalt. Sätt mål för att få tydlighet kring varför man ska digitalisera. Därför är tydliga mål ett måste och en förutsättning för att sedan kunna mäta effekter av arbetet.
De personer som ska engageras behöver komma från många olika delar av organisationen, inte enbart IT. Syftet med detta är att få med alla typer av verksamheter och behov. Men även att få ett bredare tänkande och delaktighet i projektet.

Börja i det lilla och förbättra under tiden. Inled med en liten del av verksamheten, exempelvis en enstaka process. Ett tips är också att börja med ett team. Sedan kan man öka på med flera processer och team parallellt när man ser att arbetssättet fungerar och man får resultat av arbetet.
Viktiga aktiviteter under arbetet är att diskutera, lyssna, kommunicera. För att kunna göra det krävs tydliga mål med digitaliseringen som alla känner till och kan samlas runt.

Faser i processen

Design Thinking process
Bilden är hämtad från Interaction Design.org, klicka på bilden för att komma dit.

Lära känna användarna (Empathise)

Börja med att undersöka upplevd problematik i nuläget genom att titta på vad som orsakar den samt vem eller vilka berörs.
Metoder för undersökning kan vara kvalitativa undersökningar genom observation och/eller intervjuer om nuläget. Även enkäter av mer kvantitativ natur kan vara tillämpbart i vissa situationer.

Min erfarenhet är att man absolut kan genomföra workshops där användarna får berätta sina behov och önskemål, men om man undersöker genom observation eller mer styrda frågor visas ofta andra saker. Det är inte alltid man minns hur man jobbar eller vad som inte fungerar när någon frågar.
Dokumentera sedan undersökningen genom att svara på följande frågor:

  • Vem berörs?
  • Vilka aktiviteter och processer berörs?
  • I vilken situation/miljö genomförs aktiviteterna, befinner sig användarna?
  • Vilken teknik används?
  • Hur upplever användarna nuläget (kan beskrivas med känslor)?

Ett sätt att dokumentera är att skapa en User Journey Map. Utgå från en tidslinje när de respektive aktiviteterna utförs, vilken teknik de utförs med, vad användarna upplever vid de olika tidpunkterna.

Definiera

Sedan är det dags för er att analysera det som framkommit under observation och intervjuer.
Syftet är att ni ska kunna beskriva utmaningar utifrån verksamhet och användare. Det är viktigt att tänka på att beskriva problematikerna ur ett användarperspektiv.

Lösningsförlag och nya idéer

För att knyta an till och behålla förståelse för användarnas behov under hela projektet: skapa personas! Dessa utgör en beskrivning av enskilda användare inklusive deras uppgifter, behov och upplevelser. Personas bör baseras på verkliga användare i er verksamhet. Fördelen är att detta kan ske utan att alla användare behöver finnas till hands hela tiden.

Ni genererar lösningsförslag med utgångspunkt hos användarna och problematiken som definierats. Generera era lösningsförslag i exempelvis en workshop. Deltagare kan exempelvis vara beställare, övriga intressenter, användare, IT-ansvarig.

Tips på metoder som ni kan använda är brainstorming eller mindmapping. Personligen tycker jag att metoden 10 plus 10 ger en mängd bra uppslag. Det går ut på att snabbt generera 10 lösningsförslag på
problematiken. Skriv ner 10 förslag per deltagare utan att tänka för mycket. Sedan väljer ni ut ett par av dessa att utveckla vidare.

Det är en fördel att i slutet av arbetet ha flera olika lösningar som ni sedan kan testa och utvärdera.

Sammanfattning

Nu har du fått en inblick i de första tre faserna i processen för Design Thinking. I nästa blogginlägg kommer du att få veta mer om de två sista faserna: visualisering/prototyper samt tester.

Facebooktwittergoogle_plusredditpinterestlinkedinmail

Min design har förverkligats!

Tacksam för att min design förverkligats

Min design har fått liv!

Under mina studier inom digital design gjorde jag praktik på Visualiseringscenter i Norrköping. Under praktiken fick jag ett projekt som innebar att jag skulle designa en station för kommande utställning (läs mer om projektarbetet här). Utställningen handlar om att skapa intresse hos barn och ungdomar för de principer som ligger bakom programmering, visualisering. Mitt projekt innefattade att designa en analog station med temat algoritmer.

Utmaningarna var bland annat följande:

  • Det jag designade skulle vara roligt att använda, uppmuntra till användning
  • Det skulle finnas ett inslag av lärande
  • Man skulle kunna börja från noll, dvs lösningen återställdes innan nästa användare började (som ett spel eller liknande)
  • Det skulle gå att programmera en “digital tvilling” som visar på hur snabbt en dator hanterar det som tar rätt lång tid för människor. 

Sedan tillkom utmaningar under hela designprocessen men detta är ju en del av jobbet. 

Design och min kreativa process

Jag arbetat med projektet under fem veckor. Under den perioden hade jag åtskilliga idéer som jag testade, justerade, kasserade och började om. Mitt fokus var på att snabbt komma till test för att antingen kunna utveckla idéen vidare eller komma vidare med generering av nya idéer.

Inspiration och bollplank var min handledare: Mariadele Arcuri Rossini som var projektledare och min handledare. Men även universitetslektor Stefan Gustavson som också är den som byggt min design. 

Jag inledde arbetet med att skapa mig själv en förståelse för hur algoritmer fungerade. Mer inspiration skaffade jag genom att se hur andra förklarade algoritmer, men även genom diskussioner med mina mentorer, Mariadele och Stefan. 

Under projektets gång genomförde jag ett stort antal tester, dels med hjälp av kollegor men även några barn som ju var primära målgruppen. Meningen med min design var främst att man på ett lekfullt sätt skulle få prova hur en sorteringsalgoritm fungerade. Därför var en viktig parameter vid test att idéen var rolig!

Besök gärna utställningen om ni har vägarna förbi Norrköping och Visualiseringscenter!

Slutlig idé

En av de idéer jag arbetade med var att man kan sortera saker efter vikt. Jag skissade på olika lösningar, bland annat bilar som skulle sorteras efter vikt på en färja. Min slutliga design bestod av att man skulle väga leksakskor och sortera dem efter vikt så att de skulle kunna skickas med posten. I det slutliga utförandet har korna blivit enhörningar. Besökare på utställningen får väga dessa på en balansvåg och sortera från tyngst till lättast eller tvärtom. Sedan drar man i en spak och alla enhörningar tippas iväg. När jag testade denna idé med hjälp av en tidig prototyp tyckte man att idéen var rolig (!). Och de som passerade min plats stannade till och blev nyfikna på vågen och på leksaksdjuren. 

Under invigningen på utställningen var återkopplingen också positiv, bland annat sades att idéen var rolig, vilket jag ser som ett gott betyg. Barn hade även svårt att låta bli att testa att väga, designen inbjuder med andra ord till det den var avsedd för.

Först prototypen
Första prototypen
Skiss över stationen
Min första skiss över stationen
Slutligt resultat
Slutligt resultat (tillverkad av Stefan Gustavson, LIU)

Återkoppling på min design

Så här har min handledare Mariadele sagt om det jobb jag gjorde i projektet:

Linda arbetade med vår kommande utställning som försöker förklara avancerade matematiska begrepp med hjälp av olika interaktiva föremål och maskiner. Stationerna visualiserar principen bakom matematiken.

Linda fick i uppgift att designa en av dessa stationer, en som skulle förklara vad en algoritm är. Hon gick igenom alla faser som vi i produktionen brukar gå igenom. Skiss, prototyp på papper, riktig prototyp och alla användartester däremellan. Hon tog sig an uppgiften med hull och hår, och kom med enorm positivitet, massa passande kreativa lösningar och ingen rädsla överhuvudtaget.

Tvärtom, så dödade hon sina darlings utan några större bekymmer så fort användartester visade för mycket negativ respons; hon förstärkte de designval som istället visade sig fungera bra. Linda skapade under sin tid hos oss en makalös installation som förklarar vad en algoritm är på ett roligt, intuitivt och inbjudande sätt – den ställs ut i vår kommande utställning i oktober. Vi hoppas att i framtiden kunna jobba med Linda igen och få mer hjälp med vårt designarbete.

Under gårdagens premiär fick jag ett omnämnande och blommor som tack, vilket värmer. Jag är djupt tacksam över att jag fick delta vid invigningen. Det är ett år sedan jag gjorde min praktik och det kändes som en ära att höra av Mariadele igen.

Facebooktwittergoogle_plusredditpinterestlinkedinmail

Människan central i digital transformation

Digital transformation -vår tids industriella revolution

Digitalisering, digital transformation, vad utgör egentligen skillnaden mellan dessa begrepp som florerar på våra företag? Man kan säga att digital transformation är ett större begrepp som talar om hela verksamhetsförändringen och effekterna av digitalisering. Digitaliseringen är processen att genomföra den digitala transformationen. Det är med andra ord en omvälvning av företagens verksamheter där man både automatiserar manuella arbetsuppgifter men även skapar nya. Det kommer troligen att leda till mindre manuellt och monotont arbete. Samtidigt tror jag att det kommer att finnas större behov av IT-kompetens, beteendevetare och så vidare. Jag tycker att vi borde fundera på vad vi människor är riktigt bra på och var den digitala tekniken gör mest nytta. Människa och teknik kan komplettera varandra om vi nyttjar resurserna till rätt uppgifter.

Nu tänkte jag lämna dessa begrepp och övergå till något som jag ser som det centrala i digitaliseringen. Något som även påverkar effekten man önskar uppnå. Nämligen användarna samt deras vardag och behov. Utan att inkludera berörda människor i den digitala transformationen så riskerar hela projektet att misslyckas.

Utgå alltså från människor, situationer, arbetsuppgifter och upplevelser (se även inlägget om User Journey Map)

Digital teknik ska fungera som ett stöd för det du vill eller behöver genomföra. Med andra ord ska tekniken vara “bra att ha” när man behöver den. Däremot ska tekniken inte skapa frustration eller kännas påtvingad. Då kommer inte önskad effekt med digitaliseringen att uppnås.

Vanliga synsätt

Kanske känner du igen påståenden som:

“-Vi ska digitalisera vår verksamhet, vi gör en beställning från vår IT-avdelning”

“-Bara vi får till en bra kravspec så har vi gjort vårt jobb.”

“-Att involvera användarna tar tid och blir krångligt.”

“-Vi vill bli moderna och attrahera den yngre generationen.”

Det kan vid första anblicken verka som relevanta och bra idéer om hur en digital transformation ska ske. Men det finns en viktig faktor som missas i många fall och det är användarperspektivet. Men även kontexten där den digitala tekniken spelar in.

Det är därför som IT-avdelningen fel ställe att börja. De behöver absolut vara med i projektet och som beställare. Men en stor del av det inledande arbetet handlar om människor, beteenden och miljöer. Jag säger inte heller att man inte behöver en kravspec. Trots allt behöver man ju i slutänden veta vad som ska göras.

Ett digitaliseringsprojekt tar generellt sett inte mer tid bara för att man involverar användarna. Visst behöver de avsätta tid, men många gör det gärna eftersom de då känner sig delaktiga. Detta skapar också en goodwill inför leverans av nya digitala verktyg, användarna har fått vara med. Många misslyckade lanseringar beror på bristande användaracceptans, ofta har man inte alls involverat användarna utan utgått från önskad funktionalitet. Behovet av ett verktyg har varit styrande. Sen är ju avsikterna goda, men det kan kosta mycket pengar med utbildning, tid för strul, missnöjda medarbetare och att man inte alls använder det nya systemet.

Det är inte heller fel att vilja attrahera den yngre generationen, men vad exakt är “modern” och vilken målgrupp mer specifikt i den yngre generationen vänder man sig till? Detta behöver man undersöka för att få ut nytta av en investering i digitala produkter/tjänster (dvs attrahera den yngre generationen).

Designprocessen

Design handlar om att först identifiera nuläget, den “oönsakade” situationen som man vill förändra. Det gör man genom att först undersöka olika aspekter av nuläget, hittar det som “stör” eller skapar negativa upplevelser. Metoder för detta är oftast intervjuer eller observation. Utifrån det man identifierar som nuläge föreslår man sedan en lösning. Den lösningen testas, justeras, testas och justeras (iteration). Man upprepar processen tills man är nöjd med resultatet av testerna och man har en lösning att utveckla. Utöver detta är det viktigt att man testar löpande ända tills den digitala produkten levereras för att den ska fungera i den tänkta kontexten med de aktuella användarna. I många projekt släpper man användarna när man har börjat utveckla, då kan man lätt glida iväg från det initiala behovet. Man går från användarfokus till teknikfokus.

För att digitaliseringen ska skapa nytta för verksamheten behöver fokus ligga på BÅDE användare och teknik genom hela projektet. Därför är det också viktigt att iterera om något visar sig inte fungera vid användningsesterna.

Syftet med att arbeta på det här viset är att skapa den nytta för verksamheten. Med användarfokus i hela digitaliseringsprocessen säkerställer man att den digitala transformationen i slutänden ger den effekt man önskar.

Facebooktwittergoogle_plusredditpinterestlinkedinmail

Kartläggning och förenkling av arbetsflöde

Bildkälla: Pixabay

Problemet som fanns var en digital hantering av avtal som var lång och krånglig. Det fanns en hel uppsjö av mallar varav de alla var unika dokument. Eftersom flera personer var ansvariga för att skapa och skriva avtal fanns även en stor felkälla i att man ibland råkade ändra i en mall och spara dessa ändringar.

För att ta reda på vad som var problemet och hur man skulle kunna skapa nytta genom att bygga en digital applikation som stödjer användarna samlades användarna och gick tillsammans med UX och utvecklare igenom hela arbetsprocessen.

Processen såg i stora drag ut som följer:

  • Välj och spara ner samtliga avtalsdokument till egen dator.
  • Öppna respektive dokument
  • Skriv in de uppgifter som krävs och exportera sedan respektive dokument till pdf
  • Öppna den pdf som ska vara först i avtalet
  • Lägg till alla andra pdfer
  • Spara dokumentet och skicka för digital signering

Allt dokumenterades och noterades, så gjordes även med detaljer som handlade om frustration, väntan och oklarheter under arbetet. Dessa känslor och upplevelser kändes primära i designprocessen. Utifrån detta var det möjligt att skapa ett schema över arbetsflödet, användarresan och notera de upplevelser som uppstod vid varje “steg under resan”.

Teamet genererade idéer om hur situationen skulle kunna förbättras. Vi skissade på ett upplägg som byggde på ett arbetsflöde i en och samma applikation, liknande flöde som tidigare men där en del uppgifter skulle hämtas med automatik plus att samtlig information i slutänden skulle generera en pdf av hela avtalet. Jag gjorde en prototyp och lät användarna testa. De flesta ansåg att detta var precis som de tänkt. Något var oklart, bland annat hur man skulle nå tidigare avtal och hur man skulle kunna redigera till exempel priser. Parallellt med detta undersökte teamet de databaser som datan skulle hämtas från samt vilken data som skulle in var i applikationen.

Efter flera omarbetningar av prototypen fanns förutsättningar att börja utveckla grunden för applikationen.

Det nya digitala arbetsflödet skulle i stora drag se ut så här:

  • Gå in i applikationen (via O365-inlogg där användarna redan är inloggande)
  • Välj “skapa nytt avtal”
  • Följ flödet och fyll i de fält som är tvingande, övrig info hämtas automatiskt, klicka sedan vidare till nästa steg
  • Granska hela avtalet, gå ev tillbaka om något inte stämmer
  • Spara till pdf och skicka automatiskt för digital signering

 Facebooktwittergoogle_plusredditpinterestlinkedinmail

Design som underlättar att somna respektive vakna

Produkter som underlättar att somna och vakna

Detta är mitt allra första projekt under studierna. Uppgiften var att komma på 6 olika koncept som underlättar att somna respektive vakna. Dessa består i nuläget endast av skisser och kort förklaring av användning och funktion för respektive koncept, nedan kan ni se tre av mina koncept.

Tröja som ger akupunktur för avslappning vid insomnande

Det finns ett antal alternativa placeringar av punkterna beroende på dina behov: avslappning eller kanske smärtlindring. Du fyller bakstycket på tröjan med luft för att få önskat tryck med punkterna. luften går långsamt ur efter önskad tid.

Tröja med akupunktur

 

Madrassen som väcker dig när du sover som ytligast

Madrassen känner av din puls och dina rörelsemönster. Du ställer endast in ett tidsintervall då du tidigast/senast vill vakna. Alarmet går under den ytligaste sömnen i tidsintervallet. Du vaknar och känner dig pigg och utvilad.

Madrassen som väcker dig när du sover som ytligast

Rullgardin med ledbelysning

Rullgardinens belysning simulerar solnedgång på kvällen och soluppgång på morgonen, för att hjälpa dig att somna och vakna på ett naturligt sätt.

Ställ in önskad tid via en app. Somna eller vakna till önskad musik, t ex fågelsång eller stadsljud till soluppgången.

Rullgardin med ledbelysningFacebooktwittergoogle_plusredditpinterestlinkedinmail