svart - mellan dröm och verklighet

2. svart - mellan dröm och verklighet 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. Acacia ABAgvald & PartnersASG ABBildhusetCelexaCementa VärldDamernas VElectroluxEricssonFöretagarenGambro ABIDGIggesund PaperboardIKEAITT FlygtJournalistenKommunaktuellt Kungliga Dramatiska TeaternLO/TCO/SACOLuftfartsverketMicrosoftNetcom ConsultantsOlof Palmes Int. CentrumPerstorp ABProbi ABSCAScala Business Solutions N.V.SKFStadsmissionen i StockholmSvenska KommunförbundetSäljarnas RiksförbundVeckorevynVin & Sprit ABVolvo MAGAZINES KUNDER

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

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

8. svart ANVÄNDBARHET

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

10. ANVÄNDARGRÄNSSNITT • Vad är ett gränssnitt? • Varför tänka på detta • Design på webb / traditionell grafisk form

14. VAD ÄR ETT GRÄNSSNITT? • In- och utmatning samt återkoppling • Grafisk Kommunikation

15. 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å

16. 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!

17. VIKTIGAST • Överblick • Navigation • Position Dessutom • Avsändare • Datering • Kontakt

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

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

20. 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

21. 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

22. 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

23. 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

24. 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).

25. 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%

26. 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) Stuhr Museum of the Prairie Pioneer (60,002) Buffalo Bill Ranch State Historical Park (28,446). 47%

27. 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%

28. 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%

29. 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)

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

31. 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!

32. 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)

33. svart SKAPA ORDNING

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

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

43. svart texten är bortglömd FOTOGRAFIET ÄR SAKNAT

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

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

48. svart texten är bortglömd KONKRETA TIPS

49. 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

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