Killer apps – sådan

Velkommen08:55: Vi sætter os ned (ikke før)09:00: Claus Sølvsteen: Velkommen 09:05: Laust Jørgensen: Sådan vælger du teknologi09:45: Pause - alle strækker ben10:00: Mads Vad: Sådan bygger du en KILLER-APP10:45: Slut

Sådan vælger du teknologi

Mulighederne• Tendenser• Mobil web tilstedeværelse • Apps• Overblik og omkostninger

Det er ikke enten eller – det er både og...

Danmarks statisik

Internetbrug på mobilen er steget fra 33% til 70% i perioden 2011-2014

GWI 2013 Q3

De 16-24 årige bruger 2,84 timer per dag online via deres smartphones

Kilde: Gemius officielle internetmåling

Kilde: https://think.withgoogle.com

Responsivt Mobil Tablet Desktop

Responsivt (11.950) 36,95% 15,90% 47,15%

Responsivt (1.068.709) 31,00% 18,67% 50,33%

Responsivt (616.622) 21,73% 12,90% 65,38%

Responsivt (606.984) 44,63% 44,10% 11,28%

Ikke Responsivt (32.746) 26,45% 17,42% 56,16%

Ikke Responsivt (478.545) 14.48% 23,18% 61,84%

Argumenterne for at være responsive er massive

Er mobile first noget med at tjekke facebook om

morgenen?

Design (and develop) for the smallest device first – then add things

Mobile first

True responsive design is fluid

Responsive

Adaptive design uses a series of static layouts based on breakpoints.

Adaptive

Breakpoints are the point a which your sites content will respond to provide the user with the best possible layout to consume the information. 

Breakpoints

..to create and serve up the best experience possible, and then account for each possible degradation and ensure that despite any shortcomings, the site would remain functional.

Gracefull degradation

Design for the smallest screen, bandwidth and lowest functionaly first – then add

Progressive enhancement

Fordele ved responsiv løsning• Der er kun ét website, og det er nemmere

at administrere et site på tværs af alle devices

• Der er kun én URL, og det sikrer at brugerne finder dig

• SEO – der er kun et sted der skal SEO optimeres

• Omkostninger – det er billigere kun at vedligeholde et website

Ulemper ved responsiv løsning• Der er kun ét website – det gør det svært at

tage hensyn til de behov som brugerne kan have afhængigt af brugssituationen på forskellige devices

• Performance – det er svært, og nogle gange ikke muligt, at tage hensyn til alle de gamle (og langsomme devices) med responsivt design

• Indbyggede funktioner – er der ikke adgang til• Det kommer kun på brugernes ”hjemmeskærm”

vha. et bogmærke, hvis man overhovedet kan få dem til at sætte det

Mobilsite

Fordele ved et mobilsite• Brugeroplevelse – du har et site der

henvender sig specifikt til brugerne på mobile devices

• Hastighed – du har et site der performer godt på de mobile platforme (da der ikke bliver loadet noget ekstra indhold)

Ulemper ved et mobilsite• Lidt gammeldags løsning – (! kan stadig være

relevant) vil typisk dog blive løst med et responsivt site

• URL – du har en ekstra URL som dine brugere skal finde dig på

• Vedligeholdelse – nu har du to sites der skal vedligeholdes

• Mange forskellige devices (selv med et specifikt mobilsite er du ikke sikret at ramme alle. F.eks. touch og ikke touch devices)

Web app

Fordele ved en web app• En kodebase at vedligeholde• Nemmere kodesprog at skrive i• Ingen godkendelsesproces i App store

Ulemper ved en web app• Kan ikke findes via App store• Har ikke adgang til de indbyggede

funktioner• Afhængig af at være online

Hybrid app

Fordele ved en hybrid app• Kan benytte de indbyggede funktioner• Kan genbruge en stor mængde kode på

tværs af platforme• Kan findes via App store

Ulemper ved en hybrid app• Afhænger af browserens hastighed• Skal godkendes til App store

Native app

"They are developed specifically for one

platform, and can take full advantage of all the device

features”

Fordele ved en native app• Brugeroplevelse – kan tilpasses helt

specifikt til brugssituationen på det enkelte device

• Alle de indbyggede funktioner• Hastighed• Synlighed – er på brugerens skærm hele

