KATEGORIER: design, effekt, filmer, grafisk form, interaktionsdesign, kreativitet, metoder, projekt, trender, user experience, valtech
Igår hölls lunchseminarium på Valtech, Visar Ulaj pratade om Design Thinking – vad det är och vad man kan tjäna på att ha med ett designtänk tidigt i processen, redan på en strategisk nivå. Några highlights i form av viktiga saker att fokusera inom Design Thinking:
- Human centered – fokusera på de människor som ska uppleva det man skapar!
- Collaborative – utnyttja kraften i att samarbeta med andra i tvärfunktionella team, där olika kompetenser och infallsvinklar ger synergieffekter som tar lösningen till en högre nivå. Det handlar både om att samarbeta inom projektteamet, men också med kunden och kundens användare.
- Experimental – våga experimentera och ta risken att det blir fel ibland. Utan att våga experimentera är det svårt att tänka helt nytt. Prototypa, testa och iterera för att komma framåt.
- Optimistic – rätt inställning: det går alltid att göra skillnad!
För dig som missade presentationen kommer här den inspelade dragningen:
… och själva presentationen:
Nu tar vi ett litet uppehåll med de öppna lunchseminarierna men drar igång i höst igen. Har du önskemål om något speciellt ämne som du vill höra en dragning om hos oss i höst? Lämna en kommentar med förslag!

Nu söker vi fler talanger till höstens talangprogram!
Programmet innehåller en kombination av scoiala aktiviteter och gedigen utbildning. Utbildningen består av flera aktiviteter och moment, bl.a. praktik, utbildning, certifieringar inom bland annat EPiServer och Microsoft Certified Solution Developers samt en utlandsvistelse. Varefter tiden går miskar utbildningsdelen succesivt medan man mer och mer går över till att jobba i tvärfunktionella projektteam.
Anställningsformen är tillsvidareanställning med fast lön.
Ansökan
I maj anordnar vi en uttagningsdag fylld av information om Valtech och programmet, problemlösning och intervjuer, vilket sedan ligger till grund för bedömning av vilka som anställs till programmet.
Skicka ditt CV inkl. utbildningsår, betygsmedel och en kort presentation av dig själv till talang@valtech.se senast den 17 maj.
Antagningsdag till programmet är den 23 maj. Skulle du ha förhinder just den 23:e kan vi givetvis göra undantag och erbjuda en annan dag.

Valtech och Viaplay arrangerar tillsammans detta event som vänder sig till dig som har ett intresse för tjänsten Viaplay, och fotboll såklart
Tobias från Viaplay och Gabriel från Valtech kommer berätta hur tjänsten Viaplay fungerar ur ett tekniskt perspektiv. Vi hoppas såklart på massor av intressanta frågor och infallsvinklar från er besökare.
Under kvällen kommer Valtech att bjuda på burgare och dryck. När klockan slår 20:45 kommer finalmatchen mellan Borussia Dortmund och Bayern München att visas.
Matchen
För första gången i Champions Leagues historia möts två tyska lag – Borussia Dortmund och Bayern München. Vi utgår ifrån att båda lagen spelar lika underhållande fotboll som i sina respektive semifinaler.
Maten
Innan och under första delen av matchen kommer det bjudas på grillade burgare, med tillbehör, från vår husleverantör Taylor & Jones. Självklart kommer det finnas ett vegetariskt alternativ.
Drycken
Vi kommer bjuda på ett gäng alkoholhaltiga drycker, däribland ett öl från Dortmund och ett från Bayern kvällen till ära. Om du inte är sugen att gå banans har vi självklart alkoholfria alternativ.
Var
Hemma hos Valtech på Kungliga Myntverket, Hantverkargatan 5
När
Klockan 18:30 kommer vi dra igång med förmingel, kom gärna tidigare men inte senare.

Jag fick chansen att, tillsammans med några andra Valtechare, åka till årets Railsberry 2013 som hölls i Krakow mellan 22 och 23 April.

