SlideShare ist ein Scribd-Unternehmen logo
1 von 77
Downloaden Sie, um offline zu lesen
Kreativa

                     Processer            Le k t io n 5

Patrik Åkerman von Knorring, 2012-02-02
Välkommen till
 Cloud Nine
Närvaro
Idag
1. Verktyg (Pair design,
   Omnigraf e, Handskisser,
   Prototypverktyg)
2. From wires to pixels
3. Överlämning till teknik/CMS
   (Joakim)
4. Att bygga för mobilitet
Idag
5. Rast och rundvandring
6. Jobba Agilt/Agil design
Re ektion
Sedan sist
   Den kreativa processen

   Kreativ brief

   Kreativt koncept

   Idégenerering

   Fredagens redovisning

   Övrigt
Projekten
Grupperna
Riksdagen                    Nygren & Lind 2
Sara Setterwall, Matilda     Hanna Holmberg, Emma
Aspman, Julia Lindberg,      Selander, Alexandra
Johan Nilsson                Roggensinger, Mia Westas


Nygren & Lind 1              Nygren & Lind 3
Amanda Yu, Charlotta         Jose n Fröberg, Malin
Baltazar, Johanna Raukola,   Heijdenberg, Karin
Anna Grafström,              Lundberg
Anna-Klara Grödell
Grupperna (forts)
Billys 1                Billys 4
Fredrik Holm, Niklas    Jörn Klawn, Stanley
Wikstrand Nordahl,      Leijnegard, Ellinor
Lovisa Werner           Ahlström, Gail Johnsson
                        Tabtim, Claes Askenbom
Billys 2
Krister Nielsen,        Kvar...
Patrik Gustavsson       Alexander Almström, Åsa
                        Nord, Hamid Shahrokni
Billys 3
Martin Bohgard, Björn
Norrlander, Niklas
Rasmusson
Presentationen/Redovisningen
   Bakgrund

   Problemet (Kreativ brief)

   Vägen (Hur har ni jobbat)

   Lösningen (Konceptet)
Verktyg
Att vara duktig är inte samma
   sak som att vara bra på
          verktygen.
Verktygen ersätter inte dig.
Pair design
Omnigraf e
  Används för att göra wireframes

  Snabbare än Photoshop/Indesign

  Går inte att göra det lika ” nt”

  Endast Mac
Handskisser
   Kräver bara papper och pennor

   Alla kan vara med

   Skanna in för att göra digitalt
Prototypverktyg
   Bra för att testa och göra lösningen
   interaktiv

   Finns många olika. Vi använder Axure
   och Fireworks

   Finns för PC/Mac
A trend is spreading.
        A plague.
 More and more sites
are affected in Sweden.
     It’s a epedimi.
Bokus.com
Bokus.com
Breathe!
A box, in a box, in a box,
in another box
Where is the
brand?
Colorized
wireframes
We have an opportunity to
    cure the country.
Don’t wire
the pixels!
The pixels wants to be free
Good
     Examples


31
sproutfund.org/spring/
sproutfund.org/spring/
Carsoni ed.com
Carsoni ed.com
Visit Philadelphia
Jax vineyards
Pieoneers
Nostros
Gap Medics
DonQ
Vijufest
Aol. corporate
Bounty Bev
Pixels ≠
Pixels =
Överlämning
till teknik/CMS
Joakim Åhlin
Att bygga för
mobiltitet
Global marknadsandel

       41%




                          21%
                                 16%        15%


                                                        6%
                                                                 4%


    ANDROID           SYMBIAN   IPHONE   BLACKBERRY   WINDOWS   OTHER


Källa: IDC 2011 Forcast
iPhone-användaren
Android-användaren
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
Hur tjänar vi pengar?
Mobilanpassa vad?


                              <html>
              <html>




 App   vs.   Mobil     vs.   Webb
1024 x 768   1280 x 1024
[bild]                     320 x 480
Börja med det mobila
         gränssnittet först.
(Även om ingen mobil version är planerad.)
                Luke Wroblewoski
