svart - mellan dröm och verklighet www.magazine.se/ webbdesign.

Slides:



Advertisements
Liknande presentationer
om företaget där du gör din praktik!
Advertisements

Mediet är inte budskapet om sociala medier och den digitala tidsåldern Lars Ilshammar, Luleå
KOLLEGIAL HANDLEDNING REFLEKTION TILLSAMMANS I ARBETSLAG
Teknisk psykologi – design för användaren
Formulär Tänkte nu gå igenom vad ett formulär är och hur man kan skapa dem i Access.
Träddiagram - ett sätt att ta fram aktiviteter och prioriteringar för hur man ska jobba med ett visst område.
This work is licensed under a Creative Commons 3.0 Attribution License Wikispaces för SBC En guide
Minnesanteckningar från förtroendevaldsträff 15/
Att skriva sig till läsning
Kognitiva funktioner Verbal förmåga Logisk-Analytisk förmåga
”Språk, lärande och identitetsutveckling är nära förknippade
Serverkampanj för mellanmarknaden – genom partnerpresentation: Bild endast för presentatör: visa inte Talare: Partner Presentationens titel: Kraften att.
Att söka och förvalta kunskap
Producerad av Publiciteta&Co Sundsbussarna Förslag på ny design av hemsida Publiciteta&Co 2006.
Avalon Information Systems Vi är IT-företaget som behärskar framtagning av information och utveckling av konkurrenskraftiga IT-system. - Produktinformation.
”PARALLELL PUBLICERING” ÄR FEL TÄNKT •Vad ger framgång? •Vilka är problemen? •Vilka krav ställs på innehåll? •Vilken teknik använder.
svart - mellan dröm och verklighet
Johanna Rönn VM3.  funkab är ett familjeföretag som grundades 1973 av Thord Widerberg  Säljer design möbler till företag och även privat  1 maj 2008.
Publicera användbar information Erik Geijer tydligare.se Internetdagarna
ny dag redo för en Business Value Launch /3/2017 8:37 PM 1
Informationshantering
Att bygga en fungerande webbplats
Acando föreläsning Uppsala caseakademi
- Hur vet vi om vi har lyckats?
70 % av alla förändringsprojekt fallerar…
Styr mot syftet och de önskade effekterna och använd prioriteringar som redan är gjorda i effektkartan.
Integration och mångfald –
Möjligheter till arbete med hjälp av kognitivt stöd ?
Lojalitetssystem för Hallunda Centrum
Ett arbetsområde om poesi
SOCIALA MEDIER PÅ RIKTIGT. VARJE DAG. #nopressurepå30minuter Presentation Chief Marketing and Communication Officer på Mynewsdesk.
Stöd för haptisk hårdvara i en spelmotor
”PARALLELL PUBLICERING” ÄR FEL TÄNKT Vad ger framgång? Vilka är problemen? Vilka krav ställs på innehåll? Vilken teknik använder.
svart - mellan dröm och verklighet webbdesign.
Hur ser världen ut - och vad vill ÅAB vara i den? margita vainio
Koncepten bakom att skapa en bra upplevelse för dina användare
Studieteknik och inlärning
Kommunikation OL108A.
Webbdesign Vittert vetande om webbdesign, SBe, PK
Vittert vetande om webbdesign
C/O Liselott Törngren 6 mars 2008 Från kravmaskin till kreativ utmaning.
Study Manager är en SharePoint-lösning som ger lärare och administratörer möjlighet att lägga till och administrera självrättande övningar och uppgifter.
Presentation med PowerPoint för PA1
FL3: Foundations Daniel Nylén. Kognitiv psykologi & IxD Centrala teorier om kognitiv psykologi utgör grunden för HCI- forskningen Att vara människocentrerad.
om företaget där du gör din praktik!
svart - mellan dröm och verklighet webbdesign.
Formella metoder i MDI Behovet Vad menas med formell? Verktyg Exempel Att läsa: Kapitel 14 i kursboken.
Mikael Olsson SEO utbildning – Bilia Dag 2 - Onsite.
Sophie Eklund Automatiserade röstsamtal till Telias fiberkunder /Relation/Identifier 0.1 Draft.
Hur gör vi nu när löpande redovisning inte längre är hippt? Ludwig Stendahl Affärsutvecklare / Marknadsansvarig Norrland på EY.
Litteraturhistoria – epoker och analys av textutdrag
Källor och källkritik. Källa? En plats där du kan få information –Böcker –Tidning –Faktatexter –TV –Radio –Intervju med någon –Dagböcker från förr i tiden.
Öka tempot i redaktionens digitala utveckling Hyr in en redaktionell coach för förändringsarbetet Som hjälper er att… - Identifiera och konkretisera mål.
R EDOVISNINGS AFFISCH V ETENSKAPLIG POSTER. A FFISCHEN Affischen är en sammanfattning av en kurs eller projekt för att väcka intresse och ge en snabb.
Heby kommuns kvalitetspolicy
Introduktion Study Manager är en SharePoint-lösning som ger lärare och administratörer möjlighet att lägga till och administrera självrättande.
Lön och verksamhet BILD 2: Introduktion forts.
Pedagogen och det entreprenöriella lärandet
Företags-namn Produkter och tjänster
Pedagogen och det entreprenöriella lärandet
Omställningen av hälso- och sjukvården
Olika funktioner och tips till PowerPoint
Helhet och allsidighet
Din företags-broschyr
Vilka vi är Northwind Traders
OL108A // Introduktion till projektledning // Samhällsentreprenör
Betyg i moderna språk nu redan i år 6
Nya 1177.se
Nya 1177.se
Vårstädning med Fabrikam
Presentationens avskrift:

svart - mellan dröm och verklighet webbdesign

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.

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

MAGAZINES KUNDER Acacia AB Agvald & Partners ASG AB Bildhuset Celexa Cementa Värld Damernas V Electrolux Ericsson Företagaren Gambro AB IDG Iggesund Paperboard IKEA ITT Flygt Journalisten Kommunaktuellt Kungliga Dramatiska Teatern LO/TCO/SACO Luftfartsverket Microsoft Netcom Consultants Olof Palmes Int. Centrum Perstorp AB Probi AB SCA Scala Business Solutions N.V. SKF Stadsmissionen i Stockholm Svenska Kommunförbundet Säljarnas Riksförbund Veckorevyn Vin & Sprit AB Volvo

svart - mellan dröm och verklighet ATT SKAPA FRAMGÅNG

DU BESTÄMMER INTE Enda vägen till framgång är att anpassa sig till användaren

svart ANVÄNDBARHET

Webbsidan upp till 40% verktyg och 60% information Webbdesign är mycket likt industridesign snarare än grafisk design DESIGN PÅ WEBBEN ÄR MER ÄN ESTETIK

ANVÄNDARGRÄ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

ETT BRA GRÄNSSNITT /1 Ska vara konsistent Ska vara konventionellt Ett verktyg att användas Gå snabbt att lära Hjälpa användaren att utföra och förstå

ETT BRA GRÄNSSNITT /2 Datorn ska inte verka dum Användaren ska inte känna sig dum Ge få misstag Trygg miljö bra Visa möjligheterna Allt för att maximera användbarheten!

VIKTIGAST Överblick Navigation Position Dessutom Avsändare Datering Kontakt

TYPER AV INTERAKTION Kommando Inmatning Manipulation Återkoppling

VAD NÄR? Effektivitet kontra Lärbarhet Det är lättare att känna igen än att komma ihåg.

svart texten är bortglömd TEXTEN ÄR BORTGLÖMD

TEXT ÄR SVÅRT Besökarens vill inte läsa Läsaren är otålig Informationsmängden är enorm Det är lätt att gå därifrån Läshastigheten är låg Typografin styrs av användaren Texten är högsta abstraktionsgraden av information

LÄSHASTIGHET  Tal: 120 ord/min  Datorskärm: 150 ord/min  Skrivmaskinstext: 200 ord/min  Ordbehandlad utskrift: 320 ord/min Professionellt typograferad text: 460 ord/min

Texten är ett verktyg också Hjälptexter/ledtexter/funktionell text ska vara korta med möjlighet till längre fördjupning. Måste visa rätt och avslöja Hjälp läsaren att fatta rätt läsbeslut. FUNKTIONELL TEXT INFORMATIV TEXT

ETT FALL Webb för naturupplevelser i Nebraska Testad utifrån –att utföra en uppgift –fel som användaren gör –hur mycket man minns av webbtjänsten –hur man minns strukturen –subjektiv känsla för webbtjänsten

NORMAL TEXT Nebraska is filled with internationally recognized attractions that draw large crowds of people every year, without fail. In 1996, some of the most popular places were Fort Robinson State Park (355,000 visitors), Scotts Bluff National Monument (132,166), Arbor Lodge State Historical Park & Museum (100,000), Carhenge (86,598), Stuhr Museum of the Prairie Pioneer (60,002), and Buffalo Bill Ranch State Historical Park (28,446).Carhenge

HALVERAD LÄNGD In 1996, six of the best-attended attractions in Nebraska were Fort Robinson State Park, Scotts Bluff National Monument, Arbor Lodge State Historical Park & Museum, Carhenge, Stuhr Museum of the Prairie Pioneer, and Buffalo Bill Ranch State Historical Park. Carhenge 58%

PUNKTER Nebraska is filled with internationally recognized attractions that draw large crowds of people every year, without fail. In 1996, some of the most popular places were: Fort Robinson State Park (355,000 visitors) Scotts Bluff National Monument (132,166) Arbor Lodge State Historical Park & Museum (100,000) Carhenge (86,598)Carhenge Stuhr Museum of the Prairie Pioneer (60,002) Buffalo Bill Ranch State Historical Park (28,446). 47%

OBJEKTIV TEXT Nebraska has several attractions. In 1996, some of the most-visited places were Fort Robinson State Park (355,000 visitors), Scotts Bluff National Monument (132,166), Arbor Lodge State Historical Park & Museum (100,000), Carhenge (86,598), Stuhr Museum of the Prairie Pioneer (60,002), and Buffalo Bill Ranch State Historical Park (28,446).Carhenge 27%

ALLTIHOP In 1996, six of the most-visited places in Nebraska were: Fort Robinson State Park Scotts Bluff National Monument Arbor Lodge State Historical Park & Museum Carhenge Stuhr Museum of the Prairie Pioneer Buffalo Bill Ranch State Historical Park 124%

HUR SKRIVER MAN? /1 Kort text Sammanfatta i punkter Ha bara ett budskap per mening Strukturera texten hierarkiskt/logiskt Markera viktiga ord med fetstil (ej med färg eftersom det blandas ihop med länkar)

HUR SKRIVER MAN? /2 Hjälpsamma rubriker Bara det som syns finns Använd omvänd pyramid - slutsatsen först Betydelsefulla underrubriker

SLUTSATSER Texter som gjorts för tryck passar sällan på webben direkt Myndighetssvenska inte bra –långa bakvända meningar med flera satser. Det går att förbättra sig!

HUR TYPOGRAFERAR MAN? Ej kursivt (fult) eller understruket (länkar) Fetstil bra Punktuppställningar Skärpa och kantutjämning vid behov Peta i grafikbaserad text för hand Använd ej färgad text (länkar)

svart SKAPA ORDNING

STRUKTURMODELLER Hypertext Hierarki Flerval Flöde Frågor och svar Svart låda

HUR STRUKTURERA? Låt användarna bestämma strukturen! Givetvis inte utifrån organisationens struktur. Kombinationer av modellerna

NAVIGATION Runt 7 huvudgrupper/länkar Ett klick till sök, hjälp och karta Länka på rätt sätt. Adressen ska leda rätt Kombinera navigation, position och överblick

svart texten är bortglömd FOTOGRAFIET ÄR SAKNAT

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

svart - mellan dröm och verklighet webbdesign

svart texten är bortglömd KONKRETA TIPS

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

ARBETSGÅNGEN 1 Behovsanalys 2 Prioritering 3 Informastionsstrukturering 4 Utformning av Gränssnitt 5 Testning 6 Drift 7 Utvärdering

VERKTYG Strukturskisser Dispositionsdesign Interaktionsmodeller Lapptest Video REAL

VAD GER FRAMGÅNG? Leva upp till läsarens förväntan Relevant innehåll Nytta och mervärde! Vara nära läsaren Innehåll anpassat till webben Delaktighet hos användaren

TEKNIK FÖR FRAMGÅNG Skiljer design, teknik och innehåll Enkel att använda Tillåter interaktivitet Lätt att bygga ut och förändra T I DD

RESURSER FÖR FRAMGÅNG Dedicerad personal Både informations- och teknikkunniga Satsa på förarbetet Vad händer när man webben växer - använd publiceringssystem Utvärdera och bygg om vid behov - webben lever

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

KRAV PÅ INNEHÅLLET Text (läsning sker annorlunda) Bild (låg upplösning och litet format) Designen och layout (begränsad) Designen mer än estetik och informationsförmedling

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 Webbtjänster drivna som en tidning - med ett redaktionellt nyhetsdriv.

CYKELSÄLLSKAPET Gissa och behovspröva Testa Omvärdera Dra nytta av erfarenheter

svart - mellan dröm och verklighet HUR ARBETAR MAGAZINE?

TEKNIKEN VI ANVÄNDER Eget databasbaserat publiceringssystem byggt kring moduler Öppen lösning Flexibelt att bygga om Standardkomponenter Standardkommunikation Bygger på SQL-ODBC och komponenter

svart exempel ROBERT KLAGAR

svart - mellan dröm och verklighet webbdesign

robert ryberg magazine ab repslagargatan stockholm

svart