Till skillnad från tidigare tillfällen var ledordet denna gång “Allt utom Rails” och programmet hade en uppsjö av både mjuka och tekniska talks.
Temat var Experiment och detta genomsyrade de två dagarna både i detaljerna kring inredning och kring talks.
Detta var mitt första Railsberry och jag gillade upplägget och framförallt att de två dagarna endast hade ett spår så man slapp känna att man missade något.
Dag 1 inleddes av en keynote av @ChadFowler. Temat var att experimentera och snabbt sammanfattat så försökte han förklara vad det är, varför man bör göra det och hur man gör det.
Han berättade att ordet experimentiell har fått en negativ klang men att det är fel. Experiment är att testa någonting nytt utan att ha förväntningar på resultatet eller att ha ett mål. Han ville förmedla att experiment tar oss framåt i små steg, hjälper oss komma över hinder, utvecklar och inspirerar oss.
Dagen fortsatte och några av de dragningar som jag minns mest är Fred Georges (@fgeorge52) tal om Agile is the new black. En engagerande talare som genom gamification fick sina lyssnare att samla poäng genom saker man bör och inte bör göra om man använder sig av agile. Jag tror att alla mer eller mindre fick sig en knäpp på näsan.
Agnieszka Figiel (@agnessa480) berättade om utmaningarna kring Taxonomi eftersom klassificering och standarder har ändrats genom tiden. Hon visade hur hon och hennes team använt sig av CTE (rekursiva frågor) och Windowing för att få ut korrekt data. Här finns hennes slides.
@JosephWilk hade en intressant dragning om Creative Machines. Han visade exempel på olika maskiner/program som kan skapa konst, musik och poesi.
Han ställde frågan om en maskin verkligen kan vara konstnärlig eftersom den i sig själv inte berörs eller förstår vad den har skapat utan endast gör vad den har blivit programmerad att göra. Han visade en program han skapat själv som genom AI skapar haiku poesi. Han visade två haikus och frågade publiken vilken som var skapad av hans program. Vi kunde inte sätta fingret på varför men i stort sett alla gissade rätt på vilken som var genererad.
AARON är en maskin som målar människor. Den har programmerats att förstå vilka delar en människa bör ha för att uppfattas som människa. Det tog AARON flera år att lära sig blanda färger. Här finns några exempel på vad AARON har skapat.
Dag två bjöd på fler intressanta talks.

Bland annat berättade Geoffrey Grosenbach (@topfunky) om vad som skiljer “master” utvecklare från vanliga dödliga och hur vi kan lära från dem. Han har följt flera utvecklare som han ser upp till och har noterat följade gemensamma drag:
- Skissa lösningen på papper
- Optimera verktyg (shortcuts keys etc)
- Gör en lista med saker man stöter på som man kan optimera och åtgärda dem senare så att arbetsflödet inte störs
- Använd source control för att kommunicera
- Ser på problem som ska lösas både historiskt, i nutid och i framtid
- Sparsam med dokumentation/kommentarer
- Inser att den första ideén sällan är den bästa
- Förstår hur lång tid saker tar och vet när det är dags att avbryta och ta nya tag
Han uppmanade oss alla att “learn by watching” och att även be masters lära oss.
Greg Pollack (@greggpollack) berättade om e-learning och dess framtid. Han menar att e-learning endast täcker en del av de behov som krävs för att utveckla oss men att det är ett bra verktyg för de som sitter på distans och som arbetar bättre och mer fokuserat på egen hand istället för i stökiga klassrum. Gamifiering är något som tagit plats inom e-learning och han visade Hakitzu som är ett iphone/ipad spel som lär barn programmera genom att de själva får skapa en robot och programmera denna med javascript. Han visade även andra typer av e-learning tjänster som tex craftsy som har blivit väldigt populär. Han visade att dagens e-learning verktyg är mer sofistikerade och interaktiva. Tex att ett stycke kod tex kan spelas upp så man visuellt får se steg för steg vad varje rad kod gör mm.
Katrina Owen (@kytrinyx) som kallar sig själv för refactoring junkie höll en intressant dragning om 467 tests, 0 failures, 0 confidence om att skriva tester på rätt sätt. Hon vill att vi ska ta oss en funderare på hur vi ska skriva tester för att de ska
arbeta med oss och inte mot oss. Hur ofta har man inte råkat ut för att ett projekt visar röda tester men ändå fungerar så som man tänkt? Eliminera förvirrande/missvisande tester och skriv nya som faktiskt gör nytta!
En utav de dragningar som jag tror de flesta kommer minnas är Felix Geisendoerfer (@felixge) och hans dragning Programming Flying Robots with JavaScript Anything där han live-programmerade en drone av typen Quad Copter. Quad Copter har en router i sig som man kan komma åt via wi-fi. Han visade ett exempel med bash och ett exempel med Go. Här är ett klipp på hur det såg ut:
Quad Copter doing a flip
Kolla in http://www.railsberry.com/ för mer info. Mina intryck av konferansen var mycket goda och hela eventet var mycket bra planerat och organiserat. Det ska bli intressant att se hur Railsberry kommer utvecklas till nästa år då det från föregående år till i år har gått från 150 till 500 besökare! En iakttagelse var att av runt 500 besökare var ca ett 30 tal kvinnor. Detta är ingen ovanlig siffra men jag hade hoppats på en högre siffra eftersom railsgirls.com verkar väldigt aktiva.
Ett intressant koncept var att varje dag avslutades med något som kallas för Lightning Talks. Det innebar att vem som fick gå upp under 3 minuter och berätta om något de tycker är viktigt. Gick de över tiden ljöd ett alarm och de blev nerfade. Folk berättade om egna smarta lösningar och kommande events och liknande. Här är ett urplock på saker som dök upp:
https://github.com/paranoida/sass-mediaqueries
http://2013.eurucamp.org/
http://unity3d.com/unity/multiplatform/mobile
http://www.makerland.org/
http://nodecopter.com/
http://mehackit.org/
Detta var en kort sammanfattning av Railsberry 2013.
Railsberry kan varmt rekommenderas!

