Ingen bildrubrik

1
(No Transcript)
2
(No Transcript)
3
PARALLELL PUBLICERING ÄR FEL TÄNKT

• Vad ger framgång?
• Vilka är problemen?
• Vilka krav ställs på innehåll?
• Vilken teknik använder vi?
• Vilka modeller arbetar vi från?
• Död åt parallell publicering
• www.magazine.se/webbdesign

4
ROBERT RYBERG

• Chef digitala medier på Magazine AB
• Författare till Grafisk Kokbok
• Lärare på diverse skolor
• Tidigare KTH/gt, grafisk konsult, Universum,
  Spray

5
UPPDRAG

• Nordens ledande designbyrå
• 30 tryckta och 10 webbtidningar
• Skapar koncept, design och avancerade
  webbtekniklösningar
• Vi har professionell repro och hanterar komplexa
  projekt med många språk.
• Arbetar med stort nätverk av redaktioner,
  journalister, fotografer och illustratörer.
• Direkt mot kund, eller med redaktionella partners
  eller reklam- och PR-byråer.

6
svart - mellan dröm och verklighet
MELLAN DRÖM OCH VERKLIGHET
7
DRÖMMEN OM PARALLELL PUBLICERING

• All information i en hink hos grafiska
  företaget
• Alla kanaler kräver olika innehåll
• Vilka lösningar finns?

8
DRÖMMEN
tryck webb tv radio
text film ljud bild
9
VERKLIGHETEN
tryck webb tv radio
text film ljud bild
10
OLIKA MEDIER
linjärt användande kvalitativ bild långläsning var
man vill
olinjärt användande animerad bild skummande
läsning framför datorn
tryck webb tv radio
linjärt sporadiskt film text för läsning i soffan
linjärt sporadiskt kvalitativ bild dramtiserad
läsning med radion vid örat
11
RELEVANS
mervärde
nytta
12
svart - mellan dröm och verklighet
ATT SKAPA FRAMGÅNG
13
MAGAZINES KUNDER

• Acacia ABAgvald PartnersASG
  ABBildhusetCelexaCementa ABElectroluxEricsson
  FöretagarenGambro ABIDGIggesund
  PaperboardIkea International A/SITT
  FlygtJournalisten

• Kungliga Dramatiska TeaternLO/TCO/SACOLuftfarts
  verketMicrosoftNetcom ConsultantsOlof Palmes
  Int. CentrumPerstorp ABProbi ABSCAScala
  Business Solutions N.V.SKFStadsmissionen i
  StockholmSvenska KommunförbundetSäljarnas
  RiksförbundVin Sprit ABVolvo

14
VAD GER FRAMGÅNG?

• Leva upp till läsarens förväntan
• Relevant innehåll
• Nytta och mervärde!
• Vara nära läsaren
• Anpassat till webben
• Interaktivt
• Uppmuntra delaktighet (Community)

15
TEKNIK FÖR FRAMGÅNG
T

• Enkel att använda
• Tillåter interaktivitet
• Lätt att bygga ut och förändra

I
D
D
16
RESURSER FÖR FRAMGÅNG

• Dedicerade personer
• En bra publiceringsmodell
• Satsa på förarbetet
• Både informations- och teknikkunniga

17
VILKA ÄR PROBLEMEN?

• Kunderna fast i traditionellt tänkande
• Blir ett sidoprojekt - liten budget
• Tro om att det går automatiskt
• Tro om att parallell publicering finns

18
svart - mellan dröm och verklighet
HUR ARBETAR MAGAZINE?
19
TEKNIKEN VI ANVÄNDER

• Eget Modulbaserat Publiceringssystem (ännu inget
  namn)
• Öppen lösning
• Flexibelt
• Standardkomponenter
• Standardkommunikation
• Bygger på SQL-ODBC /dller eller ASP främst på
  NT.

20
KRAV PÅ INNEHÅLLET

• Text (läsning sker annorlunda)
• Bild (låg upplösning och litet format)
• Designen och layout (begränsad)
• Arbetsflödet för webb är unikt

21
MODELLER

• Bara en kanal
• Två kanaler med samma innehåll
• Olika innehåll
• Både och
• Bästa vägarna?

