Fra Usability til User eXperience.
Definitioner af UX og "UX-trekanten"
nngroup.com: "Usability 101: Introduction to Usability"
Brugervenlighed
Nytte
Engagement
Installer og leg med Duolingo.
Med udgangspunkt i testen og UX trekanten udarbejder I et notat, hvori I prøver at identificere hvor og hvordan de 3 værdier i UX trekanten kommer i spil.
Læs herefter Case study af duolingo: https://usabilitygeek.com/ux-case-study-duolingo/ og se hvordan jeres resultater stemmer overens med deres
En lille innovativ virksomhed, der udvikler software, vil forsøge at udvikle og markedsføre en online tjeneste, der skal matche pensionister med småbørnefamilier, der har behov for pasning af f.eks. et sygt barn.
I virksomhedens motivation henvendt primært til investorer skriver de bl.a.:
"....Småbørnsfamilier (uanset om de er en forælder eller to) oplever en frustration, når yngste bliver syg. Barnets første sygedag er et kort, som kan trækkes. Men det er ikke altid muligt og hvad med sygedag 2 eller sygedag 3? Samtidig har vi i dag en stor gruppe ældre medborgere, som er trådt ud af arbejdsmarkedet og nu nyder deres otium. Men de gider ikke fylde deres otium med onsdags-stavgang, torsdags-bingo og forgæves søndagsopkald til familien rundt om i landet.
Baggrunden for nærværende projekt er, at skabe et ”øko-system” som består af en sammenkobling af småbørnsfamilierne og aktive ældre medborgere og herigennem søge at løse praktiske dagligdagsproblemer (pasning af sygt barn) med den sidegevinst, at det samtidig medvirker til mindskelse af et stigende generationsgab. Hertil kommer daginstitutionerne, som forhåbentligt får færre syge børn i institutionen som ellers ville lægge ekstra beslag på personalet og samtidig smitter personalet og andre børn.
Desuden giver det kommunerne bedre økonomi og dermed frigør ressourcer til andre og bedre aktiviteter.
Teknikken gør det i dag muligt at udvikle en simpel løsning, som billigt og nemt giver velfærd til borgerne...."
Man har foretaget de første analyser og fundet frem til en række krav denne tjeneste. Det er formuleret som user stories og tegnet ind i et use case diagram vist her --->
Som forælder/pensionist vil jeg have nemt ved at lægge relevante informationer ind på min profil for at spare tid og have godt overblik over hvad jeg deler i systemet
Som forælder/pensionist har jeg brug for at kunne kommunikere nuanceret med modpart for dels at kunne opbygge tillid og dels afklare detaljer vedr. aftalerne
Som forælder ønsker jeg at kunne søge og sortere i match-emner så jeg nemt og hurtigt kan tage kvalificeret stilling til, om der er et passende match
Som pensionist har jeg brug for tydeligt at blive gjort opmærksom, når der indkommer en forespørgsel, så jeg føler mig sikker på ikke at overse en henvendelse
Som pensionist har jeg brug for nemt at lægge information ind om, hvornår jeg er tilgængelig for at sikre at, jeg ikke modtager forespørgsler på perioder, hvor jeg er optaget
Som pensionist har jeg brug for at se en oversigt over mine aftaler, så jeg nemt kan overskue hvad jeg skal hvornår og hvor
Som forælder har jeg brug for at tilgå information, der giver mig troværdigt indblik i match-emnernes baggrund og forudsætninger m.m. for at kunne danne mig et indtryk af om vedkommende er en jeg vil overlade pasningen af mit barn til.
Som systemadministrator vil jeg have mulighed for at gennemgå, tjekke, moderere og slette profiler for at sikre at indholdet på tjenesten er opdateret og i overensstemmelse med tjenestens formål og sikkerheds- og privatlivsstandard
...Overvej evt. egne bud på krav
Udvælg en af de tre aktørroller (brugertyper) fra casen og udarbejd og beslut hvilken platform I forestiller jeg vedkommende benytter (laptop/webbrowser, mobilapp ...). Udfør en række skitser i hånden, der skal virke som udkast til en brugergrænseflade for vedkommende på den pågældende platform.
Der skal tages stilling til interaktions-, indholds- og visuelt design samt grafiske designprincipper (gestaltregler og evt. flere)
Sæt dig ind i Figma, som er et værktøj til fremstilling af skærmprototyper, der kan bruges til afprøvning af grafiske brugergrænseflader (GUIs).
Byg en prototype med afsæt i jeres skitser fra 2.1
Figma har en del indbyggede præfabrikeret grafik man kan plukke af til sin prototyper. Det er en stor hjælp og kan spare tid, men det skal jo ikke altid være værktøjet, der definerer ens design.
Tag et relevant billedbehandlingsværktøj (Gimp, Krita e.l.) og fremstil selv en eller flere udvalgte grafiske komponenter, der skal indgå i prototypen - f.eks. en særlig knap, en baggrund eller et logo.
(Brugerresearch)
Interaktionsdesign
Indholdsdesign
Visuelt design
(https://uxdesign.systime.dk/?id=134)
Mikkel Michelsen og Lasse Olsen : UX Design, Systime 2022: https://uxdesign.systime.dk/?id=1
https://www.usability.gov/how-to-and-tools/methods/index.html
https://www.interaction-design.org/literature/topics/gestalt-principles
Om wireframing: https://www.youtube.com/watch?v=PmmQjLqJQlY
Figma learn: https://help.figma.com/hc/en-us/sections/4405269443991-Figma-for-Beginners-tutorial-4-parts-