Redaktionell design
-
Upload
morten-postrup -
Category
Design
-
view
475 -
download
3
description
Transcript of Redaktionell design
Redaktionell designMorten Postrup på JMG 5 december 2012
söndag den 9 december 2012
OmgörningarEntra 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ä.
Morten Postrup
söndag den 9 december 2012
Morten Postrup
söndag den 9 december 2012
JobbDesignstrategSpecialiserad på omgörningar av tidskrifterVarit projektledare på Magazine och vd på A4Arbetar i egen firma sedan fem årGick ut JMG 1998
Morten Postrup
söndag den 9 december 2012
Chef och projektledareKöpt och sålt designtjänsterAnställt formgivareUtbildat formgivareVarit chef och projektledare för formgivare
Morten Postrup
söndag den 9 december 2012
Föreläsningen idagDesign som begreppFormelementPrinciperÖvning i designanalysDesignprojektSpaningar
söndag den 9 december 2012
DESIGN
söndag den 9 december 2012
Processen att skapa något utifrån
användarnas behov
YtaUtseende
KulörerTypografi
GridPapper
Känsla
Research Strategi
Koncept Prototyp
Tester Lansering
söndag den 9 december 2012
Saker design kan göra1. Strukturera information2. Signalera rätt saker3. Skapa en upplevelse4. Skapa arbetsverktyg
söndag den 9 december 2012
Saker design kan göra: Strukturera information (1)
hierarki
söndag den 9 december 2012
1. Strukturera infoHierarki – vad kommer först, vad kommer senGruppering – visa vad som hör ihopNavigation – hjälp läsaren att hitta
söndag den 9 december 2012
Saker design kan göra: Signalera rätt saker (2)
Wow! tunga grejer!
söndag den 9 december 2012
2. Signalera rätt sakerEtt 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ämningSkapa rätt förväntningar – uppfyll dem med innehållet. Bygga det redaktionella varumärket
söndag den 9 december 2012
Saker design kan göra: Skapa en upplevelse (3)
Mycket att se
och läsa.
söndag den 9 december 2012
3. Skapa en upplevelseJag unnar mig tid med mitt magasinBläddring – förväntningarPaketeringen är något utöver innehålletTrygghetÖverraskning
söndag den 9 december 2012
Rationell form är enkel att jobba med.
Saker design kan göra: Skapa arbetsverktyg (4)
söndag den 9 december 2012
4. Skapa arbetsverktygRationell 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
FORMELEMENT
söndag den 9 december 2012
Typografi
Formelement
söndag den 9 december 2012
Seriffer och sanserifferTsga – seriff
Tsga – sansserif
Typografi
söndag den 9 december 2012
SerifferThe quick brown fox jumps over the lazy dogTimes New Roman
Typografi / Seriffer
Pangram
söndag den 9 december 2012
The quick brown fox jumps over the lazy dogCentury Schoolbook
Typografi / Seriffer
söndag den 9 december 2012
The quick brown fox jumps over the lazy dogAmerican Typewriter
Typografi / Seriffer
söndag den 9 december 2012
The quick brown fox jumps over the lazy dogMiller Text
Typografi / Seriffer
söndag den 9 december 2012
The quick brown fox jumps over the lazy dogGuardian Egyptian
Typografi / Seriffer
söndag den 9 december 2012
SanserifferThe quick brown fox jumps over the lazy dogGuardian Sans
Typografi / Sanseriffer
söndag den 9 december 2012
The quick brown fox jumps over the lazy dogGuardian Egyptian
Typografi / Seriffer
söndag den 9 december 2012
The quick brown fox jumps over the lazy dogGuardian Sans
Typografi / Sanseriffer
söndag den 9 december 2012
The quick brown fox jumps over the lazy dogHelvetica
Typografi / Sanseriffer
söndag den 9 december 2012
The quick brown fox jumps over the lazy dogArial
Typografi / Sanseriffer
söndag den 9 december 2012
Typografi / Sanseriffer
söndag den 9 december 2012
The quick brown fox jumps over the lazy dogFranklin Gothic
Typografi / Sanseriffer
söndag den 9 december 2012
The quick brown fox jumps over the lazy dogGill Sans
Typografi / Sanseriffer
söndag den 9 december 2012
The quick brown fox jumps over the lazy dogVerdana
Typografi / Sanseriffer
söndag den 9 december 2012
Mått
Aax-höjd
grad
kägel
Typografi
söndag den 9 december 2012
Begrepp
AaGrundstreck
Hårstreck
BaslinjeSeriff
Typografi
söndag den 9 december 2012
Kontrast
AASkillnaden
mellan grundstreck
och hårstreck
Låg kontrast
Hög kontrast
Typografi
söndag den 9 december 2012
Hög kontrast
Typografi
söndag den 9 december 2012
KontrastLagom 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«.
Typografi
söndag den 9 december 2012
Siffror1234567890 – gemena siffror1234567890 – versala siffror
Löpande text
Tabeller
Typografi
söndag den 9 december 2012
AvstavningAvstavning och utslutningLagom många avstavningarLagom ordmellanrumJämn och fin sats ger högsta läsbarhet
Typografi
söndag den 9 december 2012
HorungarEnsamma ord överst i spaltenEnsamma rader överst i spalten
Typografi
söndag den 9 december 2012
Typografi – Lästips!
söndag den 9 december 2012
Grid och spaltsystem
Formelement
söndag den 9 december 2012
Format
Satsyta
söndag den 9 december 2012
2 spalter
söndag den 9 december 2012
3 spalter
söndag den 9 december 2012
4 spalter
söndag den 9 december 2012
5 spalter
Tabloid
söndag den 9 december 2012
6 spalter
Tabloid med annonser på
sidan.
söndag den 9 december 2012
11 spalter?
söndag den 9 december 2012
11 spalter
söndag den 9 december 2012
8 spalter
söndag den 9 december 2012
11 spalter
söndag den 9 december 2012
Bild
Formelement
söndag den 9 december 2012
söndag den 9 december 2012
T-formad placering av
bild
söndag den 9 december 2012
Grafiska elementLinjerTonplattorSlutpunkterFortsättningspilar
Formelement
söndag den 9 december 2012
IngångarRubrikerBildtexterAnfangerCitatPunktlistor
Formelement
söndag den 9 december 2012
söndag den 9 december 2012
Kulörer
Formelement
söndag den 9 december 2012
Luft
Formelement
söndag den 9 december 2012
LuftSkapa fokusGruppera (och särskilja) objekt
söndag den 9 december 2012
PRINCIPER
söndag den 9 december 2012
Tidningens uppgifter
Välj åt mig!OmfångVälj bortTextlängder Hjälp mig
att välja!IngångarHierarki
Ge mig trygghet! Struktur
Berätta! Visualisering
Överraskamig! Innovation
Planering
söndag den 9 december 2012
KontrastTypografi (storlek, skärning, kulör)BildstorlekarMotivavståndLånga och korta texter (antal tecken)Långa och korta jobb (antal sidor)Luft / innehåll
söndag den 9 december 2012
Kontrast i bildstorlekar
söndag den 9 december 2012
Kontrast i bildstorlekar
söndag den 9 december 2012
Kontrast i motivavstånd
Bilder i block
söndag den 9 december 2012
Kontrast i motivavstånd
söndag den 9 december 2012
Kontrast i typografin
söndag den 9 december 2012
PregnansFormens förmåga att göra extremt tydlig
Principer
söndag den 9 december 2012
söndag den 9 december 2012
söndag den 9 december 2012
KonsekvensSaker som är lika ser lika ut
Principer
söndag den 9 december 2012
söndag den 9 december 2012
söndag den 9 december 2012
söndag den 9 december 2012
söndag den 9 december 2012
söndag den 9 december 2012
StrukturEn uttänkt mix Enkelt att planeraEnkelt att göra layoutInnovation och överraskning sitter främst i vinkel och bildinnehåll(Behöver kompletteras med renodlad innovation)
söndag den 9 december 2012
HierarkiI vilken ordning presenteras innehållet
Principer
söndag den 9 december 2012
Några saker är utvalda att synas mer.
söndag den 9 december 2012
Läsordning
Principer
söndag den 9 december 2012
Fokus
Principer
söndag den 9 december 2012
söndag den 9 december 2012
söndag den 9 december 2012
TäthetMycket material på liten yta = hög täthetLite material på mycket yta = låg täthet
Principer
söndag den 9 december 2012
Låg täthet
söndag den 9 december 2012
söndag den 9 december 2012
Visualisering
Principer
söndag den 9 december 2012
söndag den 9 december 2012
söndag den 9 december 2012
söndag den 9 december 2012
söndag den 9 december 2012
Ordning + Röra
Principer
söndag den 9 december 2012
söndag den 9 december 2012
PrioriteringHa 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.
Principer
söndag den 9 december 2012
Tidningen:
Redaktionen:
Rörig
Ad hoc
Struktur
Planering
Överraskning
Innovation
1990 2000 2010
Så görs tidningen
söndag den 9 december 2012
Övning!Designanalys
söndag den 9 december 2012
Designanalys
Element
TypografiGrid SpaltsystemBildGrafiska elementIngångarKulörerLuft
Principer
Kontrast – Stort och småttPregnans – Innehållet står utKonsekvens – Lika innehåll ser lika utHierarki – Vi väljer vad som är viktigastLäsordning – Ögats hopp i spalternaFokus – En plats för ögat att börjaTäthet – Mängden innehåll per sidaVisualisering – Presentation utöver textOrdning + röraPrioritering – Kunde något väljas bort?
söndag den 9 december 2012
PROJEKT
söndag den 9 december 2012
Tidning > varumärke
söndag den 9 december 2012
Papperstidning
Webb
Mobilt
Seminarier
Utbildningar
Bokförlag
Innovation förr
söndag den 9 december 2012
Webb
Mobilt
Seminarier
Utbildningar
Bokförlag
Papperstidning
WebbRedaktionelltvarumärke
Innovation nu
söndag den 9 december 2012
Strategisk design 1Hur 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
Strategisk design 2Vilka är våra nuvarande problem? Vad vill vi uppnå? Hur ser vägen dit ut?
söndag den 9 december 2012
Strategi Koncept Utgörning Effekt
En bärande idé för vad vi vill med tidningen
Vad händer med läsaren?
VinklarRubrikerTexterBilderLayout
ÄmnenVinklarTilltalForm
Projektmodell v1
söndag den 9 december 2012
Idé Testa idé Utvärdera Fortsätt
En idé för hur vi skulle kunna förbättra
Låt bra idéer leva vidare. Generera nya.
FörfinaFail Early
Gör en liten prototyp och se vad som händer
Projektmodell v2
söndag den 9 december 2012
Vad vet vi om våra läsare?
söndag den 9 december 2012
Skaffa en produktiv bild
av läsarna!
söndag den 9 december 2012
Ring en läsare i veckan
söndag den 9 december 2012
Design researchEtnografiska studierDjupintervjuerFokusgrupper?
söndag den 9 december 2012
Persona 1Maria Nilsson32 årBor i KirunaCivilingenjör teknisk fysik, ChalmersSambo i villaHandläggare på Rymdstyrelsen sedan 4 årKom dit som nyexadUppvuxen i VisbySiktar på tjänst inom ESA
söndag den 9 december 2012
Persona 2Jag 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
RedesignProblemVisionStrategiKoncept (Varumärke + kanaler)GenomförandeUppföljning
söndag den 9 december 2012
Framgångsrik förändringSkaffa 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
SPANINGAR
söndag den 9 december 2012
0 %
20 %
40 %
60 %
80 %
57 % 72 %
20102012
Har tillgång till bärbar dator
Källa: Svenskarna och internet 2012
söndag den 9 december 2012
0 %
20 %
40 %
60 %
16 % 30 %55 %
20102011
2012
Kopplar upp sig till internet via mobilen
Källa: Svenskarna och internet 2012
söndag den 9 december 2012
0 %
20 %
40 %
60 %
7 %
60 %
20092012
Tittar på filmklipp i mobilen
Källa: Svenskarna och internet 2012
söndag den 9 december 2012
4 %
26 %
20032012
Kan du någon gång jobba hemma med hjälp av internet?
Källa: Svenskarna och internet 2012
söndag den 9 december 2012
0 %
20 %
40 %
60 %
12 %
53 %
MänKvinnor
Andel i åldern 12 till 25 år som skriver på en egen blogg 2012
Källa: Svenskarna och internet 2012
söndag den 9 december 2012
MassmedierBegreppet 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
Innehåll kopplas lossInnehå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
Allt digitaliserasMedierMusikFilmBöckerThe internet of thingsTillverkning
söndag den 9 december 2012
Crowdsourcing
söndag den 9 december 2012
söndag den 9 december 2012
Crowdfunding
söndag den 9 december 2012
söndag den 9 december 2012
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
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
Det har hösten 2012 sålts hundra miljoner iPads, en produkt som inte fanns vintern 2010!
söndag den 9 december 2012
Design idagAllt kan designasAnvändarorienteratCo-creationPrototyperDesign ThinkingAnvänd design för att lösa »wicked problems«
söndag den 9 december 2012
JournalistEtt framtidsyrke?
söndag den 9 december 2012
Nja...Journalistutbildningar läggs nerUppsägningarDålig ekonomi på tidningarnaAnnonspengarna flyr från ”print” Problem att ta betalt i digitala kanaler
Journalist – ett framtidsyrke?
söndag den 9 december 2012
Japp!Ljusning för betalningar i digitala kanalerStörre räckvidd än någonsin för dagspressenEtt samhälle fullt av kommunikationJournalistiken är trovärdig och angelägen Content Marketing behöver massor av folk
Journalist – ett framtidsyrke?
söndag den 9 december 2012
Gör så härVar 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 kunskaperDet är inga problem vara sin egen, men var beredd på att behöva skapa jobben själv
Journalist – ett framtidsyrke?
söndag den 9 december 2012
Bästa boken om design
Principer för hur vi
uppfattar världen.
söndag den 9 december 2012
Tack!CC BY-ND Morten Postrup 2012
söndag den 9 december 2012
Morten PostrupMejl: [email protected] Webb: www.mortenpostrup.comFacebook: Designstrateg Morten PostrupLinkedin: Morten PostrupSlideshare: Morten PostrupKöp min bok: Bokus
söndag den 9 december 2012
CreditsFågelunge / Madbuster75Telefontrådar / SMercury98Telefonsamtal / What is in usArtwork cc licensed, as published on Flickr.com
söndag den 9 december 2012