Föreläsning på Journalisthögskolan i Göteborg, december 2012. Temat är redaktionell design med fokus på element, principer, projekt och ett antal spaningar för blivande journalister.

1. Redaktionell design Morten Postrup på JMG 5 december 2012
söndag den 9 december 2012

2. Morten Postrup
Omgörningar
Entra News, Atlantica-tidningen, Arbetsmarknaden, Option,
Mobil, Bolaget, Restauratören Magasin, Byggnads-
arbetaren, OmVärlden, Epigon, Fastighetsvärlden,
Arbetsliv, Travronden, Tiempo, Praktiskt Butiksarbete, Ica-
nyheter, Civilekonomen, ST Press, Vi Bilägare, Nova-nytt,
Arbetarskydd, Nynäshamns Posten, Hälsa, Miljöforskning,
Utemagasinet, Sunt Förnuft, Röda Korsets tidning Henry,
Kärnfullt, Restaurangvärlden, Almegatidningen, Svensk
Idrott, OmVärlden, Råd & Rön, Trä & Möbelforum,
Internationella Studier, Ridsport och Trä.
söndag den 9 december 2012

3. Morten Postrup
söndag den 9 december 2012

4. Morten Postrup
Jobb
Designstrateg
Specialiserad på omgörningar av tidskrifter
Varit projektledare på Magazine och vd på A4
Arbetar i egen firma sedan fem år
Gick ut JMG 1998
söndag den 9 december 2012

5. Morten Postrup
Chef och projektledare
Köpt och sålt designtjänster
Anställt formgivare
Utbildat formgivare
Varit chef och projektledare för formgivare
söndag den 9 december 2012

6. Föreläsningen idag
Design som begrepp
Formelement
Principer
Övning i designanalys
Designprojekt
Spaningar
söndag den 9 december 2012

7. DESIGN
söndag den 9 december 2012

8. Processen att
skapa något utifrån
Yta användarnas
behov
Utseende
Research Strategi
Kulörer
Typografi
Koncept Prototyp
Grid
Papper
Känsla Tester Lansering
söndag den 9 december 2012

9. Saker design kan göra
1. Strukturera information
2. Signalera rätt saker
3. Skapa en upplevelse
4. Skapa arbetsverktyg
söndag den 9 december 2012

10. Saker design kan göra: Strukturera information (1)
hierarki
söndag den 9 december 2012

11. 1. Strukturera info
Hierarki – vad kommer först, vad kommer sen
Gruppering – visa vad som hör ihop
Navigation – hjälp läsaren att hitta
söndag den 9 december 2012

12. Saker design kan göra: Signalera rätt saker (2)
Wow!
tunga
grejer!
söndag den 9 december 2012

13. 2. Signalera rätt saker
Ett magasin handlar om drömmar, om att glänta
på dörren till en annan värld.
Sätt läsaren i rätt stämning
Skapa rätt förväntningar – uppfyll dem med
innehållet.
Bygga det redaktionella varumärket
söndag den 9 december 2012

14. Saker design kan göra: Skapa en upplevelse (3)
Mycket
att se
och läsa.
söndag den 9 december 2012

15. 3. Skapa en upplevelse
Jag unnar mig tid med mitt magasin
Bläddring – förväntningar
Paketeringen är något utöver innehållet
Trygghet
Överraskning
söndag den 9 december 2012

16. Saker design kan göra: Skapa arbetsverktyg (4)
Rationell form
är enkel att
jobba med.
söndag den 9 december 2012

17. 4. Skapa arbetsverktyg
Rationell design betyder rationella
arbetsprocesser.
En mall gör det enkelt att planera, beställa jobb
och göra layout.
En del sidor är enkla att göra och spar tid.
En del sidor kräver kreativt arbete och kräver
extra tid i planering och utgörning.
söndag den 9 december 2012

18. FORMELEMENT
söndag den 9 december 2012

