kreativa processer lektion 5 2013

81
Patrik Åkerman von Knorring, 2013-02-05 Processer Kreativa Lektion 5

Upload: patrik-akerman-von-knorring

Post on 05-Dec-2014

665 views

Category:

Design


0 download

DESCRIPTION

Sista lektionen i kursen Kreativa processer 2013

TRANSCRIPT

Page 1: Kreativa processer lektion 5 2013

Patrik Åkerman von Knorring, 2013-02-05

ProcesserKreativa

Lektion 5

Page 2: Kreativa processer lektion 5 2013

Välkommen till Cloud Nine

Page 3: Kreativa processer lektion 5 2013

Närvaro

Page 4: Kreativa processer lektion 5 2013

Idag1. Verktyg (Pair design,

Omnigraf!e, Handskisser, Prototypverktyg)

2. From wires to pixels

3. Att bygga för mobilitet

Page 5: Kreativa processer lektion 5 2013

Idag4. Rast och rundvandring

5. Jobba Agilt/Agil design

6. Frågor inför i redovisning

Page 6: Kreativa processer lektion 5 2013

Re!ektion

Page 7: Kreativa processer lektion 5 2013

Sedan sist

Den kreativa processen

Kreativ brief

Kreativt koncept

Idégenerering

Fredagens redovisning

Övrigt

Page 8: Kreativa processer lektion 5 2013

Projekten

Page 9: Kreativa processer lektion 5 2013

Fjäderholmarna 1 Elias Hedlund, Klara

Nilsson, Annie Viljakka W

Fjäderholmarna 2David Gustavsson, Ingrid

Hagewald, Håkan

Israelsson, Kim Palmäng

Billys 2Joakim Bergvall, Andreas

Hjelm,Victor Edbom, Simon

Olsson

GruppernaRiksteaternChristian Andolf, Martin

Gradén, Jonathan Ramhöj,

Jonathan Skogelin, Viktor

Törnsäter

Billys 1 Jacob Fleetwood, Claes

Holmgren, Nils Nilsson, Stig

Saebö

Page 10: Kreativa processer lektion 5 2013

SAS 1Rickard Lurin, Oskar

Levinson, Dominic Lind,

Pontus Lundin, Dennis

Petersson

SAS 2Håkan Jansson Joel

Johansson Lyberg, Mio

Quispe

Grupperna

Refurn 1Kim Dinh Thi, Marianne

McDonald, Anna-Klara

Olsson

Refurn 2 Jessica Johansson, Ella

Junghahn, Emma

Melander, Maria Ström,

Emma Eriksson

Page 11: Kreativa processer lektion 5 2013

Presentationen/Redovisningen

Bakgrund

Problemet (Kreativ brief)

Vägen (Hur har ni jobbat)

Lösningen (Konceptet)

Page 12: Kreativa processer lektion 5 2013

Verktyg

Page 13: Kreativa processer lektion 5 2013

Att vara duktig är inte samma sak som att vara bra på

verktygen.

Page 14: Kreativa processer lektion 5 2013

Verktygen ersätter inte dig.

Page 15: Kreativa processer lektion 5 2013

Pair design

Page 16: Kreativa processer lektion 5 2013

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

Page 17: Kreativa processer lektion 5 2013
Page 18: Kreativa processer lektion 5 2013

Handskisser

Kräver bara papper och pennor

Alla kan vara med

Skanna in för att göra digitalt

Page 19: Kreativa processer lektion 5 2013
Page 20: Kreativa processer lektion 5 2013

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

Page 21: Kreativa processer lektion 5 2013
Page 22: Kreativa processer lektion 5 2013
Page 23: Kreativa processer lektion 5 2013

A trend is spreading. A plague.

More and more sites are affected in Sweden.

It’s a epedimi.

Page 24: Kreativa processer lektion 5 2013

Bokus.com

Page 25: Kreativa processer lektion 5 2013

Bokus.com

Page 26: Kreativa processer lektion 5 2013

Breathe!A box, in a box, in a box,in another box

Page 27: Kreativa processer lektion 5 2013

Where is the brand?

Page 28: Kreativa processer lektion 5 2013

Colorized wireframes

Page 29: Kreativa processer lektion 5 2013

We have an opportunity to cure the country.

Page 30: Kreativa processer lektion 5 2013

Don’t wire the pixels!The pixels wants to be free

Page 31: Kreativa processer lektion 5 2013

