Mike Mellquist. Utbildning. Anställningar Civilingenjörsprogrammet Interaktion och design, Umeå Universitet.

Transkript

1 Mike Mellquist CV Himlabacken Solna Sverige Utbildning Civilingenjörsprogrammet Interaktion och design, Umeå Universitet. Jag har läst kurser inom människa-dator-interaktion, datavetenskap, matematik, design, kognitionsvetenskap och psykologi Naturvetenskapsprogrammet med inriktning på entreprenörskap, Åva Gymnasim, Täby. Under min gymnasieutbildning väcktes mitt intresse för entreprenörskap, jag läste bland annat kursen Ung företagsamhet där jag fick prova på att driva ett företag. Anställningar UX-designer, front-end utvecklare och grafisk designer på FRISQ AB, Stockholm. FRISQ utvecklar säkra systemintegrerade helhetslösningar för svensk sjukvård och underlättar på så sätt kommunikationen mellan patient och vård. Detta görs genom att till exempel samla patientens journalinformation, vårdhistorik och vårdplaner på ett och samma ställe.

2 FRISQ-appen och samarbetsappar I FRISQ-appen kan användare se just denna information inklusive sina och sina fullmaktsgivares förskrivna recept. FRISQ släppte hösten 2016 sin app för allmänheten och i februari 2017 släpptes även en ny app i samarbete med Reumatikerförbundet. I appen Reumatiker finns samma funktionalitet som i FRISQ-appen fast med en webframe som startsida, innehållande patientföreningens hemsida. Med hjälp av denna lösning har FRISQ, utöver Reumatiker-appen, kunnat släppa Astma och allergi-förbundets app och blodcancerförbundets app, båda med FRISQ:s funktionalitet. Min roll i detta fortlöpande projekt är att designa all UX och UI i alla apparna och deras kommande funktioner. Det finns både IOS- och Android-versioner av apparna. I alla apparna förutom FRISQ för IOS har min design implementerats. FrisqVet Sedan våren 2016 har FRISQ utvecklat ett förskrivarverktyg för Sveriges Veterinärförbund de ville ha ett eget förskrivarverktyg som var apoteksoberoende. I samråd med veterinärer kunde FRISQ specificera vilken funktionalitet verktyget skulle innehålla för att göra verktyget så användarvänligt som möjligt. Verktyget skulle vara webbaserat och responsivt så att de kan förskriva recept på resande fot. Min roll i detta projekt var att först göra wireframes för att få strukturera upp alla vyer och användarflöden. Därefter gjorde jag en klickbar prototyp i Axure och utförde ett kvalitativt användartest av prototypen på 5 veterinärer där de fick ett antal scenarion att utföra och berätta hur de upplevde interaktionen. Därefter designade jag verktygets UI och implementeringen påbörjades. Snart därefter gjordes ytterligare ett kvalitativt användartest på 5 veterinärer. Totalt genomfördes/genomförs 4 iterationer av designprocessen innan verktyget släpps i Q där det sista användartestet blir en kvantitativ för att testa den breda massan.

3 FRISQ Care Ett av de pågående projekten på FRISQ just nu är ett pilotprojekt med Sahlgrenska KOL-centrum där målet är att skapa ett smidigt planerings-och kommuniceringsverktyg för läkare och patienter. Läkarna kommer enkelt att kunna definiera en individuell vårdplan för en patient. Patienten kommer sedan att kunna följa planen och rapportera hur det går med en app. Läkare och/eller annan vårdpersonal kommer då kunna följa patientens framsteg tillsammans. Med detta system och dess appar kommer patienter att känna sig mer delaktiga i sin vårdplan och på så sätt känna att de har kontroll över sin hälsa. Min roll i detta projekt är att tillsammans med andra designers designa UX och UI i både vårdgivarnas app (ipad app) och patienternas app (iphone app). FRISQ:s webbplats Jag har designat, utvecklat och förvaltat bolagets responsiva hemsida under hela min anställningstid. Den har undergått många förändringar under tiden eftersom bolaget ändrat sin profilering. Jag har använt Google Analytics för att se hur användare navigerar sig runt på hemsidan och Hotjar för att se "heatmaps" över var användarna för muspekaren och scrollbeteende. Jag har på så vis kunnat hitta svagheter på hemsidan och korrigera dem. I alla mina projekt har jag använt Sketch för att designa, Invision för prototyper och för att dela, Axure för komplexa prototyper. Sublime text har jag använt för att programmera HTML5, CSS3, och Javascript.

