SlideShare a Scribd company logo
1 of 60
Download to read offline
Design för
                    handhållna enheter
Patrik Åkerman von Knorring 2011-11-16
Om Cloud Nine
  Grundat 1999, privatägt
  Nordisk fullservicebyrå
  Strategi, kommunikation
  och teknik
  Cloud Nine Care
  Ca. 75 medarbetare
  Ca. 55 aktiva kunder
Ett urval av Cloud Nines kunder
Om Little Giants
  Mobilt fokus - Etablera oss som
  en mobil fullservicebyrå
  6, 10, 15
  Strategi, kommunikation
  och teknik
  iOS, Android (och .NET),
  HTML5
  Plattformsoberoende
PrisAppen
 Permission Marketing
 Appar, Webb, Admin
 GAE
 iOS (och snart Android)
Agenda
1. Vilka enheter
2. För vem
3. När använder man dem
4. Olika typer av ”appar”
5. Tillvägagångsätt
6. Case: Byggmax
7. Frågor
#1
Vilka enheter?
En del av något större

 Köpt                       Webbplats
 media
                                         Kampanj
              Communities
                                          sajter




 Direkt
 trafik                                         Bloggar
           Viral            Varumärke




                   Web-PR                Banners
Organisk
 trafik
                            Sökmotorer
1024 x 768   1280 x 1024
[bild]                     320 x 480
#2
För vem?
Global marknadsandel
       41%




                          21%
                                 16%        15%


                                                        6%
                                                                 4%


    ANDROID           SYMBIAN   IPHONE   BLACKBERRY   WINDOWS   OTHER

Källa: IDC 2011 Forcast
iOS-användaren
Android-användaren
#3
När använder man
handhållna enheter
När når vi användaren?


   80% 84% 31%
  Mobilsurfar när                          Mobilsurfar   Mobilshoppar när
  man har tid över                          hemma        dom tittar på TV

Källa:blog.compete.com, thephonecast.com
#4
Olika typer av ”appar”
Det finns fyra alternativ
   Mobilanpassade webbsidor

   Webbappar

   Hybridappar

   Native appar
1. Mobilanpassade webbsidor



        <html>


                 <html>
                          <html>
Mobilanpassad webb




   Mobilwebb     Mobilanpassad
    (m.dn.se)        webb
Börja med det mobila
         gränssnittet först.
(Även om ingen mobil version är planerad.)
                Luke Wroblewoski
Southwest Airlines
Southwest Airlines
Southwest Airlines
Din verktygslåda
   Skala innehåll

   Prioritera om innehåll

   Ta bort/Dölja innehåll

   Visa nytt innehåll
Paus och film
2. Webb app   (App fast ändå inte)




              webb app
3. Hybrid app




                Hybrid
                  +
4. Native appar
Mag+ från Bonnier
InDesign on an iMac 24 inch   on the iPad
#5
Tillvägagångsätt
Application Definition
      Statement
En process för att definiera en apps
 huvudsakliga funktion och dess
             målgrupp
1. Lista funktioner som
   kan vara med
2. Definerar våra
   målgruppers behov
3. Filtrera listan genom
   målgruppen
4. Sammafatta i en mening
- Vanligtvis laga mat hemma

                          - Är engagerade kupong-
- Få recept                användare

- Jämföra priser          - Gillar specialingredienser
- Hitta butiker           - Följer recepten strikt eller
                           använda recept som
- Kommentera recept        inspiration

- Få kuponger             - Storhandlare

- Visar matlagningdemos   - Vill du hålla flera in-progress
                           listor för olika ändamål
- Hitta
 ingrediensersättningar   - Insistera på specifika märken
                           eller nöja sig med de mest
- Utforska olika kök       bekväma alternativ

- Skapa listor            - Tenderar att köpa en liknande
                           uppsättning punkter på varje
                           shoppingresa
Ett verktyg
 för att skapa inköpslistor
för sparsamma människor
 som älskar att laga mat.
Apple User Experience Guidelines
   Support All Orientations

   Enhance Interactivity

   Add Physicality and Heightened
   Realism

   Delight People with Stunning Graphics

   Consider Multifinger Gestures

   Ask People to Save Only When
   Necessary

   Always Be Prepared to Stop
Designa för touch
   Knappar

   Karuseller

   Modalfönster/lager/
   mouseover

   Drop downs
#6
Case: Byggmax
Redesign AV BYGgmax e-commerse websites
              .se / .fi / .no
=
Byggvaruhandelns
 motsvarighet till
BYGGmax
Tillbaka till skissbordet
Framtiden




     Ehandel + Inspiration
