svart - mellan dröm och verklighet

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

3. svart texten är bortglömd ATT UTFORMA GRÄNSSNITT

4. DU BESTÄMMER INTE Användaren bedömer, väljer och använder efter förmåga Enda vägen till framgång är att anpassa sig till användaren Webben saknar i princip regler Användaren lär sig inte av dig – utan av andra!

5. Designen övergår från estetik och informationsöverföring till att vara ett verktyg. Webbsidan innehåller ofta 50% verktyg och bara 50% information Webbdesign är mer likt industridesign än klassisk grafisk design WEBBDESIGN EJ ESTETIK

6. ETT BRA GRÄNSSNITT /1 • Ska vara konsistent • Ska vara konventionellt • Ett verktyg att användas

7. VAD ÄR ETT GRÄNSSNITT? • Kommunikation • In- och utmatning • Återkoppling • Grafisk design – Grafiskt gränssitt

8. ETT BRA GRÄNSSNITT /2 • Datorn ska inte verka dum • Användaren ska inte känna sig dum

9. ETT BRA GRÄNSSNITT /3 • Gå snabbt att lära • Hjälpa användaren att utföra och förstå • Ge få misstag

10. ETT BRA GRÄNSSNITT /4 • Trygg miljö bra • Visa möjligheterna Allt för att maximera användbarheten!

11. VIKTIGAST överblick navigation position

12. VIKTIGT avsändare datering kontakt

13. LITE ATT TÄNKA PÅ • Effektivitet kontra lärbarhet • Det som görs ofta ska vara enklast • Det är lättare att känna igen än att komma ihåg.

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

15. Texten är ett verktyg också. Måste visa rätt och avslöja. Hjälp läsaren att fatta rätt läsbeslut. FUNKTIONELL TEXT INFORMATIV TEXT

16. WEBBTEXT ÄR SPECIELLT • Besökaren vill inte läsa utan skummar • Besökaren letar efter information • Besökaren ser texten före grafiken • Text är mycket hög grad av abstraktion • Läshastigheten är låg

17. 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 Källa: Retrac

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

19. ORIGINALTEXTEN 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).

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

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

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

23. ALLT PÅ EN GÅNG 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%

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

25. HUR SKRIVER MAN? /2 • Hjälpsamma avslöjande rubriker • Rubriker rakt på sak • Bara det som syns finns • Använd omvänd pyramid – slutsatsen först • Betydelsefulla underrubriker

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

27. svart texten är bortglömd ATT VISA HÄNSYN

28. TESTA • Testa med 3 – 7 användare • Gör det i flera faser • Gör det flera gånger • Enkla tester räcker

30. HUR STRUKTURERA? • Strukturera givetvis inte utifrån avsändarorganisationens struktur • Bestäm dina mål med webbplatsen • Låt användarna bestämma strukturen!

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

40. Flikar

43. svart texten är bortglömd FOTOGRAFIET ÄR DÅLIGT ANVÄNT

44. BILDER • Lika viktigt som texten • Skarpa och tydliga • Beskär fram det viktiga • Symbolbilder • Snabba = små och bredd och höjd spec. • Effekter förvirrar

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

48. svart texten är bortglömd KONKRETA TIPS

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

50. NO FRAMES! • Bokmärken fungerar ej • Titel fungerar ej • URL visas ej • Utskrifter blir ofta fel • Rullningslister tar plats och stör • Svåranterat för användaren