4 Q UX-designer, Netlight Consulting, Kund: 24Storage, Stockholm. 24Storage är ett nystartat företag vars mål är att digitalisera förrådsuthyningsbranschen. De vill centralisera uthyrningen genom att ha ett call center som styr över flera anläggningar. På så sätt kommer de att kunna effektivisera uthyrningsprocessen och därmed öka intäkterna. Innan jag kom in i projektet hade projektledaren och systemarkitekten samlat ihop de krav som lösningen skulle innehålla och den övergripande funktionaliteten av systemet var fastställd. De behövde hjälp med att visualisera gränssnittet som kunden skulle använda på internet och även gränssnittet som säljaren i deras butiker skulle använda när de skulle hjälpa kunder att hitta och hyra förråd. Min roll som UX-designer var att ta projektet från idéfasen till en klickbar prototyp. Genom att använda de hundratals kraven som projektledaren och systemarkitekten ställt upp kunde jag skapa två intuitiva användarflöden. Då användarflödena var färdigställda kunde arbetet med att skissa gränssnittet för LoFi-prototypen påbörjas. Skisserna visades ofta för kunden för att vara säkra på att arbetet var på väg åt rätt håll. När skisserna var klara gjordes en klickbar prototyp av dem för att visualisera ett mer realistiskt gränssnitt. Mitt arbete resulterade i en klickbar prototyp som visade funktionaliteten i bokningssystemet. Q UX-designer, Netlight Consulting, Kund: Bonnier Tidskrifter AB, Stockholm. Bonnier Tidskrifter har 53 starka titlar. De ger ut livsstilsmagasin, specialtidningar och affärspress men också digitala produkter såsom sajter, nyhetsbrev, mobila tjänster och webb-tv. Bonnier Tidskrifter ger även ut böcker och andra produkter samt har en omfattande verksamhet gällande läsarresor och event. Bonnier Tidskrifter hade tagit fram en designmall som webbsidorna för deras tidningar skulle följa. En av deras tidningar är Mama. De ville ha hjälp med att anpassa mama.nu till denna nya responsiva design och varje sida på webbplatsen designades för fyra skärmstorlekar. Min roll som GUI-designer var att designa om den befintliga mama.nu sidan och dess bloggsidor. Sketch användes i designprocessen för att snabbt och enkelt kunna få en överblick av designen i alla skärmstorlekar med hjälp av skärmdelningsfunktionen applikationen erbjuder. I processen försökte jag koppla ihop designen av mama.nu med designen av mama-tidningen då de skiljer sig en hel del i dagens versioner. Mitt arbete resulterade i en ny responsiv design för mama.nu med inslag av fysiska tidningens design och som även var anpassad för målgruppen.

