Opgaveanalyse Usability-principper Udarbejdelse af kravspecifikation

Præsentationer af emnet: "Opgaveanalyse Usability-principper Udarbejdelse af kravspecifikation"— Præsentationens transcript:

1 Opgaveanalyse Usability-principper Udarbejdelse af kravspecifikation
USABILITY Session 3 Opgaveanalyse Usability-principper Udarbejdelse af kravspecifikation

2 Sidste gang talte vi om…
Brugerinddragelse Usability-metoder PW Jordan: An introduction to usability, Taylor & Francis, 1998 Brugerprofilering; Personaer; Egenskaber til krav

3 Behov Normative behov Oplevede behov Udtrykte behov Lyt til brugerne!
"a need is a discrepancy between the way things ought to be and the way things are" *) Normative behov Oplevede behov Udtrykte behov Lyt til brugerne! *) Burton, J.K. & Merrill, P.F. (1991). Needs Assessment: Goals, Needs and Priorities. In Briggs, L., Gustavson, K.L. & Tillman, M.H. (Eds) (1991). Instructional Design: Principles and Applications 2nd Edition. Englewood Cliffs: Educational Technology Publications.

4 Vidensdomænet Analyse af vidensdomænet Modellering af vidensdomænet

5 Data Flow Diagram

6 Entity Relationship Diagram

7 State Transition Diagram

8 Opgaveanalyse

9 Mål, opgaver og handlinger

10 Workflowanalyse

11 Indikationer på problemer i eksisterende UI

12 Good day everybody, I use Powerpoint I would like to know how do I make my text blinking(flashing)? I had looked at Entry animation and sound and Introduce text but couldn't figure out how to do it. Can anyone help? Thanks in advance and have a nice day. Regards, Julie

13 In PowerPoint 2000, the blinking effect has to be 'faked'
In PowerPoint 2000, the blinking effect has to be 'faked'. You can create a series of identical items (alternately shape and cover box), that appear one after another. Bill Dilworth, MS PPT MVP

14 But Word has blinking text! <g>
- Geetesh

15 True, so she could 'Special Paste' the selection from a MS Word document into PowerPoint. This would depend on having both PowerPoint and Word installed on both the design and presentation computers. Usually it's pretty much a given, but not assured. It would be easier, but slightly more risky. -- Bill Dilworth, Microsoft PPT MVP

16 Even Paste Special does not get the blinking into PowerPoint
Even Paste Special does not get the blinking into PowerPoint. I find it amusing that Microsoft added all the special animated effects for text in Word and left out PowerPoint. - Geetesh

17 In article <eiZQJkh$DHA. 2484@TK2MSFTNGP12. phx
In article Geetesh Bajaj wrote: > But Word has blinking text! <g> Another good reason to use PPT for presentations instead of Word. BTW, Word's support for blinking text is pathetic. I've never *once* gotten it to work on any of my printers. It prints, but it just sits there lifelessly on the page. Tsk.

18 You have to flip the paper over and back real fast to get MS Word's blinking text effect.
-- Bill Dilworth, Microsoft PPT MVP

19 In article <uAtZ2u0$DHA. 2660@TK2MSFTNGP10. phx
In article Bill Dilworth wrote: > You have to flip the paper over and back real fast to get > MS Word's blinking text effect. AHHHHHHHhhhhh.

20 At beskrive brugernes opgaver
Abstraktions-niveau __________ LAVT MELLEM HØJT Beskrivelse af nutiden: Opgavescenarie: Narrativ, personlig og specifik beskrivelse af opgave Konkret use case: Detaljeret, depersonaliseret beskrivelse af en opgave som den udføres nu, gerne delt op i bruger og system Essential use case: Generel beskrivelse af opgave, med fokus på brugerens intentioner, delt op i bruger og system. Systemuafhængigt. Beskrivelse af fremtiden: Use scenarie: Narrativ beskrivelse af, hvorledes brugernes mål i fremtiden tænkes opnået med det nye produkt og brugerflade