#7
Frågor
Tack!
Mail:      patrik.avk@cloudnine.se
Mail:      patrik@heshewe.se
Mobil:
           070-7385085
Twitter:
Blog:      @pavk
           pavk.se/blog

More Related Content

Similar to Design för handhållna enheter

Mobil E-handel - Vad bör du tänka på?
Mobil E-handel - Vad bör du tänka på?Mobil E-handel - Vad bör du tänka på?
Mobil E-handel - Vad bör du tänka på?Jimi Wikman
 
Därför behöver du responsiv design på din webbplats - Fakta och 6 tips - Site...
Därför behöver du responsiv design på din webbplats - Fakta och 6 tips - Site...Därför behöver du responsiv design på din webbplats - Fakta och 6 tips - Site...
Därför behöver du responsiv design på din webbplats - Fakta och 6 tips - Site...SiteVision AB
 
Vad kan du om marknadsföring på internet?
Vad kan du om  marknadsföring på internet?Vad kan du om  marknadsföring på internet?
Vad kan du om marknadsföring på internet?Therese Reuterswärd
 
Framtid med appar
Framtid med apparFramtid med appar
Framtid med apparjockeboi
 
Ge dina kunder något att prata om!
Ge dina kunder något att prata om!Ge dina kunder något att prata om!
Ge dina kunder något att prata om!David Aler
 
Skapa & Friends Mobil Marknadsföring 2014-03-06
Skapa & Friends Mobil Marknadsföring 2014-03-06Skapa & Friends Mobil Marknadsföring 2014-03-06
Skapa & Friends Mobil Marknadsföring 2014-03-06Erik Ekholm
 
Site vision webbdagarna 20120912
Site vision webbdagarna 20120912Site vision webbdagarna 20120912
Site vision webbdagarna 20120912Magnus Rosenstråle
 
Frukostseminarium: Är Facebook det nya internet?
Frukostseminarium: Är Facebook det nya internet?Frukostseminarium: Är Facebook det nya internet?
Frukostseminarium: Är Facebook det nya internet?Weber Shandwick Sweden
 
Frukostseminarium: Är Facebook det nya internet?
Frukostseminarium: Är Facebook det nya internet?Frukostseminarium: Är Facebook det nya internet?
Frukostseminarium: Är Facebook det nya internet?Manuel Lemholt Berger
 
Ottoboni Marknadscheferna Göteborg/Väst
Ottoboni Marknadscheferna Göteborg/VästOttoboni Marknadscheferna Göteborg/Väst
Ottoboni Marknadscheferna Göteborg/VästOttoboni
 
Befound föreläsning webbstrategi
Befound föreläsning webbstrategiBefound föreläsning webbstrategi
Befound föreläsning webbstrategiPontus Österlin
 
Frukostseminarium 2012 - Tio steg till framtidens produktutveckling
Frukostseminarium 2012 - Tio steg till framtidens produktutvecklingFrukostseminarium 2012 - Tio steg till framtidens produktutveckling
Frukostseminarium 2012 - Tio steg till framtidens produktutvecklingCreuna Sverige
 
Framtidens marknadsföring - Kom igång med automatiska medieköp
Framtidens marknadsföring - Kom igång med automatiska medieköpFramtidens marknadsföring - Kom igång med automatiska medieköp
Framtidens marknadsföring - Kom igång med automatiska medieköpDelta Projects AB
 
IBM Collaboration Forum EdgeGuide
IBM Collaboration Forum EdgeGuideIBM Collaboration Forum EdgeGuide
IBM Collaboration Forum EdgeGuideIBM Sverige
 
Mobil webb och responsive design - Tänk strategiskt kring din digitala närvaro
Mobil webb och responsive design - Tänk strategiskt kring din digitala närvaroMobil webb och responsive design - Tänk strategiskt kring din digitala närvaro
Mobil webb och responsive design - Tänk strategiskt kring din digitala närvaroFredrik Dolleus
 
Digitala trender & strategi 2013
Digitala trender & strategi 2013Digitala trender & strategi 2013
Digitala trender & strategi 2013Fröjd Interactive
 

Similar to Design för handhållna enheter (20)

Kreativa processer lektion 5 2012
Kreativa processer lektion 5 2012Kreativa processer lektion 5 2012
Kreativa processer lektion 5 2012
 
Mobil E-handel - Vad bör du tänka på?
Mobil E-handel - Vad bör du tänka på?Mobil E-handel - Vad bör du tänka på?
Mobil E-handel - Vad bör du tänka på?
 
Därför behöver du responsiv design på din webbplats - Fakta och 6 tips - Site...
Därför behöver du responsiv design på din webbplats - Fakta och 6 tips - Site...Därför behöver du responsiv design på din webbplats - Fakta och 6 tips - Site...
Därför behöver du responsiv design på din webbplats - Fakta och 6 tips - Site...
 