5 Q Q3-Q UX-designer, Netlight Consulting, Kund: Eventföretag, Stockholm. Företaget i fråga höll på att utveckla en webbprodukt med nationellt fokus. Då uppdraget var under strikt NDA kan detaljerad information inte ges. Målgruppen var en äldre generation men en yngre målgrupp var inte utesluten då produkten skulle nå en bredare massa. När jag kom in i projektet var förstudien precis avslutad och konceptskisser påbörjades omgående i nära kontakt med beställaren. Beställaren var tydlig med vilken funktionalitet han ville ha i produkten men det var inte specifikt rent tekniskt. Tillsammans med en annan designer lyckades jag specificera vad som skulle vara med i den första prototypen av designen. Jag utformade ett användarvänligt, modernt och snyggt gränssnitt. Mitt arbete resulterade i en mobilanpassad webbdesign med inslag av företagets grafiska profil och en design som tilltalade flera målgrupper. UX-designer, enskild firma, Kund: Compentus AB, Stockholm. Compentus är ett IT-företag specialiserat på interaktionsdesign som de tillämpar genom bl.a. webb, e-learning, IT-system, grafiska profiler, digitala skärmar och app-utveckling. De vill kunna förmedla kundens känsla och göra den synlig i deras digitala miljö, exempelvis genom reklamfilmer som spelas upp på skärmar i skyltfönster. Compentus observerade att majoriteten av de förbipasserande människorna riktade uppmärksamheten mot annat istället för att lägga märke till reklamfilmerna på deras skärmar. Något behövde hända för att väcka större uppmärksamhet och skapa större intresse kring det som visades på skärmarna. Compentus ville dessutom att förbipasserande människor som tittade på skärmarna inte enbart skulle se reklam, utan att de också skulle interagera med skärmen. De behövde därför hjälp med att utveckla interaktiva skärmar ut mot gatan. Jag kom in i projektet som interaktionsdesigner. För att en förbipasserande person (användare) skulle sakta in och interagera med tekniken krävdes ett välfungerande användarflöde. Jag definierade olika användarscenarion, där informationen som skulle förmedlas berodde på förbipasserande användares reaktion. Scenarierna kunde utvecklas genom att själv testa dem för att se vad som kändes naturligt eller onaturligt i användarflödet för att kunna forma flödet så bra som möjligt. Efter att ha utformat ett så intuitivt flöde som möjligt kunde mjukvaruutvecklingen fortskrida. När en prototyp utvecklats kunde nästa iteration i designprocessen påbörjas. Användarstudier gjordes på prototypen för att se vad som behövde ändras eller läggas till. Resultatet blev en prototyp som anpassade sitt beteende beroende på användarens reaktion. Målet var att marknadsföra Compentus och deras kunder med ny teknik som anspelade på och väckte människors nyfikenhet.

6 Q Backend-programmerare, enskild firma, Kund: Compentus AB, Stockholm. Compentus observerade att majoriteten av de förbipasserande människorna riktade uppmärksamheten mot annat istället för att lägga märke till reklamfilmerna på deras skärmar. Något behövde hända för att väcka större uppmärksamhet och skapa större intresse kring det som visades på skärmarna. Compentus ville dessutom att förbipasserande människor som tittade på skärmarna inte enbart skulle se reklam, utan att de också skulle interagera med skärmen. De behövde därför hjälp med att utveckla interaktiva skärmar ut mot gatan. Jag övergick från UX-designer till backend-utvecklare under den utvecklingsfas som följde efter att ett användarflöde hade utformats. Genom att lära sig hur Kinect-sensorn fungerade kunde jag specificera min lösning och dess begränsningar. Det visade sig snabbt att Kinect-sensorn inte fungerade genom glas, vilket ledde till ett flertal förändring i projektet. Tack vare många positiva upptäckter kunde nya lösningar tillämpas, såsom t.ex. sensorns precision. Resultatet blev en prototyp som anpassade sitt beteende beroende på användarens reaktion. Systemet beräknade var kroppar befann sig i ett tredimensionellt rum samt rotationen av kropparnas leder. Med den informationen kunde olika villkor sättas upp som talade om hur dessa ändrades efter att systemet gett output i form av ljud och bild. I de fall där olika villkor uppfylldes innebar det att användare interagerade med systemet.

