Lektion 3 i kreativa processer för Interaktionsde…

1. Dag 3
måndag 12 april 2010
Supernative

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

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

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

5. Supernative

6. Närvaro
Supernative

7. Idag.
✓ Reflektion
✓ Projektet - Hur går det? Frågor?
✓ Den kreativa processen, del 2
✓ Inför morgondagens guldäggsföreläsningar
Supernative

8. Reflektion
Supernative

9. Gårdagen.
✓ Kändes det bra?
✓ Kreativitet, idé och innovation
✓ Första delen av processen
✓ Egna arbetet, har ni kommit igång?
✓ Övrigt
Supernative

10. Den kreativa processen, del 2
Supernative

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

12. I Fredags.
Brand Platform Business Analysis
Customer Analysis Competior Analysis
Online Strategy
Supernative

13. Projektmodell.
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
Supernative

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

15. Creative Brief.
Briefen rymmer alltid en sammanfattning av strategin och dess fyra
hörnstenar:
✓ varumärke
✓ affärsupplägg
✓ målgrupp/användare
✓ konkurrenter/omvärld.
Därtill kommer specifika punkter som projektets syfte och målsättning
samt en rad praktiska instruktioner.
Supernative

16. Kreativ brief (Problemformuleringen)
✓ 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?
Supernative

17. Kreativ brief (Problemformuleringen)
✓ 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
-
Supernative

18. Kreativ brief (Problemformuleringen)
✓ USP (Unique Selling Point)
- Vad är det mest särskiljande vi erbjuder gentemot våra konkurrenter?
✓ Huvudargument
- Varförkommer 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?
Supernative

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

20. Projektmodell
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
Supernative

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

22. Vilka tillstånd?
divergens
Normaltillstånd
”the box”
konvergens
Supernative

23. 1. Börja med kvantitet istället för kvalitet
Supernative

24. 1. Börja med kvantitet istället för kvalitet
idé
idé
idé
idé
idé idé
idé
idé
idé idé idé
idé
idé
idé idé
idé
idé
idé
Supernative

25. 1. Börja med 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é
idé wrong, than to be always right
by having no ideas at all”
idé
idé idé
(Edvard de Bono) idé
idé
idé
idé idé
idé
idé
idé
Supernative

26. Vissa säger att:
Bland 1000 ideér finns bara en briljant
Supernative

27. Ett litet test...
Supernative

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

29. Rita en hund
10
Supernative

30. Rita en hund
9
Supernative

31. Rita en hund
8
Supernative

32. Rita en hund
7
Supernative

33. Rita en hund
6
Supernative

34. Rita en hund
5
Supernative

35. Rita en hund
4
Supernative

36. Rita en hund
3
Supernative

37. Rita en hund
2
Supernative

38. Rita en hund
1
Supernative

39. Rita en hund
0
Supernative

40. Hur ritade ni?
Supernative

41. 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%
ay Supernative

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

43. 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 bra
Det är redan gjort. idé, men det kommer inte
att gå.
Låt mig spela djävulens
advokat här...
Supernative

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

45. 5 Tänk lateralt
Supernative

46. 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
✓ 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
Supernative

47. Hotell.
Supernative

48. Hotell.
Incheckning
Supernative

49. Hotell.
Incheckning
In efter 15
ut före 12
Supernative

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

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

52. En lateral process.
Supernative

53. En lateral process.
En
konkret
situation
Supernative

54. En lateral process.
En
En konkret
konkret
situation
En regel eller
förutsättning
Supernative

55. En lateral process.
En
konkret
Incheckning
situation
En regel eller
Ändra regeln
förutsättning
Supernative

56. En lateral process.
En
konkret
Hur?
Incheckning
situation
En regel eller
Ändra regeln
förutsättning
Supernative

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

58. Kablar i bilar
Supernative

59. Kablar.
Supernative

60. Kablar.
Montering
Supernative

61. Kablar.
Montering
15 timmar
Supernative

62. Kablar.
Montering
15 timmar 15 minuter
Supernative

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

64. Kablar.
Buntar
Montering
med
kontakter
15 timmar 15 minuter
Supernative

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

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

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

68. Konceptet.
Kommunikationskoncept kan lika
gärna översättas till “differentierande Brand
Platform
Re-Brief Design DNA
Graphical
language
Business
idé”.
Analysis
Client Customer
Online Creative Communication Wire Final
User User
Strategy Brief Concept Frames Design
Testing Testing
Customer
Analysis
Grey models
Hur särskiljer vår lösning kunden?
Information
✓ Competitor
Analysis
Structure
Hur kommunicerar vi positionen och
Concept Execution
✓
varumärket mot användaren?
OK OK OK OK OK
✓ Hur ser vi till att det håller ihop hela
vägen?
Supernative

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

70. 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
- Hurpresenteras det i text, bild, ljud (Kan vara moodbords, skisser,
prototyper etc)
Supernative

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

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

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

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

75. Final design.
Slutligen är det dags att sätta grafisk
form på gränssnittet.
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
Nu designas alla sidorna ut med ett
Structure
Competitor
Analysis
visuellt manér som bygger på alla de
Concept Execution
beståndsdelar som tidigare definierats:
OK OK OK OK OK
✓ Kommunikationskoncept
✓ Design DNA
✓ Strukturkoncept
✓ Wireframes
Supernative

76. Imorgon:
Supernative

77. Var?
Guldäggsdagarna äger rum på China
Teatern i Stockholm.
China Teatern ligger i hörnan av
Näckströmsgatan och Berzelii Park.
Hur tar man sig till China Teatern?
✓ Gå från Sergelstorg
✓ Ta buss 69K från Sergels torg mot
Kaknästornet. Gå av vid Nybroplan
och gå cirka 300 meter till Berzelii
Park.
Supernative

78. Program.
✓ 08.30 - 09.00 ✓ 13.10 - 13.55
Insläpp Why technology is changing the
✓ 09.15 - 10.00 nature of advertising
What is the future of truly integrated ✓ 14.00 - 14.45
communications? Framtidens webb är här -
✓ 10.00 - 10.30 användarnas makt råder
Konsten att beställa och köpa ✓ 14.50 - 15.20
kreativitet Kreativitet och teknik - krock eller
✓ 10.30 - 10.50 symbios?
Paus ✓ 15.25 - 15.45
✓ 10.50 - 11.20 Paus
Konsten att leverera kreativitet på ✓ 15.55 - 16.25
beställning
Möjligheten och begränsningar med
✓ 11.20 - 12.00 sociala medier
Samtal om kreativitet
✓ 16.30 - 16.50
✓ 12.00 - 13.00 Samtal om kreativitet och teknik
Lunch
Supernative

79. Att göra i eftermiddag.
✓ 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
✓ Denna presentation finns på: www.supernative.com/kreativaprocesser
Läs!
Läsa ”User Experience Deliverables”
http://www.semanticstudios.com/publications/semantics/000228.php
Supernative

80. Tack!
Vi ses i morgon
Kontakt:
mob. 070-7385085
mail. patrik@supernative.com
msn. patrik@dragonfruit.se
Linked in: http://www.linkedin.com/in/patrikvonknorring
Twitter: pavk