21 Opgave-scenarie Scenarios are typically extended narratives forming a plausible vignette or story-line. They tend to be rich, realistic, concrete, and specific, often replete with gratuitous detail for enhanced verisimilitude. Eksempel: It is 2 o’clock in the morning, and Ian cannot get his new HyperCam software to install properly. He points his browser to gets the splash page, and waits for the corporate home page to appear. He scrolls down the page and clicks on the tech support link. On the provided form, he types his name, then gets his customer ID off the packing slip for the HyperCam and types it in. He clicks the Submit button. He scans the Tech Support home page and finally clicks on the .GIF showing a befuddled user with a packing crate. This takes him to the Installation Help page, where he begins filling out the Incident Report form. Dissatisfied with the suggestion supplied by the system after the form is submitted, he goes to the Contact Us page and sends an message.

22 Konkret Use Case Concrete use cases tend toward more stripped down and less interesting narratives, in which details are reduced and “variables” or class names replace more literal description Eksempel: The use case begins when the customer goes to the Customer Log-On page. There, the customer types in his/her name and customer ID on the form and submits it. The system then displays the Tech Support home page with a list of Problem Categories. The customer clicks on Installation Help within the list, and the system supplies the Incident Report Form. The customer completes and submits the form, and the system presents a suggested resolution.

23 Essentiel Use Case (An) essential use case … is even more spare … Essential use cases are the most robust, especially in the face of changing technologies, largely because they model tasks in a form closest to the essential nature of a problem and do not intermingle design solutions with problem description. Eksempel: user intentions system responsibilities identify self as customer present help options select help option request description describe problem offer possible solutions

24 Cognitive Walk-through
Vælg en opgave og skriv ned, hvilke handlinger, opgaven omfatter For hver handling: Brugeren prøver at finde ud af, hvilken handling der vil hjælpe ham til at udføre opgaven Brugeren vælger den handling, som virker rigtigst Brugeren tolker systemets respons og vurderer om han er kommet videre mod sit mål

25 Konkret use case: Dankort
Brugerhandlinger System respons 1) Indsætter kreditkort Spørger efter PIN-kode 2) Indtaster PIN-kode Bekræfter brugerens ID Spørger hvor meget der ønskes hævet 3) Vælger beløb Tjekker konto Spørger om der ønskes kvittering 4) Svarer ja eller nej Beder brugeren fjerne sit kort 5) Fjerner kort Udbetaler penge 6) Tager penge Printer kvittering 7) Tager kvittering Farvel og tak!

26 CW for trin 1: Indsætter kreditkort
Er den korrekte handling tilstrækkelig klar for brugeren? Nej, uklart hvordan kortet skal vendes (op/ned forkant/bagkant) Vil brugeren forbinde beskrivelsen af den korrekte handling med det hun forsøger at gøre? Ikonet for indsættelse af kortet er for abstrakt Vil brugeren vide om hun har gjort det rigtigt eller forkert på baggrund af systemets respons? Ja delvist, kortet spyttes ud hvis det vender forkert. Men det er stadig ikke klart om det er forkert på op/ned eller forkant/bagkant dimensionen.

27 Mentale modeller Modeller, som folk har af dem selv, andre, omgivelserne og tingene de bruger. Man danner mentale modeller gennem erfaring, træning og instruktion Ofte ubevidste, "tavs viden" Personlige Ufuldstændige og ofte fejlbehæftede Ustabile, henfalder hvis de ikke bruges Dårligt afgrænsede, ofte sammenblandinger Uvidenskabelige og overtroiske Statiske - hellere udføre ekstra arbejde end ændre mentale modeller Hvordan logger man på ITU´s netværk? Hvordan kommer man fra Rådhuspladsen til Lille Strandstræde hurtigst muligt? - På Cykel - og med en flyttebil? Hvordan virker elektricitet (vand eller bier?)

28

29 Mentale modeller og usability
MM hjælper til at navigere i verden gennem effektive forudsigelser Eksisterende MM bruges når man møder et nyt system Hvis MM ligner systemet: let at lære Vægte hensynet til lighed med MM og radikal innovation

30 Strukturelle og funktionelle MM
Strukturelle MM: Brugeren ved, hvorledes systemet fungerer Kontekstuafhængige "Nørd"-agtige: Kan bruge systemet til at løse mange opgaver, "presse systemet" Funktionelle MM: Brugeren ved, hvorledes systemet anvendes Kontekstafhængige Muliggør effektiv løsning af bestemte opgaver med et minimum af mental anstrengelse