Vad kan du om marknadsföring på internet?
Vad kan du om  marknadsföring på internet?Vad kan du om  marknadsföring på internet?
Vad kan du om marknadsföring på internet?
 
Framtid med appar
Framtid med apparFramtid med appar
Framtid med appar
 
Ge dina kunder något att prata om!
Ge dina kunder något att prata om!Ge dina kunder något att prata om!
Ge dina kunder något att prata om!
 
Skapa & Friends Mobil Marknadsföring 2014-03-06
Skapa & Friends Mobil Marknadsföring 2014-03-06Skapa & Friends Mobil Marknadsföring 2014-03-06
Skapa & Friends Mobil Marknadsföring 2014-03-06
 
Site vision webbdagarna 20120912
Site vision webbdagarna 20120912Site vision webbdagarna 20120912
Site vision webbdagarna 20120912
 
Frukostseminarium: Är Facebook det nya internet?
Frukostseminarium: Är Facebook det nya internet?Frukostseminarium: Är Facebook det nya internet?
Frukostseminarium: Är Facebook det nya internet?
 
Frukostseminarium: Är Facebook det nya internet?
Frukostseminarium: Är Facebook det nya internet?Frukostseminarium: Är Facebook det nya internet?
Frukostseminarium: Är Facebook det nya internet?
 
Ottoboni Marknadscheferna Göteborg/Väst
Ottoboni Marknadscheferna Göteborg/VästOttoboni Marknadscheferna Göteborg/Väst
Ottoboni Marknadscheferna Göteborg/Väst
 
Befound föreläsning webbstrategi
Befound föreläsning webbstrategiBefound föreläsning webbstrategi
Befound föreläsning webbstrategi
 
Frukostseminarium 2012 - Tio steg till framtidens produktutveckling
Frukostseminarium 2012 - Tio steg till framtidens produktutvecklingFrukostseminarium 2012 - Tio steg till framtidens produktutveckling
Frukostseminarium 2012 - Tio steg till framtidens produktutveckling
 
Framtidens marknadsföring - Kom igång med automatiska medieköp
Framtidens marknadsföring - Kom igång med automatiska medieköpFramtidens marknadsföring - Kom igång med automatiska medieköp
Framtidens marknadsföring - Kom igång med automatiska medieköp
 
Vattenfall 20121026
Vattenfall 20121026Vattenfall 20121026
Vattenfall 20121026
 
Sj 20121024
Sj 20121024Sj 20121024
Sj 20121024
 
IBM Collaboration Forum EdgeGuide
IBM Collaboration Forum EdgeGuideIBM Collaboration Forum EdgeGuide
IBM Collaboration Forum EdgeGuide
 
Innehållsdeklaration
InnehållsdeklarationInnehållsdeklaration
Innehållsdeklaration
 
Mobil webb och responsive design - Tänk strategiskt kring din digitala närvaro
Mobil webb och responsive design - Tänk strategiskt kring din digitala närvaroMobil webb och responsive design - Tänk strategiskt kring din digitala närvaro
Mobil webb och responsive design - Tänk strategiskt kring din digitala närvaro
 
Digitala trender & strategi 2013
Digitala trender & strategi 2013Digitala trender & strategi 2013
Digitala trender & strategi 2013
 

More from Patrik Åkerman von Knorring

En framgångsrik e-handel handlar om mer än teknik - Från kanaltänk till kundresa
En framgångsrik e-handel handlar om mer än teknik - Från kanaltänk till kundresaEn framgångsrik e-handel handlar om mer än teknik - Från kanaltänk till kundresa
En framgångsrik e-handel handlar om mer än teknik - Från kanaltänk till kundresaPatrik Åkerman von Knorring
 
Berghs digital management - kommunikation och affär, del 1 2014
Berghs digital management - kommunikation och affär, del 1 2014Berghs digital management - kommunikation och affär, del 1 2014
Berghs digital management - kommunikation och affär, del 1 2014Patrik Åkerman von Knorring
 
Berghs digital management - Kommunikation och affär, del 2
Berghs digital management - Kommunikation och affär, del 2Berghs digital management - Kommunikation och affär, del 2
Berghs digital management - Kommunikation och affär, del 2Patrik Åkerman von Knorring
 
Berghs digital management - kommunikation och affär, del 1
Berghs digital management - kommunikation och affär, del 1Berghs digital management - kommunikation och affär, del 1
Berghs digital management - kommunikation och affär, del 1Patrik Åkerman von Knorring
 
