Introduktion till användbarhet på webben

En hyfsat heltäckande guide till användbarhet på webben för alla som på något sätt har ansvar för en webbplats.

Transcript

1. Lumano Introduktion till användbarhet Det är inte mänskligt att fela. Det är något produktutvecklare tutar i oss när de struntat i användbarhet. Med några väl valda ord om tillgänglighet…
2. Lumano www.lumano.se – per.axbom@lumano.se - 0733-12 55 50 Rev A. Senast uppdaterad 2004-09-22 (2) Välkomna! intranät extern webb Synlig i sökmotorerna. Kvalitetssäkrad. Tillgänglig för funktionshindrade. Lätt att hitta, använda och förstå. AB_? C Tack. Integrerad I övrig kommunikation. Vi gör din webb… Muntlig info
3. Lumano www.lumano.se – per.axbom@lumano.se - 0733-12 55 50 Rev A. Senast uppdaterad 2004-09-22 (3) Upplägg n Användbarhet n vad är användbarhet n vilken nytta ger hög användbarhet n vanliga problem n hur hittar man brister n Pratar inte om: n behovsanalys n sökbarhet / sökmotoroptimering n tillgänglighet (så mycket)
4. Lumano www.lumano.se – per.axbom@lumano.se - 0733-12 55 50 Rev A. Senast uppdaterad 2004-09-22 (4) Möten med användbarhet
5. Lumano www.lumano.se – per.axbom@lumano.se - 0733-12 55 50 Rev A. Senast uppdaterad 2004-09-22 (5) Älskling, kan du ställa om klockan på videon? Asch, jag satte på fel platta! Vi får vänta lite till på potatisen. Men va f-n? Vilken dammsugar- påse är det vi ska ha nu igen? Men, hur får jag i backen? Uh! Jaha, tack, jag trodde den gick inåt…
6. Lumano www.lumano.se – per.axbom@lumano.se - 0733-12 55 50 Rev A. Senast uppdaterad 2004-09-22 (6) Slutsatser / utgångspunkter n Många produkter är formgivna för att spara tid men misslyckas n Det finns en brist på förståelse för hur design påverkar människor n Mänskliga misstag kostar pengar n Människor klandrar sig själva n Mycket går att göra bättre Tänk om det kunde funka så här i stället…
7. Lumano www.lumano.se – per.axbom@lumano.se - 0733-12 55 50 Rev A. Senast uppdaterad 2004-09-22 (7) Vad vill vi med användbarhet? n Förbättra sådant som funkar dåligt. n Visa hänsyn inför problem och mänskliga behov. n Göra livet lättare. n Minimera fel. Skönt, datorn ställde om klockan själv…
8. Lumano www.lumano.se – per.axbom@lumano.se - 0733-12 55 50 Rev A. Senast uppdaterad 2004-09-22 (8) Vad vinner vi på hög användbarhet? n När organisationer designar för hög användbarhet och förståelse, upptäcker de en strategisk konkurrensfördel: Användare sparar tid och pengar och blir mer nöjda. Vad smidigt, det måste jag utnyttja! Och jag måste berätta för Lasse.
9. Lumano www.lumano.se – per.axbom@lumano.se - 0733-12 55 50 Rev A. Senast uppdaterad 2004-09-22 (9) människans förmåga att ta till sig information Varför är det svårt? 2005 1800 informationsmängd var dag tid
10. Lumano www.lumano.se – per.axbom@lumano.se - 0733-12 55 50 Rev A. Senast uppdaterad 2004-09-22 (10) informationsöverflöd svårt att få/hitta rätt information svårt att förstå informationen frustration besvikelse inte en effektiv och nöjd användare
11. Lumano www.lumano.se – per.axbom@lumano.se - 0733-12 55 50 Rev A. Senast uppdaterad 2004-09-22 (11) Hur ska vi börja med webben? n För att uppnå hög användbarhet måste vi eliminera sådant som gör webbsajten långsam och svår att använda. n För att förstå vad som gör sajten svår och långsam att använda måste titta på hur användarna använder webbsajten. n Internt måste vi vara överens om vad vår webbsajt är och hur den kompletterar verksamheten.
12. Lumano www.lumano.se – per.axbom@lumano.se - 0733-12 55 50 Rev A. Senast uppdaterad 2004-09-22 (12) Vad är vår webb? n Information ämnad för kunder, intressenter, allmänhet (så kallade målgrupper/människor). Är det intranät så handlar det om medarbetare. n Möjlighet för människor att få svar på frågor. n Möjlighet för människor att begära tjänster utförda. n Ett stöd i arbetet. n En informationskälla dit människor vänder sig med en specifik frågeställning. en informations- och kommunikationskanal skapad av människor för människor
13. Lumano www.lumano.se – per.axbom@lumano.se - 0733-12 55 50 Rev A. Senast uppdaterad 2004-09-22 (13) Användbarhet handlar om…
14. Lumano www.lumano.se – per.axbom@lumano.se - 0733-12 55 50 Rev A. Senast uppdaterad 2004-09-22 (14) Vad är hög användbarhet på webben? n En ovan användare går in på en webbsajt och kan snabbt och enkelt få svar på en fråga eller utföra en förutbestämd uppgift. Återkopplingen går att förstå och använda sig av, och hon känner tillfredställelse över att ha uppnått målet. inga missförstånd och inga misstag
15. Lumano www.lumano.se – per.axbom@lumano.se - 0733-12 55 50 Rev A. Senast uppdaterad 2004-09-22 (15)
16. Lumano www.lumano.se – per.axbom@lumano.se - 0733-12 55 50 Rev A. Senast uppdaterad 2004-09-22 (16) Varför blir det låg användbarhet? n Webbprojekt börjar ofta i fel ände, med teknik i stället för människor (man missuppfattar vad en webbsajt är). n De viktigaste personerna, användarna, är sällan involverade i utvecklingen av webbplatsen. n Formgivare har en webbvana som flerfaldigt överskrider de flesta användares webbvana. n Formgivare har skärmar, datorer och internetuppkopplingar som de flesta webbanvändare bara kan drömma om. n Formgivare utmärker sig inte genom att följa konventioner.
17. Lumano www.lumano.se – per.axbom@lumano.se - 0733-12 55 50 Rev A. Senast uppdaterad 2004-09-22 (17) Paradox? n En webbsajt kan vara användbar eftersom den utför alla aktiviteter som behövs, men den kan ha låg användbarhet om dess komplexitet gör den svår att använda effektivt för nybörjare. n www.fk.se – anmäla sjukt barn
18. Lumano www.lumano.se – per.axbom@lumano.se - 0733-12 55 50 Rev A. Senast uppdaterad 2004-09-22 (18)
19. Lumano www.lumano.se – per.axbom@lumano.se - 0733-12 55 50 Rev A. Senast uppdaterad 2004-09-22 (19) Upp med handen n Hur många tror att era användare har svårt att hitta information på er webbplats och/eller intranät?
20. Lumano www.lumano.se – per.axbom@lumano.se - 0733-12 55 50 Rev A. Senast uppdaterad 2004-09-22 (20) Vanliga missuppfattningar n Alla kan använda en mus n Alla kan uppgradera webbläsaren eller installera en plug-in n När användarna inte förstår är det för att de är (a) ovilliga att lära sig (b) lata (c) dumma n Förstasidan är allt n Det räcker om jag låter mina kollegor testa n Användbarhet hämmar snygg design n Användbarhet handlar om blå, understrukna länkar, max 8 sekunder i nedladdningstid, 2 klick till innehåll… annars går användarna någon annanstans
21. Lumano www.lumano.se – per.axbom@lumano.se - 0733-12 55 50 Rev A. Senast uppdaterad 2004-09-22 (21) Vilka typer av problem uppstår? n Användare har svårt att förstå n texter n vad som ligger bakom varje menyval/rubrik, n var de befinner sig i strukturen n hur de hittar tillbaka till tidigare vyer n den snabbaste vägen för att lösa en uppgift Webbsajter har låg tillgänglighet § användare ser inte sajten som det är tänkt
22. Lumano www.lumano.se – per.axbom@lumano.se - 0733-12 55 50 Rev A. Senast uppdaterad 2004-09-22 (22) Varför uteblir testerna? n ”Vi har inte tid” n ”Vi har inte pengar” n ”Vi har inte expertisen” n ”Vi har inget användbarhetslabb” n ”Vi vet inte hur man tolkar resultatet”
23. Lumano www.lumano.se – per.axbom@lumano.se - 0733-12 55 50 Rev A. Senast uppdaterad 2004-09-22 (23) Efter pausen: hur man identifierar vanliga brister
24. Lumano www.lumano.se – per.axbom@lumano.se - 0733-12 55 50 Rev A. Senast uppdaterad 2004-09-22 (24) Hitta fel n Heuristisk analys (expertgranskning) är en diagnostisk metod där experter antar rollen som mindre erfarna användare och identifierar potentiella problem.
25. Lumano www.lumano.se – per.axbom@lumano.se - 0733-12 55 50 Rev A. Senast uppdaterad 2004-09-22 (25) Vad vi uppmärksammar var är jag? förstår jag i vilket sammanhang informationen återges? vad kan jag göra? får jag en enkel överblick över mina valmöjligheter och förstår jag i förväg vad som händer när jag väljer att göra något? hur kommer jag tillbaka där jag var? för att återgå till en tidigare vy och göra ett nytt val därifrån, vad är enklaste vägen dit? barriärer till information • ordval /begrepp, krystat språk • bildelement som tar uppmärksamhet från information • plottrigt gränssnitt • opersonligt tilltal • skrollning miljö / mänskliga egenskaper • stress • bullrig miljö • funktionshinder • förutfattade meningar • erfarenhet av webb-gränssnitt • en mus som trilskas INFO A-Ö SÖK
26. Lumano www.lumano.se – per.axbom@lumano.se - 0733-12 55 50 Rev A. Senast uppdaterad 2004-09-22 (26) Var är jag? n Design n var leds blicken n Gäller alla sidor n Ordval n Informationsstruktur n Antalet val Hej, här är jag – vad är det här för något? Hej, vad trevligt att du kom. Du kan läsa om dagens program och söka efter tidigare program. Du kan också låna eller köpa program, om du är en skola.
27. Lumano www.lumano.se – per.axbom@lumano.se - 0733-12 55 50 Rev A. Senast uppdaterad 2004-09-22 (27) Vilka val finns tillgängliga? n Vad är huvudkategorierna n Ordningen på länkarna signalerar prioritet n Konsekventa menyer n Vad är klickbart Varför går inte bilden att klicka på?
28. Lumano www.lumano.se – per.axbom@lumano.se - 0733-12 55 50 Rev A. Senast uppdaterad 2004-09-22 (28)
29. Lumano www.lumano.se – per.axbom@lumano.se - 0733-12 55 50 Rev A. Senast uppdaterad 2004-09-22 (29) Vad händer om jag klickar? n Ordförståelse n Sidor som öppnas i nytt fönster n Länkar som leder till andra webbplatser n Flera länkar till samma innehåll Varför funkar inte bakåt-knappen? Klicka här Avancerad sökning Karriärmöjligheter FAQ E-giro
30. Lumano www.lumano.se – per.axbom@lumano.se - 0733-12 55 50 Rev A. Senast uppdaterad 2004-09-22 (30) Recalculate total / Remove products Product catalog Empty basket Buy products
31. Lumano www.lumano.se – per.axbom@lumano.se - 0733-12 55 50 Rev A. Senast uppdaterad 2004-09-22 (31) Var är jag nu? n Brödsmulor n Aktiverade menyval markerade n Djupa strukturer är svåra Jag har ingen aning om var jag är!!
32. Lumano www.lumano.se – per.axbom@lumano.se - 0733-12 55 50 Rev A. Senast uppdaterad 2004-09-22 (32)
33. Lumano www.lumano.se – per.axbom@lumano.se - 0733-12 55 50 Rev A. Senast uppdaterad 2004-09-22 (33) Ja, så är det förstås! Oj, hur ska jag komma ihåg det? När du måste förklara
34. Lumano www.lumano.se – per.axbom@lumano.se - 0733-12 55 50 Rev A. Senast uppdaterad 2004-09-22 (34) Vad ingen bör göra n Utesluta användare på grund av n webbläsare och webbläsarteknologier n uppkoppling n handikapp Vad sjutton!? Varför syns inte sidan!?
35. Lumano www.lumano.se – per.axbom@lumano.se - 0733-12 55 50 Rev A. Senast uppdaterad 2004-09-22 (35) Viktigast när jag undersöker/testar? n Hinna med många iterationer. Ähm, är det här navigationen? Åh tusan . Fixa. Vad är FAQ för något? Åh tusan .
36. Lumano www.lumano.se – per.axbom@lumano.se - 0733-12 55 50 Rev A. Senast uppdaterad 2004-09-22 (36) Vad testar man? n Konkurrenters sajter n Skisser n Designförslag n Prototyp n Befintlig webb n Delar av befintlig webb n Kontaktformulär n Förståelse av specifika sidor n etceteras.
37. Lumano www.lumano.se – per.axbom@lumano.se - 0733-12 55 50 Rev A. Senast uppdaterad 2004-09-22 (37) Användbarhetstest, steg för steg 1. Vilka krav finns på webbplatsen och vilka affärsmål skall den stödja? 2. Definiera en användarprofil och rekrytera personer som matchar 3. Skapa en diskussionsguide som leder användarna genom testet 4. Genomför intervjuerna/sittningarna 5. Analysera resultatet 6. Utarbeta och presentera rekommenderade förändringar 7. Åtgärda 8. Gör om
38. Lumano www.lumano.se – per.axbom@lumano.se - 0733-12 55 50 Rev A. Senast uppdaterad 2004-09-22 (38) Goda nyheter! n Historiskt sett har det varit svårt att bygga webbsajter för massor av olika webbläsare och operativsystem. n Det är i dag lättare än för ett år sedan att anpassa en webbsajt för fler människor. n Man bygger inte längre för olika webbläsare och operativsystem – man bygger för tillgänglighet och användbarhet (med hjälp av standarder).
39. Lumano www.lumano.se – per.axbom@lumano.se - 0733-12 55 50 Rev A. Senast uppdaterad 2004-09-22 (39) Slutsatser n Användbarhet handlar om effektivitet. Användare ska snabbt kunna utföra uppgifter och nå tydliga mål. Allt som gör processen långsammare (som krångliga ord eller svårtydbar navigering) hämmar användbarheten. Omvänt så förhöjs användbarheten av enkel, intuitiv navigation och upplysande texter. n Tester är inte engångsföreteelser. Du gör något, testar, fixar och testar igen.
40. Lumano www.lumano.se – per.axbom@lumano.se - 0733-12 55 50 Rev A. Senast uppdaterad 2004-09-22 (40) Bra länkar n Jakob Nielsen, Alertbox http://www.useit.com/alertbox/ n Keith Instone, Usable Web http://www.usableweb.com/ n Dive into Accessibility http://www.diveintoaccessibility.org/ n Yale/CAIM, Web Style Guide http://www.webstyleguide.com n Worldwide Web Consortium (W3C), Web Accessibility Initiative http://www.w3.org/WAI/ n World Wide Web Consortium (W3C) HTML Validation Service http://validator.w3.org/
41. Lumano www.lumano.se – per.axbom@lumano.se - 0733-12 55 50 Rev A. Senast uppdaterad 2004-09-22 (41) Frågor, kommentarer Vad sa han?