robertmagazine se svart mellan drm och verklighet www
robert@magazine. se
svart - mellan dröm och verklighet www. magazine. se/ webbdesign robert@magazine. se
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 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 robert@magazine. se Kungliga Dramatiska Teatern LO/TCO/SACO Luftfartsverket Microsoft Olof Palmes Int. Centrum Perstorp AB Probi AB SCA 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 robert@magazine. se
DU BESTÄMMER INTE • Enda vägen till framgång är att anpassa sig till användaren • Användaren lär sig av andra! robert@magazine. se
svart ANVÄNDBARHET robert@magazine. se
DESIGN PÅ WEBBEN ÄR MER ÄN ESTETIK • Webbsidan upp till 40% verktyg och 60% information • Webbdesign är mycket likt industridesign snarare än grafisk design robert@magazine. se
ANVÄNDARGRÄNSSNITT • Vad är ett gränssnitt? • Varför tänka på detta • Design på webb / traditionell grafisk form robert@magazine. se
robert@magazine. se
robert@magazine. se
robert@magazine. se
VAD ÄR ETT GRÄNSSNITT? • In- och utmatning samt återkoppling • Grafisk Kommunikation robert@magazine. se
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å robert@magazine. se
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! robert@magazine. se
VIKTIGAST • Överblick • Navigation • Position robert@magazine. se
Dessutom • Avsändare • Datering • Kontakt robert@magazine. se
VAD NÄR? • Effektivitet kontra Lärbarhet • Det är lättare att känna igen än att komma ihåg. robert@magazine. se
svart texten är bortglömd TEXTEN ÄR BORTGLÖMD robert@magazine. se
TEXT ÄR SVÅRT • • Besökaren vill inte läsa utan skummar 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 robert@magazine. se
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 robert@magazine. se
FUNKTIONELL TEXT INFORMATIV TEXT • 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. robert@magazine. se
ETT FALL • Webb för naturupplevelser i Nebraska • Testad utifrån – – – robert@magazine. se 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). robert@magazine. se
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. 58% robert@magazine. se
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: 47% • 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) • Buffalo Bill Ranch State Historical Park (28, 446). robert@magazine. se
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). 27% robert@magazine. se
ALLTIHOP In 1996, six of the most-visited places in Nebraska were: 124% • 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 robert@magazine. se
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) robert@magazine. se
HUR SKRIVER MAN? /2 • • Hjälpsamma rubriker Bara det som syns finns Använd omvänd pyramid - slutsatsen först Betydelsefulla underrubriker robert@magazine. se
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! robert@magazine. se
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) robert@magazine. se
svart SKAPA ORDNING robert@magazine. se
STRUKTURMODELLER • • • Hypertext Hierarki Flerval Flöde Frågor och svar Svart låda robert@magazine. se
robert@magazine. se
robert@magazine. se
robert@magazine. se
robert@magazine. se
robert@magazine. se
robert@magazine. se
robert@magazine. se
HUR STRUKTURERA? • Låt användarna bestämma strukturen! • Givetvis inte utifrån organisationens struktur • Kombinationer av modellerna robert@magazine. se
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 robert@magazine. se
robert@magazine. se
Flikar robert@magazine. se
robert@magazine. se
robert@magazine. se
svart texten är bortglömd FOTOGRAFIET ÄR SAKNAT robert@magazine. se
BILDER • • • Skarpa och tydliga Beskär fram det viktiga Symbolbilder Snabba = små och bredd och höjd spec. Effekter förvirrar robert@magazine. se
robert@magazine. se
robert@magazine. se
FÄRG • • Länkfärg Symbolik Indelning av sidan Navigation Färgsatt text Kulöromfång Färgblindhet robert@magazine. se
svart texten är bortglömd KONKRETA TIPS robert@magazine. se
NO FRAMES! • • • Bokmärken fungerar ej Titel fungerar ej URL visas ej Utskrifter blir ofta fel Rullningslister tar plats och stör robert@magazine. se
VALSITUATIONER • • Metafor/Knappar Snabb/Effektfull Upplevelse/Nytta Titta/Interagera Profil/Experimentell Generell/Personanpassad Erfaren/Oerfaren Öppen/Teknikkrav robert@magazine. se
ARBETSGÅNGEN 1 Behovsanalys 2 Prioritering 3 Informationsstrukturering 4 Utformning av Gränssnitt 5 Interaktionsprototyp 6 Genomförande 7 Testning 8 Drift 9 Utvärdering robert@magazine. se
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 robert@magazine. se
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 robert@magazine. se T D I
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 robert@magazine. se
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 robert@magazine. se
CYKELSÄLLSKAPET • • Gissa och behovspröva Testa Omvärdera Dra nytta av erfarenheter robert@magazine. se
svart - mellan dröm och verklighet www. magazine. se/ webbdesign robert@magazine. se
robert ryberg magazine ab repslagargatan 15 118 46 stockholm +46 8 462 27 45 +46 70 723 00 84 robert@magazine. se www. magazine. se robert@magazine. se
svart robert@magazine. se
- Slides: 64