Användaren i fokus – strategi och mätbarhet för e-handel i mästarklass (D...
Användaren i fokus – strategi och mätbarhet för e-handel i mästarklass (D...Användaren i fokus – strategi och mätbarhet för e-handel i mästarklass (D...
Användaren i fokus – strategi och mätbarhet för e-handel i mästarklass (D...Patrik Åkerman von Knorring
 
Frukostseminarium: Så byggde vi Sveriges bästa E-handel
Frukostseminarium: Så byggde vi Sveriges bästa E-handelFrukostseminarium: Så byggde vi Sveriges bästa E-handel
Frukostseminarium: Så byggde vi Sveriges bästa E-handelPatrik Åkerman von Knorring
 

More from Patrik Åkerman von Knorring (20)

Byggmax på Berghs
Byggmax på BerghsByggmax på Berghs
Byggmax på Berghs
 
En framgångsrik e-handel handlar om mer än teknik - Från kanaltänk till kundresa
En framgångsrik e-handel handlar om mer än teknik - Från kanaltänk till kundresaEn framgångsrik e-handel handlar om mer än teknik - Från kanaltänk till kundresa
En framgångsrik e-handel handlar om mer än teknik - Från kanaltänk till kundresa
 
Berghs digital management lektion 2 2014
Berghs digital management lektion 2 2014Berghs digital management lektion 2 2014
Berghs digital management lektion 2 2014
 
Berghs digital management - kommunikation och affär, del 1 2014
Berghs digital management - kommunikation och affär, del 1 2014Berghs digital management - kommunikation och affär, del 1 2014
Berghs digital management - kommunikation och affär, del 1 2014
 
Design och Copy som ger effektiva calls-to action
Design och Copy som ger effektiva calls-to actionDesign och Copy som ger effektiva calls-to action
Design och Copy som ger effektiva calls-to action
 
Berghs digital management - Kommunikation och affär, del 2
Berghs digital management - Kommunikation och affär, del 2Berghs digital management - Kommunikation och affär, del 2
Berghs digital management - Kommunikation och affär, del 2
 
Berghs digital management - kommunikation och affär, del 1
Berghs digital management - kommunikation och affär, del 1Berghs digital management - kommunikation och affär, del 1
Berghs digital management - kommunikation och affär, del 1
 
Användaren i fokus – strategi och mätbarhet för e-handel i mästarklass (D...
Användaren i fokus – strategi och mätbarhet för e-handel i mästarklass (D...Användaren i fokus – strategi och mätbarhet för e-handel i mästarklass (D...
Användaren i fokus – strategi och mätbarhet för e-handel i mästarklass (D...
 
Frukostseminarium: Så byggde vi Sveriges bästa E-handel
Frukostseminarium: Så byggde vi Sveriges bästa E-handelFrukostseminarium: Så byggde vi Sveriges bästa E-handel
Frukostseminarium: Så byggde vi Sveriges bästa E-handel
 
From wires to pixels
From wires to pixelsFrom wires to pixels
From wires to pixels
 
Kreativa processer lektion 4 2013
Kreativa processer lektion 4 2013Kreativa processer lektion 4 2013
Kreativa processer lektion 4 2013
 
Kreativa processer dag 2 2013
Kreativa processer dag 2 2013Kreativa processer dag 2 2013
Kreativa processer dag 2 2013
 
Kreativa processer lektion 4 2012
Kreativa processer lektion 4 2012Kreativa processer lektion 4 2012
Kreativa processer lektion 4 2012
 
Kreativa processer lektion 3 2012
Kreativa processer lektion 3 2012Kreativa processer lektion 3 2012
Kreativa processer lektion 3 2012
 
Kreativa processer dag 2 2012
Kreativa processer dag 2 2012Kreativa processer dag 2 2012
Kreativa processer dag 2 2012
 
Kreativa processer dag 1 2012
Kreativa processer dag 1 2012Kreativa processer dag 1 2012
Kreativa processer dag 1 2012
 
Kreativa processer lektion 5 2011
Kreativa processer lektion 5 2011Kreativa processer lektion 5 2011
Kreativa processer lektion 5 2011
 
Kreativa processer lektion 4 2011
Kreativa processer lektion 4 2011Kreativa processer lektion 4 2011
Kreativa processer lektion 4 2011
 
Kreativa processer, Föeläsning 3 2011
Kreativa processer, Föeläsning 3 2011Kreativa processer, Föeläsning 3 2011
Kreativa processer, Föeläsning 3 2011
 
Kreativa processer Föreläsning 2 2011
Kreativa processer Föreläsning 2 2011Kreativa processer Föreläsning 2 2011
Kreativa processer Föreläsning 2 2011
 

Design för handhållna enheter