Föreläsning 3 av utbildningen i Kreativa Processer för Nackademins studenter på Interaktionsdesigner programmet

1. Kreativa
Processer Le k t io n 3
Patrik Åkerman von Knorring, 2011-04-08

2. Kan du lösa problemet
genom att flytta en tändsticka?

3. Kan du lösa problemet
genom att flytta en tändsticka?

4. Kan du lösa problemet
genom att flytta en tändsticka?

6. Närvaro

7. Idag
Reflektion
Projektet - Hur går det? Frågor?
Den kreativa processen, del 2

8. Reflektion

9. Sedan sist
Känns det bra?
Kreativitet, idé och innovation
Första delen av processen
Egna arbetet, har ni kommit igång?
Övrigt

10. Den kreativa
processen
9

11. Den kreativa
processen de l 2
9

12. Projektmodell
Brand
Platform
Re-Brief Design DNA
Graphical
language
Business
Analysis
Client Customer
Online Creative Communication Wire Final
User User
Strategy Brief Concept Frames Design
Testing Testing
Customer
Analysis
Grey models
Information
Structure
Competitor
Analysis
Concept Execution
OK OK OK OK OK

13. I onsdags
Brand Platform Business Analysis
Customer Analysis Competior Analysis
Online Strategy

14. Projektmodellen
Brand
Brand
Platform
Platform
Re-Brief Design DNA
Graphical
language
Business
Business
Analysis
Analysis
Client Customer
Online
Online Creative Communication Wire Final
User User
Strategy
Strategy Brief Concept Frames Design
Testing Testing
Customer
Customer
Analysis
Analysis
Grey models
Information
Structure
Competitor
Competitor
Analysis
Analysis
Concept Execution
OK
OK OK OK OK OK

15. Creative brief
Briefens syfte är att Brand
Platform
sammanfatta projektet
Re-Brief Design DNA
Graphical
language
Business
Analysis
Client Customer
Online Creative Communication Wire Final
User User
Strategy Brief Concept Frames Design
Testing Testing
så att det i princip kan
Customer
Analysis
Grey models
Information
Structure
Competitor
Analysis
lämnas vidare till en ny Concept Execution
arbetsgrupp - både hos OK OK OK OK OK
oss och hos kunden.

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

17. Creative brief
Därtill kommer specifika punkter som
projektets syfte och målsättning samt
en rad praktiska instruktioner.

18. Creative brief
Företaget
-Vem är företaget
-Viktiga produkter/tjänster
-Varför finns 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?

19. Creative brief
Målgrupper
-Vilka talar vi till?
-Om fler målgrupper, finns 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

20. Creative brief
USP (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
finns).
-Koordinering: Behöver något koordineras med andra medier?
- Övrigt: Finns några andra förutsättningar som måste följas?

21. Projektmodellen
Brand
Platform
Re-Brief Design DNA
Graphical
language
Business
Analysis
Client Customer
Online Creative Communication Wire Final
User User
Strategy Brief Concept Frames Design
Testing Testing
Customer
Analysis
Grey models
Information
Structure
Competitor
Analysis
Concept Execution
OK OK OK OK OK

22. Projektmodellen
Re-Brief Design DNA
Problemformulering Lösningsförslag
Brand
Platform
Graphical
Re-Brief Design DNA language
Graphical
language
Business
Analysis
Client Customer
Online Creative Communication Wire Final
User User
Strategy Brief Concept Frames Design
Testing Testing
Online
Customer Creative Communication
Analysis
Strategy Brief Information Concept
Grey models
Structure
Competitor
Analysis
Concept Execution Grey models
Information
Structure
OK
Här ska problemet lösas!
OK OK OK OK

23. Okreativt beteende. Kreativt beteende
✓ Vet din plats ✓ Gör din grej
✓ Vänta ✓ Agera
✓ Följ regler ✓ Gör nya regler
✓ Acceptera uppgiften ✓ Gör om uppgiften
✓ Följ planen ✓ Anpassa efterhand
✓ Vånta och gå med ✓ Ställ dig upp och gå
✓ Barriärer ✓ Se möjligheter
✓ Ingen makt ✓ Inga gränser
✓ Kontorsslav ✓ Fri agent