19. Formelement
Typografi
söndag den 9 december 2012

20. Typografi
Seriffer och sanseriffer
Tsga – seriff
Tsga – sansserif
söndag den 9 december 2012

21. Typografi / Seriffer
Seriffer Pangram
The quick brown fox
jumps over the lazy dog
Times New Roman
söndag den 9 december 2012

22. Typografi / Seriffer
The quick brown fox
jumps over the lazy dog
Century Schoolbook
söndag den 9 december 2012

23. Typografi / Seriffer
The quick brown fox
jumps over the lazy dog
American Typewriter
söndag den 9 december 2012

24. Typografi / Seriffer
The quick brown fox
jumps over the lazy dog
Miller Text
söndag den 9 december 2012

25. Typografi / Seriffer
The quick brown fox
jumps over the lazy dog
Guardian Egyptian
söndag den 9 december 2012

26. Typografi / Sanseriffer
Sanseriffer
The quick brown fox
jumps over the lazy dog
Guardian Sans
söndag den 9 december 2012

27. Typografi / Seriffer
The quick brown fox
jumps over the lazy dog
Guardian Egyptian
söndag den 9 december 2012

28. Typografi / Sanseriffer
The quick brown fox
jumps over the lazy dog
Guardian Sans
söndag den 9 december 2012

29. Typografi / Sanseriffer
The quick brown fox
jumps over the lazy dog
Helvetica
söndag den 9 december 2012

30. Typografi / Sanseriffer
The quick brown fox
jumps over the lazy dog
Arial
söndag den 9 december 2012

31. Typografi / Sanseriffer
söndag den 9 december 2012

32. Typografi / Sanseriffer
The quick brown fox
jumps over the lazy dog
Franklin Gothic
söndag den 9 december 2012

33. Typografi / Sanseriffer
The quick brown fox
jumps over the lazy dog
Gill Sans
söndag den 9 december 2012

34. Typografi / Sanseriffer
The quick brown fox
jumps over the lazy dog
Verdana
söndag den 9 december 2012

35. Typografi
kägel
Mått grad
Aa
x-höjd
söndag den 9 december 2012

36. Typografi
Begrepp
Aa
Grundstreck
Hårstreck
Seriff Baslinje
söndag den 9 december 2012

37. Typografi
Skillnaden
mellan
grundstreck
Kontrast och hårstreck
Låg kontrast
AA
söndag den 9 december 2012
Hög kontrast

38. Typografi
Hög kontrast
söndag den 9 december 2012

39. Typografi
Kontrast
Lagom kontrast gör det enkelt att känna igen
bokstavsformerna och enkelt att läsa.
Alltför hög kontrast får texten att »flimra«.
Alltför låg kontrast gör texten till en »grå platta«.
söndag den 9 december 2012

40. Typografi
Löpande text
Siffror
1234567890 – gemena siffror
1234567890 – versala siffror
Tabeller
söndag den 9 december 2012

41. Typografi
Avstavning
Avstavning och utslutning
Lagom många avstavningar
Lagom ordmellanrum
Jämn och fin sats ger högsta läsbarhet
söndag den 9 december 2012

42. Typografi
Horungar
Ensamma ord överst i spalten
Ensamma rader överst i spalten
söndag den 9 december 2012

43. Typografi – Lästips!
söndag den 9 december 2012

44. Formelement
Grid och spaltsystem
söndag den 9 december 2012

45. Format
Satsyta
söndag den 9 december 2012

46. 2 spalter
söndag den 9 december 2012

47. 3 spalter
söndag den 9 december 2012

48. 4 spalter
söndag den 9 december 2012

49. 5 spalter
Tabloid
söndag den 9 december 2012

50. 6 spalter
Tabloid med
annonser på
sidan.
söndag den 9 december 2012

51. 11 spalter?
söndag den 9 december 2012

52. 11 spalter
söndag den 9 december 2012

53. 8 spalter
söndag den 9 december 2012

