kreativa processer lektion 3 2012

76
Patrik Åkerman von Knorring, 2012-01-27 Processer Kreativa Lektion 3

Upload: patrik-akerman-von-knorring

Post on 26-Jan-2015

610 views

Category:

Design


4 download

DESCRIPTION

 

TRANSCRIPT

Page 1: Kreativa processer lektion 3 2012

Patrik Åkerman von Knorring, 2012-01-27

ProcesserKreativa

Lektion 3

Page 2: Kreativa processer lektion 3 2012

Närvaro

Page 3: Kreativa processer lektion 3 2012

Idag1. Re!ektion2. Projektet

Hur går det? Frågor?3. Den kreativa

processen, del 2

Page 4: Kreativa processer lektion 3 2012

Re!ektion

Page 5: Kreativa processer lektion 3 2012

Sedan sist

Känns det bra?

Kreativitet, idé och innovation

Första delen av processen

Egna arbetet, har ni kommit igång?

Övrigt

Page 6: Kreativa processer lektion 3 2012

Den kreativa processen

9

Page 7: Kreativa processer lektion 3 2012

Den kreativa processen del 2

9

Page 8: Kreativa processer lektion 3 2012

Vad gör kunden online

Köpa online

Sam

la in

form

ati

on o

nli

ne

Bilar

MobiltelefonerDatorhårdvara

BilförsäkringarSemesterflyg

HotellCharterresor

HemförsäkringarDigitalkameror

Hushållsprodukter Hifiprodukter Evenemangsbiljetter

Företagsresor

DatormjukvaraLånDatortillbehör

MobilabonnemangTv & skärmar

CDs/DVDSkrivartillbehör

Böcker

Klåder & accessoarer

HälsoprodukterGåvor

Sportartiklar

Smink, kosmetikaSkor

LeksakerVerktyg

Personlig utrustningBildelar & tillbehör

Möbler

Biobiljetter

Page 9: Kreativa processer lektion 3 2012

Strategiskt vägvalProduktledare(Fokus på innovation)

KUndnärhet(Fokus på kundrelation)

EFFEKTIVISERing(Fokus på kostnad och produktivitet)

Page 10: Kreativa processer lektion 3 2012

Kundens köpprocess

Uppmärksamhet

Intresse

BegärKöp

KöpΟ

Lev

eran

s

Belåt

enhet

Köptrigger

Page 11: Kreativa processer lektion 3 2012

Projektmodell

OK

CompetitorAnalysis

BrandPlatform

BusinessAnalysis

OnlineStrategy

CreativeBrief

Communication Concept

Grey modelsInformation

Structure

WireFrames

Customer User

Testing

Final Design

CustomerAnalysis

ClientUser

Testing

Design DNAGraphicallanguage

OK OK OKOK

Re-Brief

Concept Execution

Page 12: Kreativa processer lektion 3 2012

Brand Platform Business Analysis

Customer Analysis Competior Analysis

Online Strategy

I torsdags

Page 13: Kreativa processer lektion 3 2012

Projektmodellen

OK

CompetitorAnalysis

BrandPlatform

BusinessAnalysis

OnlineStrategy

CreativeBrief

Communication Concept

Grey modelsInformation

Structure

WireFrames

Customer User

Testing

Final Design

CustomerAnalysis

ClientUser

Testing

Design DNAGraphicallanguage

OK OK OKOK

Re-Brief

Concept Execution

CompetitorAnalysis

BrandPlatform

BusinessAnalysis

OnlineStrategy

CustomerAnalysis

OK

Page 14: Kreativa processer lektion 3 2012

Creative brief

Briefens syfte är att sammanfatta projektet så att det i princip kan lämnas vidare till en ny arbetsgrupp - både hos oss och hos kunden.

OK

CompetitorAnalysis

BrandPlatform

BusinessAnalysis

OnlineStrategy

CreativeBrief

Communication Concept

Grey modelsInformation

Structure

WireFrames

Customer User

Testing

Final Design

CustomerAnalysis

ClientUser

Testing

Design DNAGraphicallanguage

OK OK OKOK

Re-Brief

Concept Execution

Page 15: Kreativa processer lektion 3 2012

Creative brief

Rymmer alltid en sammanfattning av strategin och dess fyra hörnstenar:

