Att bygga en fungerande webbplats Användbarhet Att bygga en fungerande webbplats

De 4 dörrarna* För att användaren ska nå målet måste hon passera 4 dörrar: - Utseende - Språk - Struktur - Interaktionen ”Varje dörr som ska passeras måste hon kunna öppna” *från Användbarhetsboken av Tommy Sundström http://www.anvandbart.se/

Formens funktion Utseende Tar hand om användaren Ska vara lågmäld Ska ge information Vara läsbar Typsnitt Bra storlek Korta texter Rätt radavstånd (större än tryckt text) Utseende 1:a intryck viktigt! - Bygger förtroende (eller förstör) - Visar personlighet

Tilltal Läsvänlig Flera språk(?!) Språksvårighet Handikapp Språk Formell Informell Läsvänlig Enkelt språk Viktigast först Stilguide Stavning Undvik kursiv Flera språk(?!) Språksvårighet Handikapp Språk TT språket Svenska skrivregler Myndigheternas skrivregler

Överskådligt Navigation Struktur Logiska namn Samla likvärdig information Navigation Länkar Menylänkar Kunna läsa fristående Rubrik som länktext Ange Title (vad länken innebär, e-post, pdf etc) Bildlänkar Formulär – för sökning och valboxar Struktur Det ska vara lätt att hitta information Handlar om organisation och ordning

Ska vara lätt att förstå hur man gör! Fylla i formulär Handla Chatta Redovisa Tid Ekonomi etc Ska vara lätt att förstå hur man gör! Interaktion Handlar om samspelet, dialogen mellan system och människa

Standard Användare Webbläsare Andra aspekter ISO 9241-11 - Standard för användbarhet WCAG - Web Content Accessibility Guidelines, handikappanpassning Användare Med handikapp Olika förståelse för mediet Webbläsare Olika läsare / olika presentation Andra aspekter http://www.santai.nu/ artiklar/iso.htm http://www.w3.org/

Läsbarhet Målgrupp Användarorienterad Lagom stor text Andra aspekter Okända ord Förkortningar Text i bilder Målgrupp Vem vill du nå? Vem ska använda sidan? Användarorienterad Tjäna användarnas intressen Andra aspekter http://www.santai.nu/ artiklar/iso.htm http://www.w3.org/

Utan användare ingen användbarhet Från idé till rutin Utan användare ingen användbarhet

Idé och syfte Tänkt publik Formulera mätbara mål Börja enkelt Dessa två kan förändras över tid Formulera mätbara mål Börja enkelt Ta lite i taget Planera för, men bygg på komplexitet Vad ska göras?

Intervjuer Enkäter Iakttagelser ”Brainstorma” Målgrupp? Användare? Enskilt Fokusgrupper Enkäter Iakttagelser ”Brainstorma” Målgrupp? Användare? Lär känna din målgrupp! Ta reda på deras intressen, vad de gillar…

Processanalys Målgrupp? Användare? Vad startar processen? Vad ska göras? Finns samverkande processer? Vad ska levereras? Målgrupp? Användare? Utan användare

Vilket är användarnas mål? Hur uppnås målen idag? Vilken är dina konkurrenter? Varför använda just denna sida? Inte bara funktion, även underhållning! Målgrupp? Användare? Utan användare

Vision Design Utvärdering Återkoppling Utformning Sätt upp mål En väg att nå mål Utvärdering Rätt väg? Rätt kvalitet? Återkoppling Utformning

Produkt Sluttest Lansering Uppföljning

Vad sidan ska ge besökaren Den färdiga sidan Vad sidan ska ge besökaren

Vad sidan ska ge besökaren Sidan ska besvara besökarens frågor. Fundera över vilka behov som kommer sedan. Vad sidan ska ge besökaren

Vad sidan ska ge besökaren Var är jag? Finns det jag vill ha/söker? Hur hittar jag? Har jag kommit rätt? Relevans! Finns det mer? Hur kommer jag tillbaka? Vad sidan ska ge besökaren Sidan ska besvara besökarens frågor.

Vad sidan ska ge besökaren Hur ger jag mervärde? ”Återbesökare” Hur tilltalar jag dem vidare? Vad sidan ska ge besökaren Vilka behov kommer sedan?

Helhetsintrycket skapar förtroende. Satsa på att interaktionen fungerar. Design kan lätt bytas ut! Glöm inte!