54. 11 spalter
söndag den 9 december 2012

55. Formelement
Bild
söndag den 9 december 2012

56. söndag den 9 december 2012

57. T-formad
placering av
bild
söndag den 9 december 2012

58. Formelement
Grafiska element
Linjer
Tonplattor
Slutpunkter
Fortsättningspilar
söndag den 9 december 2012

59. Formelement
Ingångar
Rubriker
Bildtexter
Anfanger
Citat
Punktlistor
söndag den 9 december 2012

60. söndag den 9 december 2012

61. Formelement
Kulörer
söndag den 9 december 2012

62. Formelement
Luft
söndag den 9 december 2012

63. Luft
Skapa fokus
Gruppera (och särskilja) objekt
söndag den 9 december 2012

64. PRINCIPER
söndag den 9 december 2012

65. Omfång
Välj åt mig! Välj bort
Textlängder
Hjälp mig Ingångar
att välja! Hierarki
Ge mig Tidningens
Struktur
trygghet! uppgifter
Planering Berätta! Visualisering
Överraska
Innovation
mig!
söndag den 9 december 2012

66. Kontrast
Typografi (storlek, skärning, kulör)
Bildstorlekar
Motivavstånd
Långa och korta texter (antal tecken)
Långa och korta jobb (antal sidor)
Luft / innehåll
söndag den 9 december 2012

67. Kontrast i
bildstorlekar
söndag den 9 december 2012

68. Kontrast i
bildstorlekar
söndag den 9 december 2012

69. Bilder i block
Kontrast i
motivavstånd
söndag den 9 december 2012

70. Kontrast i
motivavstånd
söndag den 9 december 2012

71. Kontrast i
typografin
söndag den 9 december 2012

72. Principer
Pregnans
Formens förmåga att göra extremt tydlig
söndag den 9 december 2012

73. söndag den 9 december 2012

74. söndag den 9 december 2012

75. Principer
Konsekvens
Saker som är lika ser lika ut
söndag den 9 december 2012

76. söndag den 9 december 2012

77. söndag den 9 december 2012

78. söndag den 9 december 2012

79. söndag den 9 december 2012

80. söndag den 9 december 2012

81. Struktur
En uttänkt mix
Enkelt att planera
Enkelt att göra layout
Innovation och överraskning sitter främst
i vinkel och bildinnehåll
(Behöver kompletteras med renodlad
innovation)
söndag den 9 december 2012

82. Principer
Hierarki
I vilken ordning presenteras innehållet
söndag den 9 december 2012

83. Några saker är
utvalda att
synas mer.
söndag den 9 december 2012

84. Principer
Läsordning
söndag den 9 december 2012

85. Principer
Fokus
söndag den 9 december 2012

86. söndag den 9 december 2012

87. söndag den 9 december 2012

88. Principer
Täthet
Mycket material på liten yta = hög täthet
Lite material på mycket yta = låg täthet
söndag den 9 december 2012

89. Låg täthet
söndag den 9 december 2012

90. söndag den 9 december 2012

91. Principer
Visualisering
söndag den 9 december 2012

92. söndag den 9 december 2012

93. söndag den 9 december 2012

94. söndag den 9 december 2012

95. söndag den 9 december 2012

96. Principer
Ordning + Röra
söndag den 9 december 2012

97. söndag den 9 december 2012

98. Principer
Prioritering
Ha med lagom mycket.
Hjälp läsaren genom att presentera ett lagom
paket med innehåll.
När man inte hinner läsa allt får man dåligt
samvete.
söndag den 9 december 2012

99. Så görs tidningen
1990 2000 2010
Tidningen: Rörig Struktur Överraskning
Redaktionen: Ad hoc Planering Innovation
söndag den 9 december 2012

100. Övning!
Designanalys
söndag den 9 december 2012