Varumärke

Affärsupplägg

Målgrupp/användare

Konkurrenter/omvärld.

Page 16: Kreativa processer lektion 3 2012

Creative brief

Därtill kommer speci!ka punkter som projektets syfte och målsättning samt en rad praktiska instruktioner.

Page 17: Kreativa processer lektion 3 2012

Creative briefFöretaget-Vem är företaget-Viktiga produkter/tjänster-Varför !nns de?-Vad är deras historia?-Url:er till företagets olika webbplatser

Uppdraget-Bakgrund till uppdraget?-Vad är det vi ska göra?-Vad förväntas vi leverera?-Målsättning med projektet?-Kriterierna för succé-Hur mäts succén?

Page 18: Kreativa processer lektion 3 2012

Creative briefMålgrupper-Vilka talar vi till?-Om "er målgrupper, !nns det några som är viktigare än andra-Hur viktig är vår produkt/tjänst/erbjudande för vår målgrupp?-Digitalt beteende-Vilka är de 10 viktigaste sajterna för målgruppen-Var och varför skulle de söka det vi erbjuder? Sammarbeten?

Konkurrenter-Vilka tävlar vi mot?-Vilka är deras viktigaste produkter/features som de erbjuder sina kunder-Url:er till de konkurrerande företagen

Problemformulering-Vad är det grundläggande problemet

Page 19: Kreativa processer lektion 3 2012

Creative briefUSP (Unique Selling Point)-Vad är det mest särskiljande vi erbjuder gentemot våra konkurrenter?

Huvudargument-Varför kommer målgruppen uppfatta vår produkt som mer unik/ åtråvärd än konkurentens?

Ton-Hur ska budskapet kännas

Förutsättningar-Varumärke:Vad är personlighet, kärnvärdenena för kunden (om de !nns).-Koordinering: Behöver något koordineras med andra medier?- Övrigt: Finns några andra förutsättningar som måste följas?

Page 20: Kreativa processer lektion 3 2012

OK

CompetitorAnalysis

BrandPlatform

BusinessAnalysis

OnlineStrategy

CreativeBrief

Communication Concept

Grey modelsInformation

Structure

WireFrames

Customer User

Testing

Final Design

CustomerAnalysis

ClientUser

Testing

Design DNAGraphicallanguage

OK OK OKOK

Re-Brief

Concept Execution

OK

CompetitorAnalysis

BrandPlatform

BusinessAnalysis

OnlineStrategy

CreativeBrief

Communication Concept

Grey modelsInformation

Structure

WireFrames

Customer User

Testing

Final Design

CustomerAnalysis

ClientUser

Testing

Design DNAGraphicallanguage

OK OK OKOK

Re-Brief

Concept Execution

Projektmodellen

Page 21: Kreativa processer lektion 3 2012

OK

CompetitorAnalysis

BrandPlatform

BusinessAnalysis

OnlineStrategy

CreativeBrief

Communication Concept

Grey modelsInformation

Structure

WireFrames

Customer User

Testing

Final Design

CustomerAnalysis

ClientUser

Testing

Design DNAGraphicallanguage

OK OK OKOK

Re-Brief

Concept Execution

OK

CompetitorAnalysis

BrandPlatform

BusinessAnalysis

OnlineStrategy

CreativeBrief

Communication Concept

Grey modelsInformation

Structure

WireFrames

Customer User

Testing

Final Design

CustomerAnalysis

ClientUser

Testing

Design DNAGraphicallanguage

OK OK OKOK

Re-Brief

Concept Execution

Problemformulering Lösningsförslag

Här ska problemet lösas!

Projektmodellen

Page 22: Kreativa processer lektion 3 2012

Okreativt beteende. Kreativt beteende

✓ Vet din plats

✓ Vänta

✓ Följ regler

✓ Acceptera uppgiften

✓ Följ planen

✓ Vånta och gå med

✓ Barriärer

✓ Ingen makt

✓ Kontorsslav

✓ Gör din grej

✓ Agera

✓ Gör nya regler

✓ Gör om uppgiften

✓ Anpassa efterhand

✓ Ställ dig upp och gå

✓ Se möjligheter

✓ Inga gränser

✓ Fri agent

Page 23: Kreativa processer lektion 3 2012

Divergens & Konvergens