24. Kommer ni ihåg?
Divergens
Normaltillstånd
”the box”
Konvergens

25. 1. Kvantitet istället för kvalitet
01 Quantity before quality
It is better to have enough ideas for some of them to

26. 1. Kvantitet istället för kvalitet
01 Quantity before quality
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 isome of them to
dé

27. 1. Kvantitet istället för kvalitet
idé idé idé idé
”It is better to have enough
idé ideas for some of them to be
idéwrong, than to be always
idé
right by having no ideas at
id
all”é idé
idé
idé
(Edvard de Bono) idé idé
idé
idé
idé
idé
idé

28. Vissa säger att:
Bland 1000 idéer finns bara en
briljant

29. Ett litet test...

30. Ni behöver:
Penna och Papper
Tid:
10 sekunder

31. Rita en hund
10

32. Rita en hund
9

33. Rita en hund
8

34. Rita en hund
7

35. Rita en hund
6

36. Rita en hund
5

37. Rita en hund
4

38. Rita en hund
3

39. Rita en hund
2

40. Rita en hund
1

41. Rita en hund
0

42. Hur ritade ni?

43. Resultatet

44. w like this this
a dog like
Resultatet
this this
it like
90% ungefär så här 9% ungefär så här
snother way way
it in another
1%
y

45. 02 Set high goals
2. Sätt höga mål
Sikta mot stjärnorna.
Missar du, kanske du bara landar på
im for the stars, even if you miss, you will land o
månen...
he moon!

46. 3 Döm inte
NEJ!
Det kommer aldrig att
funka! Det har vi provat
förut. Det funkar inte!
Idé-dödare
Det är säkert en
Det är redan gjort. bra idé, men det
kommer inte att gå.
Låt mig spela
djävulens advokat
här...

47. 4. Bygg vidare på idéer...
...genom att säga Ja, och....

48. 5 Tänk lateralt

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

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

51. Hotell

52. Hotell

53. Hotell
Incheckning

54. Hotell
Incheckning
In efter 15
ut före 12

55. Hotell
Incheckning
In efter 15
ALLTID
ut före 12

56. Hotell
HUR?
Incheckning
Ö J LI GT !
OM
In efter 15
ALLTID
ut före 12

57. Hotell

58. Hotell

59. Hotell
En
konkret
situation

60. Hotell
En
En konkret
konkret
situation
En regel eller
förutsättning

61. Hotell
En
konkret
Incheckning
situation
En regel eller
Ändra regeln
förutsättning

62. Hotell
En
konkret
Hur?
Incheckning
situation
En regel eller
Ändra regeln
förutsättning

63. Hotell
Tankesätt:
✓ Skapa omflyttning
✓ Ersätt det En
konkret
Incheckning
situation
✓ Invertera det
✓ Kombinera det
✓ Överdriv det
✓ Eliminera det
✓ Ordna om det
En regel eller
Ändra regeln
förutsättning

64. Kablar i bilar

65. Kablar

66. Kablar
Montering

67. Kablar
Montering
15 timmar

68. Kablar
Montering
15 timmar 15 minuter

69. Kablar
Montering HUR?
Ö J LI GT !
OM
15 timmar 15 minuter

70. Kablar
Buntar
Montering
med
kontakter
15 timmar 15 minuter

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

72. Rast + uppgift
(10 minunter)

73. Ett sätt att tänka:
Hur skulle en bil se ut om NOKIA
gjorde den?

74. Mass- Idé Idé
Idé
produktion generering utveckling
Så många som Från Från
Verifiera idén
möjligt 100 -10 10-1

75. Konceptet
Kommunikationskonce Brand
Platform
Re-Brief Design DNA
Graphical
pt kan lika gärna
language
Business
Analysis
Client Customer
Online Creative Communication Wire Final
User User
Strategy Brief Concept Frames Design
Testing Testing
Customer
Analysis
Grey models
Information
översättas till
Structure
Competitor
Analysis
Concept Execution
“differentierande idé”. OK OK OK OK OK
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?

76. Konceptet.
Kommunikationskonceptet kan
fungerar på olika nivåer.
Ibland definierar det lösningen som
sådan, t ex en viruskampanj, eller så
spetsar det till en redan befintlig
lösning, t ex en e-butik.

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

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