Gänget bakom Railsberry
SSM, Stålsäkerhetsmyndigheten, or rather The Swedish Radiation Safety Authority to put it in it’s international status, an authority that let’s face it, not many of us knew existed right? But nevertheless, this government funded authority plays a major role in our well being. It’s purpose, to quote from it’s website:
“The Authority works proactively and preventative in order to protect people and the environment from the undesirable effects of radiation, now and in the future. We continually strive for development through continuous improvements based on established standards to maintain quality and standards to protect natural and occupational environments.”
SSM approached Valtech requesting a unique UX/design solution. The goal was to simplify their data reporting process area for their engineers, scientists and the different bodies who needed to report and archive their radiation results which are conducted from numerous researches, tests and experiments. With the ability to save, search, add to, erase, amend and log data, this process was tiresome, lengthy and an unintuitive process to administer. It could be said it was more of a necessary burden rather than a willing procedure. But nevertheless, with some smart UX and design work we constructed a perfect work flow that saves time, money and importantly engages the user whilst simplifying the administration work. The UX process naturally took the initial lead role with actual user interviews and user tests, a design flaw critique was set up and work flow problems analyzed. The results from this work was then left in the hands of the designer to translate all the wire frames and initial question marks into a final interface solution that would meet all the criteria initially set out.
Below are a few examples of how the UX work v design process ended. Evidence there is a side of design that can silently sneak in and work wonders in otherwise untouched areas without fuss, without complications. Now a very appreciated tool, we can be sure that the scientists, engineers and governing bodies are logging results and data using our solution thus keeping us safe from radiation exposure that could otherwise turn us all into Homer Simpsons.

SSM wireframe