Southwest Airlines
Southwest Airlines
Southwest Airlines
Rast och
rundvandring
(10 minunter)
Application De nition
      Statement
En process för att de niera en apps
 huvudsakliga funktion och dess
             målgrupp
1. Lista funktioner som
   kan vara med
2. De nerar 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 era in-progress
                           listor för olika ändamål
- Hitta
 ingrediensersättningar   - Insistera på speci ka 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.
Agil design
Agil design




      http://www.slideshare.net/mbalara/more-
         better-faster-agile-design-for-fun-pro t
Kommentarer/re ektioner?
    Håller ni med?
Att göra till fredag
   Jobba klart

   Förbered presentationen

   Inlämningsuppgifter

   Re ektion av dagen/kursen
www.pavk.se/INT10/
Tack!
Mail:   patrik.avk@cloudnine.se
Mobil: 070-7385085
Twitter: @pavk
Blog:   pavk.se/blog

Weitere ähnliche Inhalte

Ähnlich wie Kreativa processer lektion 5 2012

Mobilstrategi - Så lyckas du med dina mobila satsningar
Mobilstrategi - Så lyckas du med dina mobila satsningarMobilstrategi - Så lyckas du med dina mobila satsningar
Mobilstrategi - Så lyckas du med dina mobila satsningarcloudnine
 
Att designa för mobilitet
Att designa för mobilitetAtt designa för mobilitet
Att designa för mobilitetinUse
 
Hogskolan 2021 del 1
Hogskolan 2021 del 1Hogskolan 2021 del 1
Hogskolan 2021 del 1Mats Adamczak
 
Fredrik Pallin föreläser på Berghs presentation 20maj
Fredrik Pallin föreläser på Berghs presentation 20majFredrik Pallin föreläser på Berghs presentation 20maj
Fredrik Pallin föreläser på Berghs presentation 20majSpringtimePR
 
Presentation 294 syre
Presentation 294 syrePresentation 294 syre
Presentation 294 syrePelle Simonson
 
Presentation DataSKUP, Oslo 18 okt 2014
Presentation DataSKUP, Oslo 18 okt 2014Presentation DataSKUP, Oslo 18 okt 2014
Presentation DataSKUP, Oslo 18 okt 2014Kristofer Sjöholm
 
Smarta verktyg för dig som studerar
Smarta verktyg för dig som studerarSmarta verktyg för dig som studerar
Smarta verktyg för dig som studerarAnders Sporring
 
Mobilstrategi - En del av något större
Mobilstrategi - En del av något störreMobilstrategi - En del av något större
Mobilstrategi - En del av något störreAndreas Blåeldh
 
Ge dina kunder något att prata om! (Hur sociala objekt kan lyfta din e-handel)
Ge dina kunder något att prata om! (Hur sociala objekt kan lyfta din e-handel)Ge dina kunder något att prata om! (Hur sociala objekt kan lyfta din e-handel)
Ge dina kunder något att prata om! (Hur sociala objekt kan lyfta din e-handel)David Aler
 
Ge dina kunder något att prata om! (Hur sociala objekt kan lyfta din e-handel)
Ge dina kunder något att prata om! (Hur sociala objekt kan lyfta din e-handel)Ge dina kunder något att prata om! (Hur sociala objekt kan lyfta din e-handel)
Ge dina kunder något att prata om! (Hur sociala objekt kan lyfta din e-handel)cloudnine
 

Ähnlich wie Kreativa processer lektion 5 2012 (20)

Kreativa processer lektion 5 2011
Kreativa processer lektion 5 2011Kreativa processer lektion 5 2011
Kreativa processer lektion 5 2011
 
Kreativa processer, Föreläsning 1 2011
Kreativa processer, Föreläsning 1 2011Kreativa processer, Föreläsning 1 2011
Kreativa processer, Föreläsning 1 2011
 
Kreativa processer lektion 4 2012
Kreativa processer lektion 4 2012Kreativa processer lektion 4 2012
Kreativa processer lektion 4 2012
 
Design för handhållna enheter
Design för handhållna enheterDesign för handhållna enheter
Design för handhållna enheter
 