22
svart
TVILLINGAR SYSKON MAGAZINES VÄG
23
ETT ENSAMT BARN
W
W
W
W
1
2
4
3
24
ENÄGGSTVILLINGAR
1
2
1
2
25
ENÄGGSTVILLINGAR
Kejsarsnitt
1
2
1
2
26
TVÅÄGGSTVILLINGAR
Funktionalitet för mervärde
T
W
1
1
27
SMÅSYSKON
Kontinuerlig utgivning på webben samlas i tryck
T
W
W
W
W
1
1
28
KOMPISAR
T
1
2
3
W
1
2
3
29
BOLLPLANKET
T
T
T
1
2
3
W
30
PUSH / PULL
L
T
W
L
L
L
L
L
L
L
31
VAD KRÄVS?

• Utnyttja webbens styrkor och funktioner
• Ta hänsyn till webbens svagheter
• Avsätt arbete speciellt för webben
• Nytta och mervärde

32
FRAMTIDEN?

• Bättre mediaanpassning
• Personliga tjänster
• Hård nischning
• Nya finansieringssätt
• Samband

33
svart
HCI GUI GRÄNSSNITT
34
GRÄNSSNITT

• Vad är ett gränssnitt?
• Varför tänka på detta
• Design på webb / traditionell grafisk form

35
VAD ÄR ETT GRÄNSSNITT?

• In- och utmatning samt återkoppling
• Grafisk Kommunikation
• Ska vara konsistent
• Ska vara konventionellt
• Ett verktyg att användas
• För att maximera användbarheten!

36
ETT BRA GRÄNSSNITT

• Gå snabbt att lära
• Hjälpa användaren att utföra och förstå
• Datorn ska inte verka dum
• Användaren ska inte känna sig dum
• Ge få misstag
• Designen är sällan målet
• Trygg miljö bra
• Visa möjligheterna

37
VIKTIGAST

• Överblick
• Navigation
• Position
• Avsändare
• Datering
• Kontakt

38
TYPER AV INTERAKTION

• Kommando
• Inmatning
• Manipulation
• Återkoppling

39
VAD NÄR?

• Effektivitet/Lärbarhet
• Känna igen/Komma ihåg

40
STRUKTURMODELLER

• Hypertext
• Hierarki
• Flerval
• Flöde
• Frågor och svar
• Svart låda
• Kombinationer
• Metaforer då?

41
(No Transcript)
42
(No Transcript)
43
NAVIGATION

• 7 länks-regeln
• Ett klick till sök, hjälp och karta
• Läka rätt
• Adressen ska leda rätt
• Kombinera nav, pos och överblick

44
BILDER

• Skarpa och tydliga
• Beskär fram det viktiga
• Symbolbilder
• Snabba (speca bredd och höjd)
• Effekter förvirrar

45
FÄRG

• Länkfärg
• Symbolik
• Indelning av sidan
• Navigation
• Färgsatt text
• Kulöromfång
• Färgblindhet

46
TEXT ÄR SVÅRT

• Besökarens vill inte läsa
• Läsaren är otålig
• Läshastigheten är låg

47
HUR SKRIVER MAN?

• Kort Hälften
• Ett budskap per mening
• Hierarkiskt
• Dela upp logiskt
• Sammanfattande
• Hjälpsamma rubriker
• Bara det som syns finns

48
HUR TYPOGRAFERAR MAN?

• Ej kursivt eller understruket
• Fetstil bra
• Punktuppställningar
• Skärpa och kantutjämning?
• Ej kantutjämning?
• Pixelfixa?

49
NO FRAMES

• Bokmärken fungerar ej
• Titel fungerar ej
• URL visas ej
• Utskrifter blir ofta fel
• Rullningslister tar plats och stör

50
VALSITUATIONER

• Metafor/Knappar
• Snabb/Effektfull
• Upplevelse/Nytta
• Titta/Interagera
• Profil/Experimentell
• Generell/Personanpassad
• Erfaren/Oerfaren
• Öppen/Teknikkrav

51
ARBETSGÅNGEN

• Behovsanalys
• Prioritering
• Informastionsstrukturering
• Utformning av Gränssnitt
• Testning
• Drift
• Utvärdering

52
VERKTYG

• Informationsarkitektur
• Hur kan man arbeta
• Strukturskisser
• Dispositionsdesign
• Interaktionsmodeller
• Lapptest
• Video
• REAL

53
CYKLER

• Gissa och behovspröva
• Testa
• Omvärdera
• Dra nytta av erfarenheter

54
svart
55
robert ryberg magazine ab repslagargatan 15 118
46 stockholm 46 8 462 27 45 46 70 723 00
84 robert_at_magazine.se www.magazine.se