Till SVT Barn har jag byggt en målarbok som fungerar bra på deras responsiva sajt. Målarboken fungerar alltså både på smartphones, iPads och på vanliga datorer. I målarboken kan användaren välja bland bilder redaktörer lägger in, färga med olika färger och stämpla roliga bilder. För att redaktörer enkelt ska kunna administrera alla målarböcker har jag byggt ett smidigt adminsystem.
Hjälpt till med framtagning av koncept, användartestat, programmerat HTML5 med Canvas och javascript med biblioteket KineticJS, testat på massor av iPhone, iPad och Android devices. Adminsystemet körs i en vanligt webbläsare och här har jag använt HTML5 och Javascript-ramverket Backbone.
Utgångspunkt tillsammans med projektledare och UX designer från SVT. Grafisk design tillsammans med grafisk designer från SVT. Användartest utfördes av mig och UX designer från SVT med barn som besökte SVT:s lokaler. Användartesten gav djupare förståelse för hur barn skapar mening i målandet. Ett exempel var hur jag såg det som en bug att man inte kunde ta bort några stämplar i ett av testen, medan barnet såg dem som magiska eftersom de var kvar där.
Här visas hur målarboken använts på SVT Barn. Barn kan rita, färglägga, stämpla animerade stämplar med mera.
Målet har varit att göra målarboken enkel att administrera. Nya bilder läggs till genom att redaktörer vektoriserar en vanlig bitmappbild (en svartvit bild). Detta görs genom ett klick i Illustrator, funktionen live-paint. SVG bilder läggs sedan in i målarboken. Redaktörer kan ange vilka färger som ska användas till vilken bild. På liknande sätt kan redaktören också lägga in animerade stämplar, såsom snurrande skruvar och muttrar i en målarbok, medan en annan målarbok kan få flygande fåglar och flugor. Med insikt i redaktörernas arbete designade och utvecklade jag ett adminsystem för att hantera målarböckernas alla funktioner.
Här kan du prova en enklare variant av den målarbok som används på SVT Barn. Här används SVG istället för Canvas i bakgrunden. Prova gärna. Klicka på den gröna knappen med en vänsterpil för att komma åt fler bilder att måla :)
Spelutveckling i LibGDX där gameplay, grafik och teknik kombinerades för web och Android.
Mer om Blowfish, spel till Android och webbläsare
Mobilspel med backend där speldata, användare och multiplayerfunktionalitet hanteras via API.
Mer om MMA-Quiz, spel till Android
Spelutveckling i Flash och C++ med fokus på gameplay-loopar och procedural variation.
Mer om Sacka
Frontendarkitektur och prototyper i ett agilt team, med fokus på interaktivitet, grafer och användarcentrerad utveckling.
Mer om Avanza Banks nya webb
Fullstack-utveckling av play-tjänster och interna system med fokus på skalbarhet och innehållshantering.
Mer om Webbutveckling Viasat
Produktionsledning av e-learning där innehåll översattes till tekniska lösningar och digitala utbildningar.
Mer om e-learning på Liber
Affärssystem utvecklat i PHP där interaktionsdesign och datamodell togs fram från grunden.
Mer om Faktureringssystem
Experimentell UX-studie som undersöker hur flytt av brickor i gränssnittet kan fungera som stöd i tänkande och problemlösning.
Mer om Embodied UX i ett ordspel: flytt av bokstavsbrickor som kognitiv strategi
