svart - mellan dröm och verklighet
DESCRIPTION
svart - mellan dröm och verklighet. www.magazine.se/ webbdesign. svart texten är bortglömd. ATT UTFORMA GRÄNSSNITT. 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 - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: svart - mellan dröm och verklighet](https://reader036.vdocuments.mx/reader036/viewer/2022062521/56814d6c550346895dbaba28/html5/thumbnails/1.jpg)
![Page 2: svart - mellan dröm och verklighet](https://reader036.vdocuments.mx/reader036/viewer/2022062521/56814d6c550346895dbaba28/html5/thumbnails/2.jpg)
svart - mellan dröm och verklighetwww.magazine.se/
webbdesign
![Page 3: svart - mellan dröm och verklighet](https://reader036.vdocuments.mx/reader036/viewer/2022062521/56814d6c550346895dbaba28/html5/thumbnails/3.jpg)
svart texten är bortglömd
ATT UTFORMA GRÄNSSNITT
![Page 4: svart - mellan dröm och verklighet](https://reader036.vdocuments.mx/reader036/viewer/2022062521/56814d6c550346895dbaba28/html5/thumbnails/4.jpg)
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!
![Page 5: svart - mellan dröm och verklighet](https://reader036.vdocuments.mx/reader036/viewer/2022062521/56814d6c550346895dbaba28/html5/thumbnails/5.jpg)
• 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
![Page 6: svart - mellan dröm och verklighet](https://reader036.vdocuments.mx/reader036/viewer/2022062521/56814d6c550346895dbaba28/html5/thumbnails/6.jpg)
ETT BRA GRÄNSSNITT /1
• Ska vara konsistent• Ska vara konventionellt• Ett verktyg att användas
![Page 7: svart - mellan dröm och verklighet](https://reader036.vdocuments.mx/reader036/viewer/2022062521/56814d6c550346895dbaba28/html5/thumbnails/7.jpg)
VAD ÄR ETT GRÄNSSNITT?
• Kommunikation• In- och utmatning• Återkoppling• Grafisk design – Grafiskt gränssitt
![Page 8: svart - mellan dröm och verklighet](https://reader036.vdocuments.mx/reader036/viewer/2022062521/56814d6c550346895dbaba28/html5/thumbnails/8.jpg)
ETT BRA GRÄNSSNITT /2
• Datorn ska inte verka dum• Användaren ska inte känna sig dum
![Page 9: svart - mellan dröm och verklighet](https://reader036.vdocuments.mx/reader036/viewer/2022062521/56814d6c550346895dbaba28/html5/thumbnails/9.jpg)
ETT BRA GRÄNSSNITT /3
• Gå snabbt att lära• Hjälpa användaren att utföra och förstå• Ge få misstag
![Page 10: svart - mellan dröm och verklighet](https://reader036.vdocuments.mx/reader036/viewer/2022062521/56814d6c550346895dbaba28/html5/thumbnails/10.jpg)
ETT BRA GRÄNSSNITT /4
• Trygg miljö bra• Visa möjligheterna
Allt för att maximera användbarheten!
![Page 13: svart - mellan dröm och verklighet](https://reader036.vdocuments.mx/reader036/viewer/2022062521/56814d6c550346895dbaba28/html5/thumbnails/13.jpg)
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.
![Page 14: svart - mellan dröm och verklighet](https://reader036.vdocuments.mx/reader036/viewer/2022062521/56814d6c550346895dbaba28/html5/thumbnails/14.jpg)
svart texten är bortglömd
TEXTEN ÄR BORTGLÖMD
![Page 15: svart - mellan dröm och verklighet](https://reader036.vdocuments.mx/reader036/viewer/2022062521/56814d6c550346895dbaba28/html5/thumbnails/15.jpg)
• 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
![Page 16: svart - mellan dröm och verklighet](https://reader036.vdocuments.mx/reader036/viewer/2022062521/56814d6c550346895dbaba28/html5/thumbnails/16.jpg)
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
![Page 17: svart - mellan dröm och verklighet](https://reader036.vdocuments.mx/reader036/viewer/2022062521/56814d6c550346895dbaba28/html5/thumbnails/17.jpg)
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/minKälla: Retrac
![Page 18: svart - mellan dröm och verklighet](https://reader036.vdocuments.mx/reader036/viewer/2022062521/56814d6c550346895dbaba28/html5/thumbnails/18.jpg)
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
![Page 19: svart - mellan dröm och verklighet](https://reader036.vdocuments.mx/reader036/viewer/2022062521/56814d6c550346895dbaba28/html5/thumbnails/19.jpg)
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).
![Page 20: svart - mellan dröm och verklighet](https://reader036.vdocuments.mx/reader036/viewer/2022062521/56814d6c550346895dbaba28/html5/thumbnails/20.jpg)
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%
![Page 21: svart - mellan dröm och verklighet](https://reader036.vdocuments.mx/reader036/viewer/2022062521/56814d6c550346895dbaba28/html5/thumbnails/21.jpg)
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%
![Page 22: svart - mellan dröm och verklighet](https://reader036.vdocuments.mx/reader036/viewer/2022062521/56814d6c550346895dbaba28/html5/thumbnails/22.jpg)
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%
![Page 23: svart - mellan dröm och verklighet](https://reader036.vdocuments.mx/reader036/viewer/2022062521/56814d6c550346895dbaba28/html5/thumbnails/23.jpg)
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%
![Page 24: svart - mellan dröm och verklighet](https://reader036.vdocuments.mx/reader036/viewer/2022062521/56814d6c550346895dbaba28/html5/thumbnails/24.jpg)
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)
![Page 25: svart - mellan dröm och verklighet](https://reader036.vdocuments.mx/reader036/viewer/2022062521/56814d6c550346895dbaba28/html5/thumbnails/25.jpg)
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
![Page 26: svart - mellan dröm och verklighet](https://reader036.vdocuments.mx/reader036/viewer/2022062521/56814d6c550346895dbaba28/html5/thumbnails/26.jpg)
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!
![Page 27: svart - mellan dröm och verklighet](https://reader036.vdocuments.mx/reader036/viewer/2022062521/56814d6c550346895dbaba28/html5/thumbnails/27.jpg)
svart texten är bortglömd
ATT VISA HÄNSYN
![Page 28: svart - mellan dröm och verklighet](https://reader036.vdocuments.mx/reader036/viewer/2022062521/56814d6c550346895dbaba28/html5/thumbnails/28.jpg)
TESTA
• Testa med 3 – 7 användare• Gör det i flera faser• Gör det flera gånger• Enkla tester räcker
![Page 30: svart - mellan dröm och verklighet](https://reader036.vdocuments.mx/reader036/viewer/2022062521/56814d6c550346895dbaba28/html5/thumbnails/30.jpg)
HUR STRUKTURERA?
• Strukturera givetvis inte utifrån avsändarorganisationens struktur
• Bestäm dina mål med webbplatsen• Låt användarna bestämma strukturen!
![Page 31: svart - mellan dröm och verklighet](https://reader036.vdocuments.mx/reader036/viewer/2022062521/56814d6c550346895dbaba28/html5/thumbnails/31.jpg)
STRUKTURMODELLER
• Hypertext• Hierarki• Flerval• Flöde• Frågor och svar• Svart låda
![Page 43: svart - mellan dröm och verklighet](https://reader036.vdocuments.mx/reader036/viewer/2022062521/56814d6c550346895dbaba28/html5/thumbnails/43.jpg)
svart texten är bortglömd
FOTOGRAFIET ÄR DÅLIGT ANVÄNT
![Page 44: svart - mellan dröm och verklighet](https://reader036.vdocuments.mx/reader036/viewer/2022062521/56814d6c550346895dbaba28/html5/thumbnails/44.jpg)
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
![Page 47: svart - mellan dröm och verklighet](https://reader036.vdocuments.mx/reader036/viewer/2022062521/56814d6c550346895dbaba28/html5/thumbnails/47.jpg)
FÄRG
• Länkfärg• Symbolik• Indelning av sidan• Navigation• Färgsatt text• Kulöromfång• Färgblindhet
![Page 48: svart - mellan dröm och verklighet](https://reader036.vdocuments.mx/reader036/viewer/2022062521/56814d6c550346895dbaba28/html5/thumbnails/48.jpg)
svart texten är bortglömd
KONKRETA TIPS
![Page 49: svart - mellan dröm och verklighet](https://reader036.vdocuments.mx/reader036/viewer/2022062521/56814d6c550346895dbaba28/html5/thumbnails/49.jpg)
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
![Page 50: svart - mellan dröm och verklighet](https://reader036.vdocuments.mx/reader036/viewer/2022062521/56814d6c550346895dbaba28/html5/thumbnails/50.jpg)
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
![Page 51: svart - mellan dröm och verklighet](https://reader036.vdocuments.mx/reader036/viewer/2022062521/56814d6c550346895dbaba28/html5/thumbnails/51.jpg)
VALSITUATIONER
• Metafor / Knappar• Snabb / Effektfull• Upplevelse / Nytta• Titta / Interagera• Profil / Experimentell• Generell / Personanpassad• Erfaren / Oerfaren• Öppen / Teknikkrav
![Page 52: svart - mellan dröm och verklighet](https://reader036.vdocuments.mx/reader036/viewer/2022062521/56814d6c550346895dbaba28/html5/thumbnails/52.jpg)
ARBETSGÅNGEN
1 Behovsanalys2 Prioritering 3 Informationsstrukturering4 Utformning av Gränssnitt och funktonell text5 Interaktionsprototyp6 Genomförande7 Testning8 Drift9 Utvärdering
![Page 53: svart - mellan dröm och verklighet](https://reader036.vdocuments.mx/reader036/viewer/2022062521/56814d6c550346895dbaba28/html5/thumbnails/53.jpg)
VERKTYG
• Strukturskisser• Dispositionsdesign• Interaktionsprototyper• Lapptest• Video• REAL• Större användartester
![Page 54: svart - mellan dröm och verklighet](https://reader036.vdocuments.mx/reader036/viewer/2022062521/56814d6c550346895dbaba28/html5/thumbnails/54.jpg)
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
![Page 55: svart - mellan dröm och verklighet](https://reader036.vdocuments.mx/reader036/viewer/2022062521/56814d6c550346895dbaba28/html5/thumbnails/55.jpg)
VANLIGASTE FELEN
• Dålig överblick• Ej användaranpassad struktur• Papperstexter• Ohjälpsam funktionell text• Dålig testning
![Page 56: svart - mellan dröm och verklighet](https://reader036.vdocuments.mx/reader036/viewer/2022062521/56814d6c550346895dbaba28/html5/thumbnails/56.jpg)
SAMMANFATTNING• Se designen som ett verktyg• Låt användaren bestämma• Testa• Webbanpassa textmaterialet• Skilj på funktionell och informativ text