101. Designanalys
Principer
Element
Kontrast – Stort och smått
Pregnans – Innehållet står ut
Typografi Konsekvens – Lika innehåll ser lika ut
Grid Hierarki – Vi väljer vad som är viktigast
Spaltsystem Läsordning – Ögats hopp i spalterna
Bild Fokus – En plats för ögat att börja
Grafiska element Täthet – Mängden innehåll per sida
Ingångar Visualisering – Presentation utöver text
Kulörer Ordning + röra
Luft Prioritering – Kunde något väljas bort?
söndag den 9 december 2012

102. PROJEKT
söndag den 9 december 2012

103. Tidning > varumärke
söndag den 9 december 2012

104. Innovation förr
Webb Utbildningar
Papperstidning Mobilt Bokförlag
Seminarier
söndag den 9 december 2012

105. Innovation nu
Webb Utbildningar
Redaktionellt
Webb Mobilt Bokförlag
varumärke
Seminarier Papperstidning
söndag den 9 december 2012

106. Strategisk design 1
Hur ser läsarna ut? Vilka är deras drömmar,
problem och drivkrafter?
Vilka vill vi nå? Skaffa en produktiv bild av
läsarna.
Vilket intresse hos läsarna kan vi »mata«?
Vad ska vi bidra med?
söndag den 9 december 2012

107. Strategisk design 2
Vilka är våra nuvarande problem?
Vad vill vi uppnå?
Hur ser vägen dit ut?
söndag den 9 december 2012

108. Projektmodell v1
Strategi Koncept Utgörning Effekt
En bärande Ämnen Vinklar Vad händer
idé för vad Vinklar Rubriker med
vi vill med Tilltal Texter läsaren?
tidningen Form Bilder
Layout
söndag den 9 december 2012

109. Projektmodell v2
Idé Testa idé Utvärdera Fortsätt
En idé för Gör en liten Förfina Låt bra
hur vi prototyp Fail Early idéer leva
skulle och se vad vidare.
kunna som händer Generera
förbättra nya.
söndag den 9 december 2012

110. Vad vet vi om
våra läsare?
söndag den 9 december 2012

111. Skaffa en
produktiv bild
av läsarna!
söndag den 9 december 2012

112. Ring en läsare i veckan
söndag den 9 december 2012

113. Design research
Etnografiska studier
Djupintervjuer
Fokusgrupper?
söndag den 9 december 2012

114. Persona 1
Maria Nilsson
32 år
Bor i Kiruna
Civilingenjör teknisk fysik, Chalmers
Sambo i villa
Handläggare på Rymdstyrelsen sedan 4 år
Kom dit som nyexad
Uppvuxen i Visby
Siktar på tjänst inom ESA
söndag den 9 december 2012

115. Persona 2
Jag heter Maria Nilsson och jag jobbar på
Rymdstyrelsen sedan år 2000, huvudsakligen med
internationella relationer. Under några dagar i
Florida jobbar jag tillsammans med ESA för att de
svenska VIP-gästerna som är på plats ska få en
innehållsrik och trevlig resa. Detta blir mitt andra
Florida-besök, jag var även på plats och såg
uppsändningen av STS-116, Christer Fuglesangs
första rymdfärd, i december 2006.
söndag den 9 december 2012

116. Redesign
Problem
Vision
Strategi
Koncept (Varumärke + kanaler)
Genomförande
Uppföljning
söndag den 9 december 2012

117. Framgångsrik förändring
Skaffa en realistisk bild av problemen.
Skaffa en produktiv bild av era läsare.
Skaffa en storstilad vision för vad ni vill uppnå.
söndag den 9 december 2012

118. SPANINGAR
söndag den 9 december 2012

119. Har tillgång till bärbar dator
80 %
60 %
40 %
57 % 72 %
20 %
0%
2010
2012
Källa: Svenskarna och internet 2012
söndag den 9 december 2012

120. Kopplar upp sig till internet via mobilen
60 %
40 %
55 % 20 %
30 %
16 %
2010 0%
2011
2012
Källa: Svenskarna och internet 2012
söndag den 9 december 2012

