Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Killer apps - sådan

371 views

Published on

Morgeninspiration i København den 3.12.15 hos Peytz & Co om apps

Published in: Internet
  • Be the first to comment

Killer apps - sådan

  1. 1. Killer apps – sådan
  2. 2. Velkommen 08: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 teknologi 09:45: Pause - alle strækker ben 10:00: Mads Vad: Sådan bygger du en KILLER-APP 10:45: Slut
  3. 3. Sådan vælger du teknologi
  4. 4. Mulighederne • Tendenser • Mobil web tilstedeværelse • Apps • Overblik og omkostninger
  5. 5. Det er ikke enten eller – det er både og...
  6. 6. Danmarks statisik Internetbrug på mobilen er steget fra 33% til 70% i perioden 2011-2014
  7. 7. GWI 2013 Q3 De 16-24 årige bruger 2,84 timer per dag online via deres smartphones
  8. 8. Kilde: Gemius officielle internetmåling
  9. 9. Kilde: https://think.withgoogle.com
  10. 10. 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%
  11. 11. Argumenterne for at være responsive er massive
  12. 12. Er mobile first noget med at tjekke facebook om morgenen?
  13. 13. Design (and develop) for the smallest device first – then add things Mobile first
  14. 14. True responsive design is fluid Responsive
  15. 15. Adaptive design uses a series of static layouts based on breakpoints. Adaptive
  16. 16. 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
  17. 17. ..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
  18. 18. Design for the smallest screen, bandwidth and lowest functionaly first – then add Progressive enhancement
  19. 19. 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
  20. 20. 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
  21. 21. Mobilsite
  22. 22. 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)
  23. 23. 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)
  24. 24. Web app
  25. 25. Fordele ved en web app • En kodebase at vedligeholde • Nemmere kodesprog at skrive i • Ingen godkendelsesproces i App store
  26. 26. 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
  27. 27. Hybrid app
  28. 28. 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
  29. 29. Ulemper ved en hybrid app • Afhænger af browserens hastighed • Skal godkendes til App store
  30. 30. Native app
  31. 31. "They are developed specifically for one platform, and can take full advantage of all the device features”
  32. 32. 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
  33. 33. Ulemper ved en native app • Vedligeholdelse – forskellige platforme = forskellige kodesprog • Adgang via App store • Apple tager 30% af in-app purchase
  34. 34. Overblik
  35. 35. 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
  36. 36. At have en mobil presence ER en god ide
  37. 37. Det du gerne vil opnå er afgørende for, hvor du skal sætte ind
  38. 38. Find din indre killer app 3. december 2015
  39. 39. 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.
  40. 40. Evolutionen. Fra mobility til killer app
  41. 41. Mobilrevolutionen. Den digitale schweizerkniv
  42. 42. Mobilrevolutionen. Vores nye livsledsager Venskabe r Sundhed Transport Arbejde Penge Opgaver
  43. 43. Mobilrevolutionen. Det essentielle spørgsmål Har jeg strøm nok?
  44. 44. Men hvad betyder det dog for mig og min virksomhed?
  45. 45. Step 1. Hvordan kommer vi i lommen på folk?
  46. 46. Step 2. Hvordan skaber vi værdi og bliver brugt?
  47. 47. Killer App …men hvordan det?
  48. 48. #1. Det starter og slutter med kunden Det ville være fedt hvis jeg kunne…Det irriterer mig grænseløst, at…
  49. 49. #1a. Map kundens behov Værdi Skabere Smerte Stillere Produkter & Services Værdi Kunde Behov Smerte
  50. 50. #2. Kortlæg jeres brugsscenarier
  51. 51. #2a. Map jeres produkt/service til behov Værdi Skabere Smerte Stillere Produkter & Services Værdi Kunde Behov Smerte
  52. 52. #3. Syretest jeres hypoteser ude i virkeligheden
  53. 53. #4. Skab et killer-fit Værdi Skabere Smerte Stillere Produkter & Services Værdi Kunde Behov Smerte
  54. 54. 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
  55. 55. #5. Start den kreative proces
  56. 56. #5a. Lav kognitiv friktion
  57. 57. #5b. Skab emotionel belønning
  58. 58. 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
  59. 59. #5d. Lav iterationer Hvad skal fastholdes? Hvad var rigtig godt Konkrete forbedringsforslag Justeringer
  60. 60. • 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
  61. 61. #6. Prioriter de idéer, I vil gå videre med
  62. 62. #7. Start pretotyping
  63. 63. #7a. Eksempler på redskaber
  64. 64. #8. Byg, lær og bliv klogere
  65. 65. 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!

×