kreativa processer lektion 3 2012

Patrik Åkerman von Knorring, 2012-01-27

ProcesserKreativa

Lektion 3

Närvaro

Idag1. Re!ektion2. Projektet

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

processen, del 2

Re!ektion

Sedan sist

Känns det bra?

Kreativitet, idé och innovation

Första delen av processen

Egna arbetet, har ni kommit igång?

Övrigt

Den kreativa processen

9

Den kreativa processen del 2

9

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

Strategiskt vägvalProduktledare(Fokus på innovation)

KUndnärhet(Fokus på kundrelation)

EFFEKTIVISERing(Fokus på kostnad och produktivitet)

Kundens köpprocess

Uppmärksamhet

Intresse

BegärKöp

KöpΟ

Lev

eran

s

Belåt

enhet

Köptrigger

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

Brand Platform Business Analysis

Customer Analysis Competior Analysis

Online Strategy

I torsdags

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

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

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.

Creative brief

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

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?

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

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?

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

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

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

Divergens & Konvergens

Normaltillstånd”the box”

Divergens

Konvergens

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

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

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)

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

briljant

Ett litet test...

Ni behöver:Penna och Papper

Tid: 10 sekunder

Rita en hund10

Hur ritade ni?

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

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

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

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

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

Tänk lateralt

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

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

Hotell

Incheckning

Hotell

Incheckning

In efter 15ut före 12

Hotell

Incheckning

In efter 15ut före 12 ALLTID

Hotell

IncheckningHUR?

In efter 15ut före 12 ALLTID

OMÖJLIGT!

Hotell

Hotell

En konkret

situation

Hotell

En konkret situation

En regel eller förutsättning

En konkret

situation

Hotell

Incheckning

En regel eller förutsättning Ändra regeln

En konkret

situation

Hotell

IncheckningHur?

En regel eller förutsättning Ändra regeln

En konkret

situation

Hotell

Incheckning

En regel eller förutsättning Ändra regeln

En konkret

situation

Hotell

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

Kablar i bilar

Kablar

Montering

Kablar

Montering

15 timmar

Kablar

Montering

15 timmar 15 minuter

Kablar

Montering HUR?

15 timmar 15 minuter

OMÖJLIGT!

Kablar

MonteringBuntar med kontakter

15 timmar 15 minuter

Kablar

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

Rast + uppgift(10 minunter)

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

gjorde den?

Mass-produktion

Idégenerering

Idéutveckling Idé

Så många som möjligt

Från100 -10

Från10-1 Veri"era idén

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?

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.

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)

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?

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..

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.

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.

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.

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.

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.

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:

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

www.pavk.se/INT10/

Tack!patrik.avk@cloudnine.se070-7385085@pavkpavk.se/blog

Mail:Mobil:Twitter:Blog:

Tack!

mob. 070-7385085mail. patrik.avk@cloudnine.se

msn. patrik@dragonfruit.seLinked in: http://www.linkedin.com/in/patrikvonknorring

Twitter: pavk