7 Q Frontend-utvecklare, ensklid firma, Kund: Arega Projektledning AB, Stockholm. Arega Projektledning är ett konsultbolag med konsulter verksamma inom bygg- och anläggningssektorn. Arega förstärker sina kunders organisation genom att leda och samordna projekt mot uppställda mål till rätt tid, kostnad och kvalitet. Bolaget arbetar med kunder såsom Trafikverket, Stockholms stad, kommuner och privata sektorn. Arega var i behov av en hemsida där såväl befintliga som potentiella kunder bl.a. skulle kunna hitta kontaktinformation till medarbetarna samt gå in och läsa om referensprojekt. De efterfrågade en mobil- och tablet-anpassad hemsida, då denna ofta skulle besökas av mobila enheter från byggarbetsplatser. Som UX/UI-designer och frontend-utvecklare ansvarade jag för att designa en responsiv hemsida och illustrera konceptbilderna för kunden innan utvecklingen påbörjades. Arega hade vissa grafiska och funktionella krav på hemsidans upplägg, men annars kunde jag utforma hemsidan utefter eget tycke. Utvecklingen gjordes i tät dialog med Arega, vilket var en starkt bidragande orsak till att slutresultatet uppnådde förväntningarna. Initialt gjorde jag en grov skiss/enkel prototyp över hur hemsidan skulle se ut, därefter genomfördes användarstudier, varpå prototypen ändrades och implementerades. Tack vare min insats i projektet har hemsidan idag blivit mer användarvänlig, med en avsevärt bättre användarupplevelse som följd. Arega fick efter hemsidans lansering motta beröm från flera håll för design och användarvänlighet från bland annat en konkurrerande webbbyrå.

8 Q Frontend-utvecklare, ensklid firma, Kund: Konst i Västerbotten AB, Umeå. Region Västerbotten har det regionala utvecklingsansvaret i Västerbottens län och bildades 2008 av länets 15 kommuner och Västerbottens läns landsting. Organisationen syftar till att ta politiskt ansvar för utvecklingsfrågor och tillväxtarbete i regionen. Inom Region Västerbotten finns en satsning vid namn Konst i Västerbotten, framtagen av konstkonsulentverksamheten i regionen, länets konstnärer och andra aktörer på konstscenen. Syftet med projektet var att skapa en fungerande prototyp av en webbapplikation åt Konst i Västerbotten. Målet var att väcka nyfikenhet för konst, vara ett pedagogiskt verktyg samt inspirera till utforskning och tillgängliggöra den konst som finns tillgänglig för allmänheten i Västerbotten. Prototypen som togs fram döptes till Konstjakten. I prototypen var tanken att användaren skulle samla pusselbitar genom att gå runt i Umeå och besöka konstverk som fanns utmärkta på en karta, men för att förenkla användartester begränsades prototypen till en förvald pusselbit. När användaren kom nära ett konstverk meddelande applikationen att användaren skulle börja leta efter konstverk i dess omgivning. Användaren kunde även ta bild på konstverket. Målet var att samla alla pusselbitar och på så sätt besöka många konstverk. Jag utvecklade webbprototypen i HTML5, CSS3 och JavaScript och med hjälp av Twitter Bootstrap och JQuery. JAg gjorde det möjligt att starta kameran från webbapplikationen så att användarna kunde ta bild på konstverken. Projektet resulterade i en webbapplikation som uppmanar människor att gå ut och titta på konst i Umeå stad. Prototypen av webbapplikationen fick mycket god feedback.

9 Q UI-designer, ensklid firma, Kund: Nordic Factory AB, Stockholm. Nordic Factory s reklamprodukt BannerFlow möjliggör för företag, marknadsförare och designers att skapa och underhålla ett stort antal banners. Produkten gör det möjligt att designa reklambanners som enkelt går att konvertera till andra storlekar och bildförhållanden. I BannerFlow kan användare designa reklambanners från grunden alternativt designa om befintliga exempel-mallar. Nordic Factory ville ha hjälp med att designa just dessa mallar för sin produkt. De ville ha runt tio olika kampanjer med mallar av varierande storlekar där deras kunder kunde hämta inspiration eller justera efter behag. Den lättsamma och förhållandevis enkla användarupplevelsen underlättade den framtida användningen av en produkt eller tjänst. Min roll var att som GUI-designer ta fram och designa mallarna för BannerFlow. Detta gjorde jag genom att använda BannerFlows egen online-editor, vilken var lättanvänd och intuitiv. Alla effekter och attribut av en banner är gjorda i HTML5 och all kod genereras av BannerFlows online-editor för att underlätta för användarna. Tack vare min design på mallarna har BannerFlows användare kunnat komma igång snabbare med sina egna banners och de har även kunnat använda dem som inspirationskälla.