Tack till alla som kom på gårdagens lunchseminarium om e-handel! Arne Andersson, e-handelsexpert på Posten pratade om den ökande e-handeln, vilka trender man kan se och vad man bör tänka på om man ska börja med e-handel. Några highlights från Arnes presentation:
- Konsumenten drivs av tillgänglighet, snabbhet och bekvämlighet!
- Enjoyable! Din E-handelsupplevelsen måste smaka gott hela vägen från nyfikenhet – till att du öppnar paketet hemma!
- Tänk omnichannel – för att lyckas behöver varje kontakt specialiseras i din kommunikationen med din kund t.ex. från upptäckande, sökning, dela med vänner, jämföra och köpa!
Avslutningsvis berättade Ulla Dahlstedt, Temaresor, och Mattias Malmer, Valtech, om hur Temaresor har gått från att ge ut katalogen “1 gång per år till 1 gång per dag”.
Presentationen finns som vanligt på Slideshare, och filmen kommer inom kort!
I torsdags var det dags för lunchseminarium@Valtech och Myntet var fullsatt. Anna Söderblom från Svensk Fastighetsförmedling pratade tillsammans med Mattias Malmer och Johannes Bäckström från Valtech om sociala intranät och vad det innebär för ett företag eller en organisation att ändra synsätt från information till kommunikation.
Anna, Johannes & Mattias viktigaste tips:
Ett socialt intranätsprojekt är inte bara ett teknikprojekt
Ett socialt intranätsprojekt är också ett kulturprojekt. Du kommer att behöva jobba med kulturen på din organisations intranätet för att åstadkomma ett intranät där det är naturligt att dela kunskap och engagera sig.
Jobba med sociala ambassadörer
För att skapa en kultur där det är okej att engagera sig, interagera och dela kunskap brukar vi prata om att jobba med sociala ambassadörer. Det vill säga en grupp användare som har till uppgift att starta upp och driva diskussioner på intranätet. Det är viktigt att denna grupp är en grupp med blandade användare så att den inte signalerar att bara en viss typ användare (som är särskilt duktiga på att skriva) är de som ska bidra på intranätet.
Ta små steg framåt
Om du tar små steg framåt istället för stora kliv kommer din organisation och dina användare att stegvis kunna ta till sig de förändringar som det sociala intranätet innebär. Med små steg framåt så har du också möjligheten att få återkoppling och lära dig saker under resans gång.
Relevans
Vi konkurrerar om mottagarnas uppmärksamhet och intranätet är inget undantag, och vad är egentligen relevans? Kan någon annan avgöra vad som är relevant för dig? Personalisering (att användarna får välja själva vilken information som de ska ta del av) och segmentering (att du utifrån det du vet om användaren anpassar hennes informationsflöde) är två viktiga framgångsfaktorer för att skapa ett relevant informationsflöde på ditt intranät.
Filmen från presentationen är på gång. För dig som är intresserad finns själva presentationen tillgänglig via SlideShare:
I denna artikel beskriver vi hur du på enklaste sätt genererar en klickbar HTML-prototyp med prototypverktyget Axure och sedan testar den i din smartphone. Artikeln riktar sig främst till interaktionsdesigners, formgivare, webbdesigners och andra som arbetar med mobila användarupplevelser.
Prototyper är bra som kommunikationsmedel mellan designer och organisation. Människor utan större teknisk förkunskap kan i ett tidigt skede förstå hur flöden och interaktionsmoment fungerar och få en känsla av hur det är att faktiskt använda produkten eller tjänsten. Det vill säga, få en känsla av användarupplevelsen (UX).
När vi jobbade med Dagens Nyheter i ett projekt nyligen tog vi fram en enkel HTML-prototyp av tjänsten för att kommunicera med organisationen hur vi ville att denna skulle fungera. Denna prototyp gick att testa i sin egen smartphone, vilket kom betydligt närmare en riktig mobil upplevelse, jämfört med att t.ex. visa wireframes på papper, skärm eller projektor.
I denna artikel beskriver vi hur du på enklaste sätt kan ta fram en körbar HTML-prototyp med ett prototypverktyg, ladda upp den på en lokal http-server och sist öppna den i din smartphone eller tablet för att kunna dema för kund och andra intressenter.
Du behöver (checklista):
- Axure RP (eller annat prototypverktyg som kan generera HTML-prototyper) till din Mac eller PC. Finns att ladda ner en gratis 30 dagars trial på www.axure.com
- En webbserver (lokalt på din dator eller på en extern http-server). I denna artikel beskriver vi hur du sätter upp en egen webbserver på enklaste sätt i Mac OS X.
- En smartphone att testa på.
- Ett WLAN (trådlöst nätverk) som både din dator och din smartphone är uppkopplade mot.
Steg 1 av 3: Skapa en mobil prototyp med Axure