Good Examples

31

Page 32: Kreativa processer lektion 5 2013

sproutfund.org/spring/

Page 34: Kreativa processer lektion 5 2013

Carsoni"ed.com

Page 45: Kreativa processer lektion 5 2013

Pixels ≠

Page 46: Kreativa processer lektion 5 2013

Pixels =

Page 47: Kreativa processer lektion 5 2013

Att bygga för mobiltitet

Page 48: Kreativa processer lektion 5 2013

Vad tror ni?

Hur många är mobila i världen?

14,2%

85,8%

Källa: gs.statcounter.com

Page 49: Kreativa processer lektion 5 2013

Vad tror ni?

Hur många är mobila i Sverige?

10,1%

89,9%

Källa: gs.statcounter.com

Page 50: Kreativa processer lektion 5 2013
Page 51: Kreativa processer lektion 5 2013

ANDROID IPHONE BLACKBERRY ÖVRIGA

8,4%5,3%

35%

72%

Global marknadsandel

Källa: Gartner

Page 52: Kreativa processer lektion 5 2013

iPhone-användaren

Page 53: Kreativa processer lektion 5 2013

Android-användaren

Page 54: Kreativa processer lektion 5 2013

När når vi användaren?

80%Mobilsurfar när

man har tid över

84%Mobilsurfar

hemma

31%Mobilshoppar när dom tittar på TV

Källa:blog.compete.com, thephonecast.com

Page 55: Kreativa processer lektion 5 2013
Page 56: Kreativa processer lektion 5 2013

MobilApp vs. vs.

<html>

Webb

<html>

Mobilanpassa vad?

Page 57: Kreativa processer lektion 5 2013

[bild]1024 x 768 1280 x 1024

320 x 480

Page 58: Kreativa processer lektion 5 2013
Page 59: Kreativa processer lektion 5 2013

Börja med det mobila gränssnittet först.

(Även om ingen mobil version är planerad.)Luke Wroblewoski

Page 60: Kreativa processer lektion 5 2013

Southwest Airlines

Page 61: Kreativa processer lektion 5 2013

Southwest Airlines

Page 62: Kreativa processer lektion 5 2013

Southwest Airlines

Page 63: Kreativa processer lektion 5 2013
Page 64: Kreativa processer lektion 5 2013
Page 65: Kreativa processer lektion 5 2013
Page 66: Kreativa processer lektion 5 2013
Page 67: Kreativa processer lektion 5 2013

✓ Skala ✓ Flytta om ✓ Dölja ✓ Visa nytt

Page 69: Kreativa processer lektion 5 2013
Page 70: Kreativa processer lektion 5 2013

Rast och rundvandring(10 minunter)

Page 71: Kreativa processer lektion 5 2013

Application De"nition Statement

En process för att de!niera en apps huvudsakliga funktion och dess

målgrupp

Page 72: Kreativa processer lektion 5 2013

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

Page 73: Kreativa processer lektion 5 2013

Ett verktyg för att skapa en inköpslista inköpslista för sparsamma människor som älskar att laga mat.

- Få recept

- Jämföra priser

- Hitta butiker

- Kommentera recept

- Få kuponger

- Visar matlagningdemos

- Hitta ingrediensersättningar

- Utforska olika kök

- Skapa listor

- Vanligtvis laga mat hemma

- Är engagerade kupong-användare

- Gillar specialingredienser

- Följer recepten strikt eller använda recept som inspiration

- Storhandlare

- Vill du hålla "era in-progress listor för olika ändamål

- Insistera på speci!ka märken eller nöja sig med de mest bekväma alternativ

- Tenderar att köpa en liknande uppsättning punkter på varje shoppingresa

Page 74: Kreativa processer lektion 5 2013

Ett verktyg för att skapa inköpslistor

för sparsamma människor som älskar att laga mat.

Page 75: Kreativa processer lektion 5 2013

Agil design

Page 78: Kreativa processer lektion 5 2013

Kommentarer/re!ektioner?Håller ni med?

Page 79: Kreativa processer lektion 5 2013

Att göra till fredag

Jobba klart

Förbered presentationen

Inlämningsuppgifter

Re"ektion av dagen/kursen

Page 81: Kreativa processer lektion 5 2013

[email protected]

070-7385085

@pavk

www.linkedin.com/in/patrikvonknorring

pavk.se/blog

Mail:

Mobil:

Twitter:

Linkedin:

Blog: