550 likes | 693 Views
”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. ROBERT RYBERG. Chef digitala medier på Magazine AB
E N D
”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
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
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.
svart - mellan dröm och verklighet MELLAN DRÖM OCH VERKLIGHET
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?
DRÖMMEN tryck webb tv radio text film ljud bild
VERKLIGHETEN tryck webb tv radio text film ljud bild
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
RELEVANS mervärde nytta
svart - mellan dröm och verklighet ATT SKAPA FRAMGÅNG
Acacia ABAgvald & PartnersASG ABBildhusetCelexaCementa ABElectroluxEricssonFöretagarenGambro ABIDGIggesund PaperboardIkea International A/SITT FlygtJournalisten Kungliga Dramatiska TeaternLO/TCO/SACOLuftfartsverketMicrosoftNetcom ConsultantsOlof Palmes Int. CentrumPerstorp ABProbi ABSCAScala Business Solutions N.V.SKFStadsmissionen i StockholmSvenska KommunförbundetSäljarnas RiksförbundVin & Sprit ABVolvo MAGAZINES KUNDER
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)
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
RESURSER FÖR FRAMGÅNG • Dedicerade personer • En bra publiceringsmodell • Satsa på förarbetet • Både informations- och teknikkunniga
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
svart - mellan dröm och verklighet HUR ARBETAR MAGAZINE?
TEKNIKEN VI ANVÄNDER • Eget Modulbaserat Publiceringssystem (ännu inget namn) • Öppen lösning • Flexibelt • Standardkomponenter • Standardkommunikation • Bygger på SQL-ODBC /dll:er eller ASP främst på NT.
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
MODELLER • Bara en kanal • Två kanaler med samma innehåll • Olika innehåll • Både och • Bästa vägarna?
svart TVILLINGAR & SYSKON MAGAZINES VÄG
ETT ENSAMT BARN W W W W #1 #4 #2 #3
T W T W ENÄGGSTVILLINGAR #1 #2 #1 #2
W T W T ENÄGGSTVILLINGAR Kejsarsnitt #1 #2 #1 #2
TVÅÄGGSTVILLINGAR Funktionalitet för mervärde T W #1 #1
SMÅSYSKON Kontinuerlig utgivning på webben samlas i tryck T W W W W #1 #1
T T W W KOMPISAR T #1 #2 #3 W #1 #2 #3
BOLLPLANKET T T T #1 #2 #3 W
L PUSH / PULL T W L L L L L L L
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
FRAMTIDEN? • Bättre mediaanpassning • Personliga tjänster • Hård nischning • Nya finansieringssätt • Samband
svart HCI GUI GRÄNSSNITT
GRÄNSSNITT • Vad är ett gränssnitt? • Varför tänka på detta • Design på webb / traditionell grafisk form
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!
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
VIKTIGAST • Överblick • Navigation • Position • Avsändare • Datering • Kontakt
TYPER AV INTERAKTION • Kommando • Inmatning • Manipulation • Återkoppling
VAD NÄR? • Effektivitet/Lärbarhet • Känna igen/Komma ihåg
STRUKTURMODELLER • Hypertext • Hierarki • Flerval • Flöde • Frågor och svar • Svart låda • Kombinationer • Metaforer då?
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
BILDER • Skarpa och tydliga • Beskär fram det viktiga • Symbolbilder • Snabba (”speca” bredd och höjd) • Effekter förvirrar
FÄRG • Länkfärg • Symbolik • Indelning av sidan • Navigation • Färgsatt text • Kulöromfång • Färgblindhet
TEXT ÄR SVÅRT • Besökarens vill inte läsa • Läsaren är otålig • Läshastigheten är låg
HUR SKRIVER MAN? • Kort = Hälften • Ett budskap per mening • Hierarkiskt • Dela upp logiskt • Sammanfattande • Hjälpsamma rubriker • Bara det som syns finns
HUR TYPOGRAFERAR MAN? • Ej kursivt eller understruket • Fetstil bra • Punktuppställningar • Skärpa och kantutjämning? • Ej kantutjämning? • Pixelfixa?
NO FRAMES • Bokmärken fungerar ej • Titel fungerar ej • URL visas ej • Utskrifter blir ofta fel • Rullningslister tar plats och stör
VALSITUATIONER • Metafor/Knappar • Snabb/Effektfull • Upplevelse/Nytta • Titta/Interagera • Profil/Experimentell • Generell/Personanpassad • Erfaren/Oerfaren • Öppen/Teknikkrav