tiden

Ulemper ved en native app• Vedligeholdelse – forskellige platforme =

forskellige kodesprog• Adgang via App store• Apple tager 30% af in-app purchase

Overblik

Responsive Mobilsite Web app Hybrid app Native app

Største fordel Kun et site at vedligeholde

Specifikt til mobil

Fungerer på alle platforme

Bedste af begge verdener

Alle de indbyggede funktioner

Største ulempe Ikke til stede på home screen Flere URL’er % Indbyggede

funktioner

Afhægig af browser

hastighed

Mange vedligeholdelses

punkter

Omkostninger Middel til høj - men kun til et site Relativt billigt Relativt billigt Middel til høj Høj

Online / offline Kun online Kun online Kun online Kan fungere offline

Kan fungere offline

App store Nej Nej Nej Ja Ja

At have en mobil presence ER en god ide

Det du gerne vil opnå er afgørende for, hvor du skal

sætte ind

Find din indre killer app3. december 2015

Introduktion. • Kontaktdirektør hos Peytz & Co.• Fokus på strategi og forretningsudvikling

med udgangspunkt i brugerbehov og service design.• +15 års erfaring med digital produkt- og forretnings-

udvikling indenfor IT og medier.• Tidl. digital direktør og medlem af koncernledelsen

i Berlingske Media.• Med i lanceringen af +100 apps til smartphone

og tablet.

Evolutionen. Fra mobility til killer app

Mobilrevolutionen. Den digitale schweizerkniv

Mobilrevolutionen. Vores nye livsledsager

Venskaber

Sundhed

Transport

Arbejde

Penge

Opgaver

Mobilrevolutionen. Det essentielle spørgsmål

Har jeg strøm nok?

Men hvad betyder det dog for mig og min virksomhed?

Step 1. Hvordan kommer vi i lommen på folk?

Step 2. Hvordan skaber vi værdi og bliver brugt?

Killer App…men hvordan det?

#1. Det starter og slutter med kunden

Det ville være fedt hvis jeg

kunne…Det irriterer mig grænseløst, at…

#1a. Map kundens behov

VærdiSkabere

SmerteStillere

Produkter & Services

Værdi

KundeBehov

Smerte

#2. Kortlæg jeres brugsscenarier

#2a. Map jeres produkt/service til behov

VærdiSkabere

SmerteStillere

Produkter & Services

Værdi

KundeBehov

Smerte

#3. Syretest jeres hypoteser ude i virkeligheden

#4. Skab et killer-fit

VærdiSkabere

SmerteStillere

Produkter & Services

Værdi

KundeBehov

Smerte

En hyppig brugssituation

• En pause• På vej• Lean Back• Utility-situation

Lav kognitiv friktion

• Pølsefingervenlig• Indlysende funktion• (subset af features)

Emotionelt belønnende• Social værdi• Fortryllet funktionalitet• Emotionelt design

#4a. Processen mod en killer app

#5. Start den kreative proces

#5a. Lav kognitiv friktion

#5b. Skab emotionel belønning

B.I.V.A. Pitch• Behovet• Ideen• Værdiskabelsen• Alternativer

Oversat fra NABC, Stanford Research Center

Kill! Kill! Kill!

1A4

#5c. Fokusér på værdiskabelsen

#5d. Lav iterationer

Hvad skal fastholdes?Hvad var rigtig godt

Konkrete forbedringsforslag

Justeringer

• Giv folk et sted at gå hen med ideerne• Gør de enkle værktøjer tilgængelige• Skab korte enkle sessions, hvor folk kan

arbejde med ideer• Saml op og giv det en stemme på

fællesmøder• Ledelsen skal kigge på ideerne

#5e. Tips til den gode proces

#6. Prioriter de idéer, I vil gå videre med

#7. Start pretotyping

#7a. Eksempler på redskaber

#8. Byg, lær og bliv klogere

Opsummering. På vej mod en killer app• Tag udgangspunkt i kunden og vedkommendes behov.• Map jeres produkt/service til behov.• Test hypoteser i virkelighedens verden og skab et killer-fit.• Kør en god kreativ proces.• Prioritér de bedste idéer.• Kom nærmere produktet med pretotyping.• Byg, lær og bliv klogere – og find jeres killer-app!