10 Q UX-designer och UI-designer, ensklid firma, Kund: Bostaden Umeå AB, Umeå. Bostaden grundades 1952 och är ett kommunägt bostadsföretag. De äger och förvaltar runt 45 procent av Umeås hyresrätter vilket gör dem till staden största aktör på hyresmarknaden. De hyr ut både studentbostäder, vanliga hyreslägenheter och lokaler. Deras nuvarande webbplats lanserades Då den befintliga hemsidan hade funnits i fem år var den i behov av att uppdateras. Majoriteten av besökarna på hyresvärdens hemsida använder sig av sidan för att hitta lediga lägenheter. I och med detta är det av största vikt att de tillgängliga lägenheterna är lättåtkomliga, med så få klick som möjligt. Bostadens hemsida krävde vid tillfället många klick från användarna och det var även otydligt hur de kunde ta sig vidare till de olika undersidorna eftersom det fanns många sätt att göra detta på. Bostaden var därför i behov av en användbarhetsanalys för att göra hemsidan mer lättnavigerad och tillgänglig för besökarna. Jag kom in i projektet som UX- och UI-designer. Bostaden ville ta reda på hur deras besökare klickade sig runt på sidan och vilka enheter de använde för att besöka den. Med hjälp av Google Analytics kunde jag ta reda på detta, identifiera användares beteendemönster och på så sätt ge råd kring hur Bostaden skulle kunna göra sin webbplats mer lättnavigerad och användarvänlig. De bad också om ett designförslag av en ny mobil- och tablet-anpassad hemsida som jag gjorde som en klickbar HIFI-prototyp. Jag fick under projektet fram information om användarnas beteende och kunde kartlägga detta. Resultaten och förslag till förbättringar presenterades i en rapport för medarbetare på Bostaden Umeå. Kunden var mycket nöjd med projektet och ville utveckla detta i en senare fas.

11 Q3-Q UX-designer och UI-designer, IFS, Sri Lanka. Industrial and Financial Systems (IFS) är en ledande global leverantör av affärssystem som hjälper företag att bli mer flexibla. Med omfattande kunskaper inom utvalda branscher erbjuder IFS ett flexibelt, helintegrerat affärssystem (ERP) inklusive lösningar för underhåll (EAM) och service. IFS grundades i Linköping 1983 och är ett publikt aktiebolag med cirka anställda. IFS stödjer fler än kunder över hela världen genom lokala kontor och partners. IFS hade brist på interaktionsdesigners och behövde hjälp i ett flertal projekt. Det fanns många olika projekt där gränssnitten behövde ses över och förbättras. IFS har mestadels utvecklare och har därför inte lagt så mycket tid på designen av gränssnitt. Till följd av detta fanns det väldigt många applikationer där gränssnitten behövde göras om. Jag kom in i flera projekt och designade nya- samt förbättrade befintliga gränssnitt. Detta gjorde jag genom att ta bort onödig information och strukturera om användarflödet så att användaren lätt kunde navigera dit de ville. Dessutom designade jag nya estetiskt tilltalande gränssnitt och genomförde användarstudier. Genom mitt arbete kunde förbättringar ske fortlöpande. IFS var mycket nöjda med mitt arbete. Språk Svenska Mycket god kunskap Uppvuxen i Sverige Engelska Mycket god kunskap Har talat engelska hela mitt liv då min mor kommer från Irland. Övriga meriter Vald till årets ID:are Varje år koras en student till årets ID:are av resten av programmet. Jag blev vald till årets interaktionsdesignsstudent år Ordförande i festeriet Jag var år 2013 ordförande i programmets festeri där jag har sett till att vi styrt upp roliga aktiviteter för resterande studenter på programmet. Utbytesstudier i Sri Lanka Studerade datavetenskap i Sri Lanka hösten Jag lärde mig otroligt mycket om kulturen, människorna och hur annorlunda det är i ett utvecklingsland jämfört med Sverige.

12 Ansvarig i mottagningen av nya studenter År 2011 var jag en så kallad General och var ansvarig för mottagningen och infösningen av de nya studenterna i Interaktion och Design-programmet. Under 3 veckors tid hade vi alla väldigt kul med en massa aktiviteter. Referenser Referenser lämnas på begäran.