Normaltillstånd”the box”

Divergens

Konvergens

Page 24: Kreativa processer lektion 3 2012

01 Quantity before quality

It is better to have enough ideas for some of them to be wrong, than to be always right by having no ideas at all - Edvard de Bono

1. Kvantitet istället för kvalitet

Page 25: Kreativa processer lektion 3 2012

01 Quantity before quality

It is better to have enough ideas for some of them to be wrong, than to be always right by having no ideas at all - Edvard de Bono

idé

idé

idé

idé idéidé idé

idéidé

idé

idé

idéidé idé

idéidé

idé

idé

1. Kvantitet istället för kvalitet

Page 26: Kreativa processer lektion 3 2012

1. Kvantitet istället för kvalitet

idé

idé

idé

idé idéidé idé

idéidé

idé

idé

idéidé idé

idéidé

idé

idé

”It is better to have enough ideas for some of them to be wrong, than to be always right by having no ideas at all”

(Edvard de Bono)

Page 27: Kreativa processer lektion 3 2012

Vissa säger att:Bland 1000 idéer "nns bara en

briljant

Page 28: Kreativa processer lektion 3 2012

Ett litet test...

Page 29: Kreativa processer lektion 3 2012

Ni behöver:Penna och Papper

Tid: 10 sekunder

Page 30: Kreativa processer lektion 3 2012

Rita en hund10

Page 31: Kreativa processer lektion 3 2012

Hur ritade ni?

Page 32: Kreativa processer lektion 3 2012

Statistics

• 90% draw a dog like this

• 9% draw it like this

• 1% draws it in another way

90% ungefär så här

Statistics

• 90% draw a dog like this

• 9% draw it like this

• 1% draws it in another way

1%

Statistics

• 90% draw a dog like this

• 9% draw it like this

• 1% draws it in another way

9% ungefär så här

Resultatet

Page 33: Kreativa processer lektion 3 2012

02 Set high goals

Aim for the stars, even if you miss, you will land on the moon!

Sikta mot stjärnorna. Missar du, kanske du bara landar på

månen...

Sätt höga mål

Page 34: Kreativa processer lektion 3 2012

Idé-dödare

Det har vi provat förut. Det funkar inte!

Det är säkert en bra idé, men det

kommer inte att gå.Låt mig spela

djävulens advokat här...

Det kommer aldrig att funka!

Det är redan gjort.

NEJ!

Döm inte

Page 35: Kreativa processer lektion 3 2012

...genom att säga Ja, och....

4. Bygg vidare på idéer...

Page 36: Kreativa processer lektion 3 2012

Tänk lateralt

Page 37: Kreativa processer lektion 3 2012

Tänk lateralt

Lateralt tänkande är ett otraditionellt angreppssätt av en frågeställning, som i vissa fall kan ge oväntade enkla lösningar på svåra problem.

Tekniken för lateralt tänkande handlar mycket om att hitta nya infallsvinklar på ett problem

Page 38: Kreativa processer lektion 3 2012

Tänk lateralt

Jämfört med traditionell problemlösning läggs därför mer tid på att fundera på olika sätt att betrakta problemet innan man ger sig in i själva arbetet med att hitta lösningar

Page 39: Kreativa processer lektion 3 2012

Hotell

Page 40: Kreativa processer lektion 3 2012

Incheckning

Hotell

Page 41: Kreativa processer lektion 3 2012

Incheckning

In efter 15ut före 12

Hotell

Page 42: Kreativa processer lektion 3 2012

Incheckning

In efter 15ut före 12 ALLTID

Hotell

Page 43: Kreativa processer lektion 3 2012

IncheckningHUR?

In efter 15ut före 12 ALLTID

OMÖJLIGT!

Hotell

Page 44: Kreativa processer lektion 3 2012

Hotell

Page 45: Kreativa processer lektion 3 2012

En konkret

situation

Hotell

Page 46: Kreativa processer lektion 3 2012

En konkret situation

En regel eller förutsättning

En konkret

situation

Hotell

Page 47: Kreativa processer lektion 3 2012

Incheckning

En regel eller förutsättning Ändra regeln

En konkret

situation

Hotell

Page 48: Kreativa processer lektion 3 2012

IncheckningHur?

En regel eller förutsättning Ändra regeln

