killer apps - sådan
Post on 20-Mar-2017
305 Views
Preview:
TRANSCRIPT
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!
top related