Webbteknik Användarcentrerad design Prototyper & användartest Rune Körnefors Medieteknik 1 2015 Rune Körnefors rune.kornefors@lnu.se
Prototyp för en webbplats Utkast eller enkel variant av webbplatsen SyHe Testa olika alternajv. Skapa en gemensam syn på webbplatsen i utvecklingsteamet. UMöra test med användare, t.ex. test av struktur/navigering, layout, vokabulär, Olika former av prototyper Pappersprototyp. Skärmbilder i datorn. Struktur i HTML. Layout i CSS. Logo! Rubrik! Text! text! text,.! text, text,!.!! 2
Användartest och annan utvärdering Användartest är ej test av användare, utan med användare! Användartest Test av användbarhet. User tesjng Usability tesjng. Test med användare Testa om målgruppen kan uppfylla sina mål och om behoven Jllgodoses. Testa anpassning Jll målgruppen: Rä[ vokabulär, arbetssä[, förståelse, etc. Testa upplevelse. Utvärdering (test) som ej umörs av användare Utvärdering av användbarheten, expertutlåtande. Är projektets mål uppfyllda? Validering mot kravspecifikajonen. Teknisk kontroll: Koden korrekt, funkar alla länkar, anpassning Jll olika skärmstorlekar, näthasjghet, etc. 3 Bilder från freedigitalphotos.net
"During a usability test, you will: Learn if pargcipants are able to complete specified tasks successfully and IdenGfy how long it takes to complete specified tasks Find out how sagsfied pargcipants are with your Web site or other product IdenGfy changes required to improve user performance and sagsfacgon And analyze the performance to see if it meets your usability objecgves" Varför användartest? (Usability.gov, 2015)? Användartest bekrä.ar inte a0 webbplatsen fungerar!!! Användartest är Jll för a[ idenjfiera problem! Resultatet används för a[ göra förbä[ringar. U.S. Department of Helth and Human Services, Usability.gov, h[p://www.usability.gov/how- to- and- tools/methods/usability- tesjng.html [2015-06- 20] 4
Lägg in testen i Jdsplanen. Se Jll a[ det finns Jd a[ analysera resultaten och göra förbä[ringar. Planera testen Gd Strategy Scope Structure Utvärdering / testning Dokumentering Surface Skeleton Pappersprototyp Test av layout HTML- prototyp Test av struktur och navigering HTML- prototyp Test av funkjonalitet 5
AO tänka på inför eo test SyHe med testet Vad vill du veta och varför? Hur ska resultatet tolkas och användas? Vad testas Gränssni[, navigering, funkjonalitet,? Kan användarnas mål uppfyllas? Testa endast en sak åt gången? Skisser, pappersprototyp, webbsidor, den färdiga webbplatsen? AkJvitet Ska testpersonen få en uppgih eller prova på egen hand? Användare Välj personer som kan representera målgruppen. Behöver du veta något om personerna? Bakgrundsfakta? Var testet genomförs Laboratorium, "på stan", naturlig miljö (hemma/arbetsplats),...? Var kan man få tag i testpersoner? Vad behövs för a[ genomföra testet? Vilka faktorer kan påverka resultatet? 6
Genomförande Förklara a[ det är webbplatsen och inte användaren som testas Ge användaren en uppgih a[ lösa Låt användaren berä[a vad han/hon tänker och gör Studera och anteckna Kan komple[eras med e[ ehersnack Intervjua användarna och diskutera med dem eher testet Gå igenom anteckningarna från testet Enkät Hur upplevdes systemet? Vad var problemajskt? Förslag på ändringar?... "Tänka högt"- metoden Thinking Aloud Usability Test Thinking Out Loud User/Usability Test Nu ser jag Jag letar eher Ramey, J. (u.å.) Methods for successful Thinking Out Loud procedures, Univeristy of Washington & Usability Analysis & Design, Xerox CorporaJon, h[p://www.scs.ryerson.ca/~cps613/f14/lab6/encouragingsubjects.pdf [2015-06- 14] 7
Enkla (billiga) användartest Test av prototyp Prototyp - > - > Användartest - > Utvärdera - > - > Förbä[ra prototypen - > - > Användartest - > Utvärdera - > - > Förbä[ra prototypen - > - > SyHe Upptäcka problem eller sådant som kan förbä[ras. Antal test Räcker ohast med fem test i varje steg, enligt Jakob Nielsen. Nielsen, J. (2010) Intervju i How to Conduct a Simple User Test with Jakob Nielsen h[p://www.youtube.com/watch?v=r0a6iw2tffi [2015-06- 14] 8 Jakob Nielsen