En konkret

situation

Hotell

Page 49: Kreativa processer lektion 3 2012

Incheckning

En regel eller förutsättning Ändra regeln

En konkret

situation

Hotell

Page 50: Kreativa processer lektion 3 2012

Incheckning

En regel eller förutsättning Ändra regeln

En konkret

situation

Tankesätt:

✓ Skapa om"yttning

✓ Ersätt det

✓ Invertera det

✓ Kombinera det

✓ Överdriv det

✓ Eliminera det

✓ Ordna om det

Hotell

Page 51: Kreativa processer lektion 3 2012

Kablar i bilar

Page 52: Kreativa processer lektion 3 2012

Kablar

Page 53: Kreativa processer lektion 3 2012

Montering

Kablar

Page 54: Kreativa processer lektion 3 2012

Montering

15 timmar

Kablar

Page 55: Kreativa processer lektion 3 2012

Montering

15 timmar 15 minuter

Kablar

Page 56: Kreativa processer lektion 3 2012

Montering HUR?

15 timmar 15 minuter

OMÖJLIGT!

Kablar

Page 57: Kreativa processer lektion 3 2012

MonteringBuntar med kontakter

15 timmar 15 minuter

Kablar

Page 58: Kreativa processer lektion 3 2012

5 saker till att tänka på

Håll inte inne med de idéer/tankar du har

Den ”bästa” eller ”vinnande” idén kan inte härledas till en person

Ingen idé är för galen eller vild

Våga misslyckas

Kill your darlings

Page 59: Kreativa processer lektion 3 2012

Rast + uppgift(10 minunter)

Page 60: Kreativa processer lektion 3 2012

Ett sätt att tänka:Hur skulle en bil se ut om NOKIA

gjorde den?

Page 61: Kreativa processer lektion 3 2012

Mass-produktion

Idégenerering

Idéutveckling Idé

Så många som möjligt

Från100 -10

Från10-1 Veri"era idén

Page 62: Kreativa processer lektion 3 2012

Kommunikationskoncept kan lika gärna översättas till “differentierande idé”.

OK

CompetitorAnalysis

BrandPlatform

BusinessAnalysis

OnlineStrategy

CreativeBrief

Communication Concept

Grey modelsInformation

Structure

WireFrames

Customer User

Testing

Final Design

CustomerAnalysis

ClientUser

Testing

Design DNAGraphicallanguage

OK OK OKOK

Re-Brief

Concept Execution

Konceptet

Hur särskiljer vår lösning kunden?

Hur kommunicerar vi positionen och varumärket mot användaren?

Hur ser vi till att det håller ihop hela vägen?

Page 63: Kreativa processer lektion 3 2012

Konceptet.

Kommunikationskonceptet kan fungerar på olika nivåer.

Ibland de!nierar det lösningen som sådan, t ex en viruskampanj, eller så spetsar det till en redan be!ntlig lösning, t ex en e-butik.

Page 64: Kreativa processer lektion 3 2012

Kreativt koncept (Lösningen på problemet)

Målsättning-Vilken målgrupp, vilka individer vill vi nå?-Vad vill vi säga, och hur stödjer det målgruppens behov?-Kopplat till kundens problem-Resultatet?

Särskiljande budskap-Den tydliga ”säljbara/unika” skillnaden mot konkurrenten

Kreativ idé- Vad är det som gör att vi kommer att engagera och beröra målgruppen?

Dramatisering, ton manér- V Hur presenteras det i text, bild, ljud (Kan vara moodbords, skisser, prototyper etc)

Page 65: Kreativa processer lektion 3 2012

Kreativt koncept (forts)

Huvudargument-Vad är det som gör att den här kreativa idén löser uppdraget/ problemet?

Önskat eferlämnat intryck-Vad vill att besökaren ska känna efteråt. Varför ska hon komma tillbaka?

Page 66: Kreativa processer lektion 3 2012

OK

CompetitorAnalysis

BrandPlatform

BusinessAnalysis

OnlineStrategy

CreativeBrief

Communication Concept

Grey modelsInformation

Structure

WireFrames

Customer User

Testing

Final Design

CustomerAnalysis

ClientUser

Testing

Design DNAGraphicallanguage

OK OK OKOK

Re-Brief

Concept Execution

Online Design DNA