79. Online Design DNA
Alla företag och
Brand
varumärken har en
Platform
Re-Brief Design DNA
Graphical
language
Business
Analysis
Client Customer
Online Creative Communication Wire Final
visuell identitet.
User User
Strategy Brief Concept Frames Design
Testing Testing
Customer
Analysis
Grey models
Information
Structure
Competitor
Analysis
Concept Execution
Men hur blir den OK OK OK OK OK
interaktiv? I detta skede
definierar vi den digitala
grafiska vokabulären för
ett varumärke.
Typografi, färger,
formspråk, linjesystem
och bildmanér..

80. Site Structure
Vi tar fram en grov
Brand
informationsstruktur vars
Platform
Re-Brief Design DNA
Graphical
language
Business
Analysis
Client Customer
Online Creative Communication Wire Final
främsta syfte är att
User User
Strategy Brief Concept Frames Design
Testing Testing
Customer
Analysis
Grey models
Information
Structure
Competitor
beskriva det
Analysis
Concept Execution
huvudsakliga innehållet OK OK OK OK OK
och hur det
kategoriseras.
Här är det viktigt att
skilja på struktur och
navigering.

81. Site Structure
Strukturen är först och
Brand
främst ett system för att
Platform
Re-Brief Design DNA
Graphical
language
Business
Analysis
Client Customer
Online Creative Communication Wire Final
organisera innehåll,
User User
Strategy Brief Concept Frames Design
Testing Testing
Customer
Analysis
Grey models
Information
Structure
Competitor
navigering är
Analysis
Concept Execution
användarens sätt att OK OK OK OK OK
hitta innehållet.

82. Wireframes
Wireframes använder vi Brand
för att göra
Platform
Re-Brief Design DNA
Graphical
language
Business
Analysis
Client Customer
Online Creative Communication Wire Final
User User
Strategy Brief Concept Frames Design
grundläggande design
Testing Testing
Customer
Analysis
Grey models
Information
Structure
Competitor
Analysis
av gränssnittet på de Concept Execution
olika sidorna och OK OK OK OK OK
vyerna. Här specificeras
interaktiviteten på siten,
det vill säga vilken
information som ska
visar var, när och hur.

83. Wireframes
Eftersom wireframes inte Brand
är någon grafisk design
Platform
Re-Brief Design DNA
Graphical
language
Business
Analysis
Client Customer
Online Creative Communication Wire Final
User User
Strategy Brief Concept Frames Design
utan idéskisser som
Testing Testing
Customer
Analysis
Grey models
Information
Structure
Competitor
Analysis
enkelt kan ändras och Concept Execution
byggas om fungerar de OK OK OK OK OK
som ett utmärkt verktyg
för att diskutera hur siten
ska fungera.

84. Final design
Slutligen är det dags att Brand
Platform
sätta grafisk form på Business
Analysis
Online
Re-Brief
Creative Communication
Design DNA
Graphical
language
Client
User
Wire
Customer
User
Final
Strategy Brief Concept Frames Design
Testing Testing
gränssnittet. Customer
Analysis
Competitor
Analysis
Grey models
Information
Structure
Concept Execution
Nu designas alla sidorna OK OK OK OK OK
ut med ett visuellt manér
som bygger på alla de
beståndsdelar som
tidigare definierats.

85. Final design
det vill säga:
Kommunikations- Brand
Platform
Re-Brief
koncept
Design DNA
Graphical
language
Business
Analysis
Client Customer
Online Creative Communication Wire Final
User User
Strategy Brief Concept Frames Design
Testing Testing
Customer
Analysis
Grey models
Information
Structure
Competitor
Analysis
Design DNA Concept Execution
OK OK OK OK OK
Strukturkoncept
Wireframes

86. Att göra till måndag
Fortsätt jobba med Brand plattform,
Analys, Kunder, Konkurrenter, Strategi
på ert projekt
Skriv en Kreativ Brief
Börja generera idéer
Reflektion av dagen

87. Denna presentation finns på:
www.pavk.se/
kreativaprocesser2011/

88. Tack!
mob. 070-7385085
mail. patrik.avk@cloudnine.se
msn. patrik@dragonfruit.se
Linked in: http://www.linkedin.com/in/patrikvonknorring
Twitter: pavk