31 At forstå brugernes MM Svært pga af deres natur (ubevidste, ustrukturerede etc.) Kan ikke afdækkes gennem eksplicit at spørge til dem Må udledes af interviews, fokusgrupper, observationer etc. Interaktionen mellem et system og brugeren fortæller noget om forskellen mellem designerens MM og brugeren MM

32 Arbejdsmiljøet Fysiske omgivelser Sikkerhedsmæssige faktorer
Det sociale miljø Ledelse og organisation Brugersupport

33 Principper og tommelfingerregler

34 To typer viden Indsamlede data til afdækning af brugerens behov/krav
Viden om brugerflade-design

35 4 psykologiske principper

36 1. Brugere ser, hvad de forventer at se

37 2. Brugere har svært ved at fokusere på mere en én ting ad gangen
Princippet om perceptuel organisation Princippet om vigtighed

38 3. Det er lettere at opfatte et struktureret layout

39 3. Det er lettere at opfatte et struktureret layout (2)
Nærhed Lighed Lukning Kontinuitet Symmetri

40 3. Det er lettere at opfatte et struktureret layout (3)
Figur/grund adskillelsen

41 4. Det er lettere at genkende noget end at huske det
Knowledge in the head Knowledge in the world

42 3 tommelfingerregler Synlighed Affordance Feedback

43 Et eksempel på synlighed: GUI

44 Et eksempel på manglende synlighed: WP51

45 Affordances At et objekt har egenskaber som gør det muligt for brugeren at vide hvordan den skal bruges Betyder: frembyder. At et objekt har egenskaber som gør det muligt for brugeren at vide hvordan den skal bruges f.eks. indbyder en museknap til at man trykker på den, og et dørgreb inviterer til at man trække i det Virtuelle objekter på en computerskærm har ikke "ægte" affordances

46 Affordance i fysiske produkter
Affordances fra det virkelige liv: CD-boks: dårligt

47 Virtuel affordance

48 Virtuel affordance

49 Feedback Sende information tilbage til brugeren om hvad der er gjort
Omfatter f.eks. lyd, fremhævelse, animation, og kombinationer heraf “ccclichhk”

50 Et eksempel på manglende feedback - gode gamle DOS

51 Overvejelser om og beskrivelse af krav

52 Usability krav Kvalitative krav Kvantitative krav

53 Tidlige syn på brugervenlighed
”Any application designed for people to use should be easy to learn (and remembered), useful, that is, contain functions people really need in their work, and be easy and pleasant to use” (Gould and Lewis, 1985) 4 usability-koncepter: Learnability Throughput Flexibility Attitude Funktionelt, effektivitetscentreret, kvantitativ testning,

54 Nutidens syn på usability
Effective Efficient Engaging Error tolerant Easy to learn Quesenbery, 2003

55 Kuniavsky: Observing the User Experience: A Practitioner's Guide to User Research (The Morgan Kaufmann Series in Interactive Technologies), 2003

56 Begrænsninger og afvejninger i forbindelse med kravindsamlingen
Omkostninger Tekniske begrænsninger Afvejninger

57 Problemer, som kan opstå
Manglende brugerinvolvering Utilstrækkelig styring af krav Manglende koordination af aktiviteter Kommunikationsproblemer Indsamling af domæneviden Nøgleinformanter har travlt Organisatoriske og politiske hensyn Stærke og svage interessenter Ændringer i organisation og omgivelser

58 Kravspecifikationen Fokuserer på hvad systemet skal kunne
Brug standard skabeloner Skriv simpelt, konsistent og præcist Brug diagrammer på passende vis Understødt naturligt sprog med formelle bekskrivelsesværktøjer (afhæng af læserne) Angiv krav kvantitativt hvis det er muligt

59 Formålet med prototyper
Undersøg nye ideer sammen med brugerne Test brugbarheden af en applikation Tillad brugere at bidrage Tillad brugerne at afprøve deres ideer Validering af krav Forhandling af krav

60 Simple prototyper Skitser Skærm mockups Storyboards

61 Storyboard