Kreativa processer lektion 4 2013
Kreativa processer lektion 4 2013Kreativa processer lektion 4 2013
Kreativa processer lektion 4 2013
 
Kreativa processer lektion 4 2011
Kreativa processer lektion 4 2011Kreativa processer lektion 4 2011
Kreativa processer lektion 4 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
 
Mobilstrategi - Så lyckas du med dina mobila satsningar
Mobilstrategi - Så lyckas du med dina mobila satsningarMobilstrategi - Så lyckas du med dina mobila satsningar
Mobilstrategi - Så lyckas du med dina mobila satsningar
 
Att designa för mobilitet
Att designa för mobilitetAtt designa för mobilitet
Att designa för mobilitet
 
Kreativa processer dag 1 2013
Kreativa processer dag 1 2013Kreativa processer dag 1 2013
Kreativa processer dag 1 2013
 
Hogskolan 2021 del 1
Hogskolan 2021 del 1Hogskolan 2021 del 1
Hogskolan 2021 del 1
 
Fredrik Pallin föreläser på Berghs presentation 20maj
Fredrik Pallin föreläser på Berghs presentation 20majFredrik Pallin föreläser på Berghs presentation 20maj
Fredrik Pallin föreläser på Berghs presentation 20maj
 
Presentation 294 syre
Presentation 294 syrePresentation 294 syre
Presentation 294 syre
 
Presentation DataSKUP, Oslo 18 okt 2014
Presentation DataSKUP, Oslo 18 okt 2014Presentation DataSKUP, Oslo 18 okt 2014
Presentation DataSKUP, Oslo 18 okt 2014
 
Smarta verktyg för dig som studerar
Smarta verktyg för dig som studerarSmarta verktyg för dig som studerar
Smarta verktyg för dig som studerar
 
10top3
10top310top3
10top3
 
Mobilstrategi - En del av något större
Mobilstrategi - En del av något störreMobilstrategi - En del av något större
Mobilstrategi - En del av något större
 
Hogskolan2019del1
Hogskolan2019del1Hogskolan2019del1
Hogskolan2019del1
 
Ge dina kunder något att prata om! (Hur sociala objekt kan lyfta din e-handel)
Ge dina kunder något att prata om! (Hur sociala objekt kan lyfta din e-handel)Ge dina kunder något att prata om! (Hur sociala objekt kan lyfta din e-handel)
Ge dina kunder något att prata om! (Hur sociala objekt kan lyfta din e-handel)
 
Ge dina kunder något att prata om! (Hur sociala objekt kan lyfta din e-handel)
Ge dina kunder något att prata om! (Hur sociala objekt kan lyfta din e-handel)Ge dina kunder något att prata om! (Hur sociala objekt kan lyfta din e-handel)
Ge dina kunder något att prata om! (Hur sociala objekt kan lyfta din e-handel)
 

Mehr von 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
 

Mehr von Patrik Åkerman von Knorring (20)

E-handel: Från kanaltänk till kundresa
E-handel: Från kanaltänk till kundresaE-handel: Från kanaltänk till kundresa
E-handel: Från kanaltänk till kundresa
 
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 3 2013
Kreativa processer lektion 3 2013Kreativa processer lektion 3 2013
Kreativa processer lektion 3 2013
 
Kreativa processer dag 2 2013
Kreativa processer dag 2 2013Kreativa processer dag 2 2013
Kreativa processer dag 2 2013
 
Frukostseminarium - Så tar du betalt i mobilen
Frukostseminarium - Så tar du betalt i mobilenFrukostseminarium - Så tar du betalt i mobilen
Frukostseminarium - Så tar du betalt i mobilen
 
Mobilanpassa din webbplats med Responsiv Design
Mobilanpassa din webbplats med Responsiv DesignMobilanpassa din webbplats med Responsiv Design
Mobilanpassa din webbplats med Responsiv Design
 
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, 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, Nackademin 2010 dag 5
Kreativa processer, Nackademin 2010 dag 5Kreativa processer, Nackademin 2010 dag 5
Kreativa processer, Nackademin 2010 dag 5
 

Kreativa processer lektion 5 2012