Exempel på mobilprototyp i Axure.
För enkelhets skull placerar vi en bakgrundsplatta på alla sidor som är 320 pixlar bred. Denna fungerar som sidans storlek när vi kör den i en mobiltelefon. Allt innehåll och all funktionalitet måste placeras inom denna yta för att det renderas snyggt i en smartphone.
När vi är klara med prototypen så genererar vi den som en HTML-prototyp genom att klicka på Generate → Prototype. Under fliken Mobile/Device kryssar du i Include Viewport Tag. Vi brukar även vilja låta användaren kunna zooma fritt, så under User Scalable skriver vi Yes.
Välj sedan var på din dator som prototypen ska genereras under fliken General och tryck sist på Generate. Nu har du en lokal prototyp som går att komma åt från din egen hårddisk, men ej utifrån.
Axure skapar alltid en vänstermeny med en sitemap. När du vill visa din prototyp i en mobiltelefon vill du naturligtvis dölja denna. Det gör du genom att använda rätt sökväg till din sida. Klicka på Show Links and Options där du kan se sökvägen till sidan (utan sitemap). Du kan även klicka på link som öppnar denna sida direkt.
Steg 2 av 3: Lägg upp prototypen på en webbserver
Mac OS X
I Mac OS X finns en inbyggd HTTP-server som passar utmärkt för att dema enkla prototyper. Denna är Python SimpleHTTPServer. Du behöver alltså inte installera någonting på din dator för att detta ska fungera.
SimpleHTTPServer är bekväm att använda i Mac OS X då den följer med operativsystemet och gör det väldigt enkelt att starta en HTTP server i en specifik mapp. Den är dock inte supersnabb och lämpar sig därför inte särskilt väl för mer avancerade applikationer. http-server för node.js är ett snabbare alternativ som fungerar precis lika smidigt att starta i valfri mapp, men kräver separat installation.
Du kan antingen starta den manuellt via din terminal eller genom att installera vårt automatiska script:
- Ladda ner vårt script: http://deepfriedmind.com/devstuff/apps/start-python-simplehttpserver.zip (skapad av Andreas Wahlqvist, webbutvecklare på Dagens Nyheter)
- Zippa upp filen och lägg den i Applications. Dubbelklicka på zip-filen så extraheras scriptet, dra sedan .app-filen till mappen Applications.
- Skapa en genväg till Finder. Dra .app-filen från Applications-mappen och släpp den på verktygsfältet så att du får en ikon där.

- Gå till mappen dit du har genererat din prototyp (i steg 1) och klicka på din nya symbol på verktygsfältet. Nu startar din Python SimpleHTTPServer i ett terminalfönster.
Windows
- Om du kör Windows så rekommenderar vi att ladda ner WAMP och följa deras instruktioner för att skapa en lokal webbserver.
- Mappen som WAMP skapar på din dator är vanligtvis under C:\wamp\www (ifall du inte ändrar detta).
- I denna mapp publicerar du din Axure-prototyp (steg 1).
Steg 3 av 3: Öppna prototypen i en mobiltelefon
Nu kan du komma åt din mobila prototyp antingen lokalt från din egen dator (om du t.ex. kör iOS Simulator) eller via din smartphone.
Först måste du hitta datorns IP-adress:
- Mac OS X: klicka på Apple-menyn / System preferences / Network
- Windows 7: klicka på Start-knappen / Control Panel / Network and Internet / Network and Sharing Center (sedan Connection / View status / Details).
Sist öppnar du webbläsaren i din smartphone:
- Skriv in IP-adressen i webbläsaren med rätt portnummer (standard är 8000).
- Glöm inte att sätta rätt sökväg till html-filen som Axure har genererat (se steg 1).
- Exempel: 123.45.6.78:8000/Start.html
Voila!
Vi åstadkommer bättre användarupplevelser genom att designa agilt och utvärdera resultatet längs vägen. Prova därför att använda mobila prototyper i ditt nästa (mobila) projekt och se vilken positiv effekt det kan få inom organisationen och dess användare.