121. Tittar på filmklipp i mobilen
60 %
40 %
60 %
20 %
7% 0%
2009
2012
Källa: Svenskarna och internet 2012
söndag den 9 december 2012

122. Kan du någon gång jobba hemma med hjälp av internet?
26 %
4%
2003
2012
Källa: Svenskarna och internet 2012
söndag den 9 december 2012

123. Andel i åldern 12 till 25 år som skriver på en egen blogg 2012
60 %
40 %
53 % 20 %
12 %
Män 0%
Kvinnor
Källa: Svenskarna och internet 2012
söndag den 9 december 2012

124. Massmedier
Begreppet tunnas ut allt mer.
Många bidrar med inneåll i allt från bloggar
till sociala medier.
Många aktörer på massmediernas gamla arenor.
söndag den 9 december 2012

125. Innehåll kopplas loss
Innehåll och distributionsform har tidigare varit
ett och samma:
Se en film = film + biobesök (VHS ca 1980)
Tidning = journalistik + papper + utbärning
(Aftonbladet.se 1994)
Hylands hörna = program + tv-tittande
(Svtplay 2006)
söndag den 9 december 2012

126. Allt digitaliseras
Medier
Musik
Film
Böcker
The internet of things
Tillverkning
söndag den 9 december 2012

127. Crowdsourcing
söndag den 9 december 2012

128. söndag den 9 december 2012

129. Crowdfunding
söndag den 9 december 2012

130. söndag den 9 december 2012

131. Tidningarnas intäkter från papper sjunker och nya intäkter från digitala medier hänger inte med.
söndag den 9 december 2012

132. Tidningarnas intäkter från papper sjunker och nya intäkter från digitala medier hänger inte med.
söndag den 9 december 2012

133. Det har hösten 2012 sålts hundra miljoner iPads, en produkt som inte fanns vintern 2010!
söndag den 9 december 2012

134. Design idag
Allt kan designas
Användarorienterat
Co-creation
Prototyper
Design Thinking
Använd design för att lösa »wicked problems«
söndag den 9 december 2012

135. Journalist
Ett framtidsyrke?
söndag den 9 december 2012

136. Journalist – ett framtidsyrke?
Nja...
Journalistutbildningar läggs ner
Uppsägningar
Dålig ekonomi på tidningarna
Annonspengarna flyr från ”print”
Problem att ta betalt i digitala kanaler
söndag den 9 december 2012

137. Journalist – ett framtidsyrke?
Japp!
Ljusning för betalningar i digitala kanaler
Större räckvidd än någonsin för dagspressen
Ett samhälle fullt av kommunikation
Journalistiken är trovärdig och angelägen
Content Marketing behöver massor av folk
söndag den 9 december 2012

138. Journalist – ett framtidsyrke?
Gör så här
Var stolt (På många sätt världens bästa yrke)
Var bäst (Tänk efter. Var nyfiken. Var tuff utåt
men samarbeta inåt. Leverera.)
Var unik (Skaffa ämneskunskaper)
Skaffa digitala kunskaper
Det är inga problem vara sin egen, men var
beredd på att behöva skapa jobben själv
söndag den 9 december 2012

139. Bästa boken om design
Principer för
hur vi
uppfattar
världen.
söndag den 9 december 2012

140. Tack!
CC BY-ND Morten Postrup 2012
söndag den 9 december 2012

141. Morten Postrup
Mejl: morten@postrup.se
Webb: www.mortenpostrup.com
Facebook: Designstrateg Morten Postrup
Linkedin: Morten Postrup
Slideshare: Morten Postrup
Köp min bok: Bokus
söndag den 9 december 2012

142. Credits
Fågelunge / Madbuster75
Telefontrådar / SMercury98
Telefonsamtal / What is in us
Artwork cc licensed, as published on Flickr.com
söndag den 9 december 2012