Alla företag och varumärken har en visuell identitet.

Men hur blir den interaktiv? I detta skede de!nierar vi den digitala gra!ska vokabulären för ett varumärke. Typogra!, färger, formspråk, linjesystem och bildmanér..

Page 67: Kreativa processer lektion 3 2012

OK

CompetitorAnalysis

BrandPlatform

BusinessAnalysis

OnlineStrategy

CreativeBrief

Communication Concept

Grey modelsInformation

Structure

WireFrames

Customer User

Testing

Final Design

CustomerAnalysis

ClientUser

Testing

Design DNAGraphicallanguage

OK OK OKOK

Re-Brief

Concept Execution

Site Structure

Vi tar fram en grov informationsstruktur vars främsta syfte är att beskriva det huvudsakliga innehållet och hur det kategoriseras.

Här är det viktigt att skilja på struktur och navigering.

Page 68: Kreativa processer lektion 3 2012

OK

CompetitorAnalysis

BrandPlatform

BusinessAnalysis

OnlineStrategy

CreativeBrief

Communication Concept

Grey modelsInformation

Structure

WireFrames

Customer User

Testing

Final Design

CustomerAnalysis

ClientUser

Testing

Design DNAGraphicallanguage

OK OK OKOK

Re-Brief

Concept Execution

Site Structure

Strukturen är först och främst ett system för att organisera innehåll, navigering är användarens sätt att hitta innehållet.

Page 69: Kreativa processer lektion 3 2012

OK

CompetitorAnalysis

BrandPlatform

BusinessAnalysis

OnlineStrategy

CreativeBrief

Communication Concept

Grey modelsInformation

Structure

WireFrames

Customer User

Testing

Final Design

CustomerAnalysis

ClientUser

Testing

Design DNAGraphicallanguage

OK OK OKOK

Re-Brief

Concept Execution

Wireframes

Wireframes använder vi för att göra grundläggande design av gränssnittet på de olika sidorna och vyerna. Här speci!ceras interaktiviteten på siten, det vill säga vilken information som ska visar var, när och hur.

Page 70: Kreativa processer lektion 3 2012

OK

CompetitorAnalysis

BrandPlatform

BusinessAnalysis

OnlineStrategy

CreativeBrief

Communication Concept

Grey modelsInformation

Structure

WireFrames

Customer User

Testing

Final Design

CustomerAnalysis

ClientUser

Testing

Design DNAGraphicallanguage

OK OK OKOK

Re-Brief

Concept Execution

Wireframes

Eftersom wireframes inte är någon gra!sk design utan idéskisser som enkelt kan ändras och byggas om fungerar de som ett utmärkt verktyg för att diskutera hur siten ska fungera.

Page 71: Kreativa processer lektion 3 2012

OK

CompetitorAnalysis

BrandPlatform

BusinessAnalysis

OnlineStrategy

CreativeBrief

Communication Concept

Grey modelsInformation

Structure

WireFrames

Customer User

Testing

Final Design

CustomerAnalysis

ClientUser

Testing

Design DNAGraphicallanguage

OK OK OKOK

Re-Brief

Concept Execution

Final design

Slutligen är det dags att sätta gra!sk form på gränssnittet.

Nu designas alla sidorna ut med ett visuellt manér som bygger på alla de beståndsdelar som tidigare de!nierats.

Page 72: Kreativa processer lektion 3 2012

OK

CompetitorAnalysis

BrandPlatform

BusinessAnalysis

OnlineStrategy

CreativeBrief

Communication Concept

Grey modelsInformation

Structure

WireFrames

Customer User

Testing

Final Design

CustomerAnalysis

ClientUser

Testing

Design DNAGraphicallanguage

OK OK OKOK

Re-Brief

Concept Execution

Final design

Kommunikations-koncept

Design DNA

Strukturkoncept

Wireframes

det vill säga:

Page 73: Kreativa processer lektion 3 2012

Att göra till onsdag

Fortsätt jobba med Brand plattform, Analys, Kunder, Konkurrenter, Strategi på ert projekt

Skriv en Kreativ Brief

Börja generera idéer

Re"ektion av dagen

Page 75: Kreativa processer lektion 3 2012

[email protected]@pavkpavk.se/blog

Mail:Mobil:Twitter:Blog: