1.
15 insikterCAP&Design Live – ”Designa för mobilen”

2.
Erik TöyräWeb DeveloperEn dag om att designa för mobilen, tiotalare och mängder av intressantatankar och insikter.I det här dokumentet har vi summeratnågra av de insikter och lärdomar vi togmed oss från vår dag på seminarietCAP&Design Live – ”Designa förmobilen” i Göteborg den 21 maj 2013.15 insikterCAP&Design Live – ”Designa för mobilen”Christer HedbergDigital DirectorChristian DompertWeb DeveloperChristoffer NordinArt DirectorJocce LindblomWeb DeveloperOskar JohanssonWeb DeveloperThomas VargaSystems DeveloperInsikter#1 Make it simple – make it visual!#2 Mobile first. Experience first.#3 Prototypa för hand#4 Allt sker på användarens villkor#5 Fastna inte på tvåan#6 Hierarki & typografi#7 Den grå skissen#8 Designer! Hjälp din utvecklarkompis!#9 Animationer hjälper användaren#10 Vikten av en bra ikon#11 Testa, testa, testa!#12 Användartesta!#13 Skriv ner dina findings#14 Lev upp till förväntningarna#15 No more bulletpoints. Please, no more...

3.
Insikt #1Make it simple– make it visual!Man ska inte göra information snygg, man skagöra en design av information som löseranvändarens problem?Don’t make me think!

4.
Insikt #2Mobile first.Experience first.Kedjan för en kunds upplevelse mot ettvarumärke/företag är kan aldrig vara bättre änden svagaste länken i hela upplevelsekedjan.Oavsett hur bra appen är blir inte den totalaerfarenheten bra om t ex supporten ellerupplevelsen i företagets fysiska butik inte leverupp till förväntningarna.

5.
Insikt #3Prototypa för hand”Att skissa i datorn stänger av den kreativahjärnhalvan” – Mattias Nygård, MobientoPrototypa och skissa för hand. Skapa mångavarianter. Snabbt.Tips:Använd Prototyping on paper för att låtaanvändare testa appen redan i prototyp-stadiethttp://popapp.in

6.
Insikt #4Allt sker påanvändarens villkor39% använder mobilen på toaletten, 80%använder mobilen när de har en kort stund överoch 86% använder den när man tittar på TV.Mobilanvändaren är med andra ord inte understress som man lätt kan tro.Designa appen för den situation den kommeranvändas i. Västtrafik ska t ex tänka på att detkan vara svårt att se skärmen utomhus, mycketljud runt omkring, stressad om man vill hinnamed spårvagnen, etc. Samma premisser gällerinte för IMDB som används inomhus i ett mörktrum när man ser på film.

7.
Insikt #5Fastna inte på tvåanIngen har nånsin blivit glad av ”tekniker-design”.Man kan ”måla grisen” och lägga en design pådatan. Det blir snyggare, men engagerar det?Med en smula eftertanke och god design blirlösningen betydligt bättre. Men baserar mandessutom designen på användarinsikter och enrejäl dos kärlek kan appen bli magiskt engagerande.

8.
Insikt #6Hierarki & typografiVikta information i gränssnittet mot varandra ochge viktigare information högre prioritet i hierarkin.Hierarki behöver inte vara storlek, det kan vara t.ex.färg och form.Med hjälp av en bra hierarki skapar man en guideför användaren och sätter rätt stämning i appen.

9.
Insikt #7Den grå skissenInnan den slutgiltiga designen görs – gör en design igråskala. Var finns problemområden och var behövsmer kontrast. Flyter något ihop?Grånskaleskissen hjälper dig att ha fokus på rätt sak.

10.
Insikt #8Designer! Hjälp dinutvecklarkompis!Om du designar en animation i gränssnittet – görut den och visa utvecklaren hur den skall fungera.Annars kommer jobbet bara bollas fram ochtillbaka, ta längre tid och ni blir onödigtfrustrerade på varandra.Kärlek i projekten.Tips: UI Transitions är en site med animationerman kan länka till för att visa för utv hur mantänkt om man inte kan animera det själv.http://ui-transitions.com

11.
Insikt #9Animationerhjälper användarenRätt använda är animationer ett kraftfullt sätt attpå ett subtilt sätt kommunicera till användarenvad som pågår och vad man vill ha för action.Exempel: ”huvudskakningen” i Applesinloggningsruta när man skriver in fel lösenord.

12.
Insikt #10Vikten av en bra ikonIkonen är det första en användare kommer i kontaktmed i appstoren, och det man associerar appenmed när man ska starta och uppdatera den. Ikonenär appens konstanta ”annons”, ikonen är lika viktigsom gränsnittet.Slarva inte med ikonen!”Exponering utanför appstore ger ingen effekt alls”– Marthin Freij,Amazing Apps

13.
Insikt #11Testa, testa, testa!Testa alltid designen av en mobillösning imobilen eller läsplattan. Upplevelsen blir fel omdu testar i datorn. Ju förr man testar desto lättare är det att ändra föratt hitta lösningar på problemen. Längre in iprojektet blir det mer komplicerat, och därmeddyrare. Tips:Använd Skala Preview eller Live View.http://bjango.com/mac/skalapreviewhttp://www.zambetti.com/projects/liveview

14.
Insikt #12Användartesta!Testa på riktiga användare. Hela tiden. Göriterationer av lösningen baserat på feedbackendu får.Exempel på testmetoder: eyetracking,A/B-testoch MVT-test. KLM ökade försäljningen med 30% efter att maneyetrackingtestat sin webshop.

15.
Insikt #13Skriv ner dina findingsSkriv löpande ner de val av design/funktion du gör.Spara allt från dina första ”scribbles” till färdiga”mock-ups” så är det lättare för kunden att förståden resa du gjort för att komma fram till lösningen.

16.
Insikt #14Lev upp tillförväntningarnaUtnyttja de unika möjligheterna i mobilalösningar. Använd mobilens geopositionering,gps, accelerator, kamera och alla andra funktionersom finns i mobilen.Användaren förväntar sig det.

17.
Insikt #15No more bulletpoints.Please, no more...Att se en bra presentatör är en fröjd. Att se en brapresentatör prata engagerat om ett ämne ärdessutom inspirerande.Men så fort presentationen består av sida uppoch sida ner bestående av bulletpoints faller alltplatt. Väldigt platt.Ingen presentatör, hur engagerad man än måvara, kan lyfta en bulletpoint-presentation.Så låt oss lova varanda – inga fler bulletpoints.

18.
Vi är 120 personligheter som drivs av nyfikenhetoch innovationsglädje.Med hälften kreativa teknikutvecklare och hälftenkreatörer ser vi oss själva mer som uppfinnare änsom reklamare.Lite mer om oss hittar du på www.stendahls.se.Vill du få vårt veckomail där vi omvärldsbevakaroch tipsar om trender i den digitala världen?Maila oss på online@stendahls.se.Hälsningar,Vi på StendahlsLite om oss