den gode user experience - goto conferencegotocon.com/dl/2014/gotonight aar 271114.pdf · high...

48
Den gode User Experience Mathilde Hoeg mathildehoeg Michelle Andreassen ITAddiction Blogs: QED.dk

Upload: others

Post on 11-Jul-2020

9 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Den gode User Experience - GOTO Conferencegotocon.com/dl/2014/GOTONight AAR 271114.pdf · High fidelity - ligner den endelige udgave med færdigt layout og interaktionsmuligheder,

Den gode User ExperienceMathilde Hoeg mathildehoeg Michelle Andreassen ITAddiction

Blogs: QED.dk

Page 2: Den gode User Experience - GOTO Conferencegotocon.com/dl/2014/GOTONight AAR 271114.pdf · High fidelity - ligner den endelige udgave med færdigt layout og interaktionsmuligheder,

AgendaHvad er brugeroplevelse (UX)?Hvad er en user experience designer?Hvad er brugervenlighed(Usability)?Hvad er brugercentreret design (UCD)?

- Pause -VærktøjerStorytelling som metodeNever listen to your userUX og agile processer

Page 3: Den gode User Experience - GOTO Conferencegotocon.com/dl/2014/GOTONight AAR 271114.pdf · High fidelity - ligner den endelige udgave med færdigt layout og interaktionsmuligheder,

User Experience

Page 4: Den gode User Experience - GOTO Conferencegotocon.com/dl/2014/GOTONight AAR 271114.pdf · High fidelity - ligner den endelige udgave med færdigt layout og interaktionsmuligheder,

UserSlutbrugerUdviklereSupportManagementSalesteamUX’designere..

Page 5: Den gode User Experience - GOTO Conferencegotocon.com/dl/2014/GOTONight AAR 271114.pdf · High fidelity - ligner den endelige udgave med færdigt layout og interaktionsmuligheder,

Experience1. En enkelt oplevelse i tid og rum, et afsluttet

handlingsforløb, e.g. en koncert2. Et kontinuum af væren og refleksion, e.g.

hvordan er min identitet af at være på arbejde?

Page 6: Den gode User Experience - GOTO Conferencegotocon.com/dl/2014/GOTONight AAR 271114.pdf · High fidelity - ligner den endelige udgave med færdigt layout og interaktionsmuligheder,

User ExperienceBrugerens oplevelse før, under og efter produktet.

Page 7: Den gode User Experience - GOTO Conferencegotocon.com/dl/2014/GOTONight AAR 271114.pdf · High fidelity - ligner den endelige udgave med færdigt layout og interaktionsmuligheder,

Alle hattene påMen! Vi designer ikke oplevelser.

Page 8: Den gode User Experience - GOTO Conferencegotocon.com/dl/2014/GOTONight AAR 271114.pdf · High fidelity - ligner den endelige udgave med færdigt layout og interaktionsmuligheder,
Page 9: Den gode User Experience - GOTO Conferencegotocon.com/dl/2014/GOTONight AAR 271114.pdf · High fidelity - ligner den endelige udgave med færdigt layout og interaktionsmuligheder,

BrugervenlighedUsability

“Effectiveness, efficiency, and satisfaction in a specified context of use”

Page 10: Den gode User Experience - GOTO Conferencegotocon.com/dl/2014/GOTONight AAR 271114.pdf · High fidelity - ligner den endelige udgave med færdigt layout og interaktionsmuligheder,

Brugbarhed● Learnability

How easy is it for users to accomplish basic tasks the first time they encounter the design?

● EfficiencyOnce users have learned the design, how quickly can they perform tasks?

● MemorabilityWhen users return to the design after a period of not using it, how easily can they re-establish proficiency?

● ErrorsHow many errors do users make, how severe are these errors, and how easily can they recover from the errors?

● SatisfactionHow pleasant is it to use the design?

Page 11: Den gode User Experience - GOTO Conferencegotocon.com/dl/2014/GOTONight AAR 271114.pdf · High fidelity - ligner den endelige udgave med færdigt layout og interaktionsmuligheder,

10 Heuristikker1. Visibility of system status

2. Match between system and the real world

3. User control and freedom

4. Consistency and standards

5. Error prevention

6. Recognition rather than recall

7. Flexibility and efficiency of use

8. Aesthetic and minimalist design

9. Help users recognize, diagnose, and recover from errors

10. Help and documentation

Page 12: Den gode User Experience - GOTO Conferencegotocon.com/dl/2014/GOTONight AAR 271114.pdf · High fidelity - ligner den endelige udgave med færdigt layout og interaktionsmuligheder,

Heuristisk Evaluering

1 = Cosmetic problem only: need not be fixed unless extra time is available on project

2 = Minor usability problem: fixing this should be given low priority

3 = Major usability problem: important to fix, so should be given high priority

4 = Usability catastrophe: imperative to fix this before product can be released

Page 13: Den gode User Experience - GOTO Conferencegotocon.com/dl/2014/GOTONight AAR 271114.pdf · High fidelity - ligner den endelige udgave med færdigt layout og interaktionsmuligheder,

Brugercentreret DesignUser-Centered Design

Page 14: Den gode User Experience - GOTO Conferencegotocon.com/dl/2014/GOTONight AAR 271114.pdf · High fidelity - ligner den endelige udgave med færdigt layout og interaktionsmuligheder,

1. The project team includes multidisciplinaryskills and perspectives

Make sure to involve all angles and perspectives from the very beginning to ensure that the design is based upon a complete understanding of needs and constraints.

Page 15: Den gode User Experience - GOTO Conferencegotocon.com/dl/2014/GOTONight AAR 271114.pdf · High fidelity - ligner den endelige udgave med færdigt layout og interaktionsmuligheder,

2. The design addresses the whole user experience

The user experience depends on the strategy which restrains the scope which sets limits for

the structure which impacts the skeleton and then the surface. The experience doesn’t lie in

the surface alone, so take the whole experience into account.

Page 16: Den gode User Experience - GOTO Conferencegotocon.com/dl/2014/GOTONight AAR 271114.pdf · High fidelity - ligner den endelige udgave med færdigt layout og interaktionsmuligheder,

3. The process is iterative

Whenever the design has been refined, it is important to evaluate it, preferably with end

users or at least with starting point in end user personas.

Page 17: Den gode User Experience - GOTO Conferencegotocon.com/dl/2014/GOTONight AAR 271114.pdf · High fidelity - ligner den endelige udgave med færdigt layout og interaktionsmuligheder,

4. The design is based upon an explicit understanding ofusers, tasks and environments

Understand the problems and challenges the users are facing as well as the context of use

through research and analysis.

Page 18: Den gode User Experience - GOTO Conferencegotocon.com/dl/2014/GOTONight AAR 271114.pdf · High fidelity - ligner den endelige udgave med færdigt layout og interaktionsmuligheder,

5. Users are involved throughout design and development

Draw on the knowledge from the everyday users, continue to involve the users throughout

the design process, and use personas to ensure the presence of the user at all times.

Page 19: Den gode User Experience - GOTO Conferencegotocon.com/dl/2014/GOTONight AAR 271114.pdf · High fidelity - ligner den endelige udgave med færdigt layout og interaktionsmuligheder,

6. The design is driven and refined by user-centred evaluation

Make better solutions by designing and refining your solutions based on end-user feedback.

Page 20: Den gode User Experience - GOTO Conferencegotocon.com/dl/2014/GOTONight AAR 271114.pdf · High fidelity - ligner den endelige udgave med færdigt layout og interaktionsmuligheder,

UX Værktøjer

Page 21: Den gode User Experience - GOTO Conferencegotocon.com/dl/2014/GOTONight AAR 271114.pdf · High fidelity - ligner den endelige udgave med færdigt layout og interaktionsmuligheder,

User ResearchHvem er brugerne, hvad kan de, hvad ønsker de?(- og hvad gør konkurrenterne?!)

Vigtig viden for at kunne skabe et godt produkt!

Page 22: Den gode User Experience - GOTO Conferencegotocon.com/dl/2014/GOTONight AAR 271114.pdf · High fidelity - ligner den endelige udgave med færdigt layout og interaktionsmuligheder,

PersonasIndividuelle personligheder baseret på større grupper slutbrugeres fællestræk, for at finde de vigtigste parametre at fokusere udviklingen til.

Page 23: Den gode User Experience - GOTO Conferencegotocon.com/dl/2014/GOTONight AAR 271114.pdf · High fidelity - ligner den endelige udgave med færdigt layout og interaktionsmuligheder,
Page 24: Den gode User Experience - GOTO Conferencegotocon.com/dl/2014/GOTONight AAR 271114.pdf · High fidelity - ligner den endelige udgave med færdigt layout og interaktionsmuligheder,

User Journeys/ScenariosHvordan forestiller man sig at en bruger vil tilgå den/de opgave(r) som vi ønsker at hjælpe dem med?

Journeys er i store træk en samling scenarier, men indeholder også ting som ikke foregår online.

Page 25: Den gode User Experience - GOTO Conferencegotocon.com/dl/2014/GOTONight AAR 271114.pdf · High fidelity - ligner den endelige udgave med færdigt layout og interaktionsmuligheder,

Scenario Mapping Example

http://www.uxforthemasses.com/scenario-mapping/

Page 26: Den gode User Experience - GOTO Conferencegotocon.com/dl/2014/GOTONight AAR 271114.pdf · High fidelity - ligner den endelige udgave med færdigt layout og interaktionsmuligheder,

Prototyping Low fidelity - kan være så basalt som papir, men PowerPoint og andre “primitive” versioner tæller med.

Medium fidelity - ikke alle medtager denne kategori, men mener at alt som ikke er high fidelity hører under low. Medium kan være digitale versioner med minimale interaktionsmuligheder eller flere interaktionsmuligheder men primitivt layout.

High fidelity - ligner den endelige udgave med færdigt layout og interaktionsmuligheder, så den kan testes 100% inden produktionen. Kan skabes i diverse visualiseringsværktøjer eller endda kodes. Bør aldrig ende som det færdige produkt, men kun være en prototype til det endelige produkt.

Page 27: Den gode User Experience - GOTO Conferencegotocon.com/dl/2014/GOTONight AAR 271114.pdf · High fidelity - ligner den endelige udgave med færdigt layout og interaktionsmuligheder,

Prototyping Eksempler

Page 28: Den gode User Experience - GOTO Conferencegotocon.com/dl/2014/GOTONight AAR 271114.pdf · High fidelity - ligner den endelige udgave med færdigt layout og interaktionsmuligheder,

Usability/User TestDet afgørende øjeblik - eller skulle man sige øjeblikke.

Holder vores design?

Page 29: Den gode User Experience - GOTO Conferencegotocon.com/dl/2014/GOTONight AAR 271114.pdf · High fidelity - ligner den endelige udgave med færdigt layout og interaktionsmuligheder,

Usability/User Test TipsForetag en pilottest først, for at sikre at de opgaver man har planlagt til testpersonerne giver de ønskede resultater.Det er ofte nok at teste 3-5 personer, da det statistisk set fanger op til 80% af fejlene.Sørg for at gøre det klart for testpersonerne at det er produktet og ikke dem selv som bliver testet. Få dem til at forstå at kritik er mere end velkommen, at det faktisk er formålet med testen, da mange ikke er trygge ved at kritisere andres arbejde.Få testpersonerne til at tænke højt (Think-aloud-protocol), så man kan forstå hvori evt. problemer består.Optag testene for at kunne gå i dybden med evt. problemer efterfølgende.

Page 30: Den gode User Experience - GOTO Conferencegotocon.com/dl/2014/GOTONight AAR 271114.pdf · High fidelity - ligner den endelige udgave med færdigt layout og interaktionsmuligheder,

Never Listen to your UserDet er aldrig brugerens opgave at fortælle dig hvad de gerne vil have.

Page 31: Den gode User Experience - GOTO Conferencegotocon.com/dl/2014/GOTONight AAR 271114.pdf · High fidelity - ligner den endelige udgave med færdigt layout og interaktionsmuligheder,
Page 32: Den gode User Experience - GOTO Conferencegotocon.com/dl/2014/GOTONight AAR 271114.pdf · High fidelity - ligner den endelige udgave med færdigt layout og interaktionsmuligheder,

At lære fra ens brugereVurder situationenOvervej hvordan I får fat i deres viden. Pas på selvrapporteret data!

Page 33: Den gode User Experience - GOTO Conferencegotocon.com/dl/2014/GOTONight AAR 271114.pdf · High fidelity - ligner den endelige udgave med færdigt layout og interaktionsmuligheder,

Vi vil gerne passe indI fokus grupperOverfor dit produkt

Page 34: Den gode User Experience - GOTO Conferencegotocon.com/dl/2014/GOTONight AAR 271114.pdf · High fidelity - ligner den endelige udgave med færdigt layout og interaktionsmuligheder,

Menneskelige hukommelse...kan du huske hvad du fik til aftensmad i går? ...kan du huske hvor mange gange du drikker kaffe på en dag?Vi tror det er sådan fordi vi gerne vil være sådan.

Page 35: Den gode User Experience - GOTO Conferencegotocon.com/dl/2014/GOTONight AAR 271114.pdf · High fidelity - ligner den endelige udgave med færdigt layout og interaktionsmuligheder,

EfterrationalisererPas på de logiske mennesker!Pas på de hjælpsomme mennesker!

Page 36: Den gode User Experience - GOTO Conferencegotocon.com/dl/2014/GOTONight AAR 271114.pdf · High fidelity - ligner den endelige udgave med færdigt layout og interaktionsmuligheder,

Dine bruger er eksperterpå deres liv, deres arbejdsområde, deres oplevelse.

Page 37: Den gode User Experience - GOTO Conferencegotocon.com/dl/2014/GOTONight AAR 271114.pdf · High fidelity - ligner den endelige udgave med færdigt layout og interaktionsmuligheder,

StorytellingHistorier er menneskelige

Page 38: Den gode User Experience - GOTO Conferencegotocon.com/dl/2014/GOTONight AAR 271114.pdf · High fidelity - ligner den endelige udgave med færdigt layout og interaktionsmuligheder,

Storytelling som...Eksplorativt redskab- tager udgangspunkt i research- empati- analyse og syntese i én- sæt dig ned og skriv og lad karakteren overraske dig.

Page 39: Den gode User Experience - GOTO Conferencegotocon.com/dl/2014/GOTONight AAR 271114.pdf · High fidelity - ligner den endelige udgave med færdigt layout og interaktionsmuligheder,
Page 40: Den gode User Experience - GOTO Conferencegotocon.com/dl/2014/GOTONight AAR 271114.pdf · High fidelity - ligner den endelige udgave med færdigt layout og interaktionsmuligheder,

Storytelling som...Kommunikations redskab- Design er en social, samarbejdende aktivitet.- indsamle historier fra dine brugere- storytelling til at forklare ideer- hele teamet kan evaluere sammen- anerkender usikkerhed i metoder- nemme at huske

Page 41: Den gode User Experience - GOTO Conferencegotocon.com/dl/2014/GOTONight AAR 271114.pdf · High fidelity - ligner den endelige udgave med færdigt layout og interaktionsmuligheder,

Den gode historie- Research, research, research.- Er et sammendrag af mange brugeres

oplevelse- nem at relatere til- fokuserer på nogle enkelte kernepunkter

Page 42: Den gode User Experience - GOTO Conferencegotocon.com/dl/2014/GOTONight AAR 271114.pdf · High fidelity - ligner den endelige udgave med færdigt layout og interaktionsmuligheder,

Kan UX forenes med Agil?Det korte svar; ja.Det lange svar; ja. Men...

Page 43: Den gode User Experience - GOTO Conferencegotocon.com/dl/2014/GOTONight AAR 271114.pdf · High fidelity - ligner den endelige udgave med færdigt layout og interaktionsmuligheder,

Features vs. FidelityUdviklere kører ofte sprints baseret på features hvorimod User Experience behandler hele oplevelsen af produktet. Svært at forene

Page 44: Den gode User Experience - GOTO Conferencegotocon.com/dl/2014/GOTONight AAR 271114.pdf · High fidelity - ligner den endelige udgave med færdigt layout og interaktionsmuligheder,

I flere sprint samtidigUX ser både fremad samt er inddraget i mikroiterationer.

Page 45: Den gode User Experience - GOTO Conferencegotocon.com/dl/2014/GOTONight AAR 271114.pdf · High fidelity - ligner den endelige udgave med færdigt layout og interaktionsmuligheder,

Kommunikation!- UX’eren inddrager teamet i sit arbejde- Udviklere osv., kan hele tiden spørge UX’

eren- Storytelling...- Kend dit team!

Page 46: Den gode User Experience - GOTO Conferencegotocon.com/dl/2014/GOTONight AAR 271114.pdf · High fidelity - ligner den endelige udgave med færdigt layout og interaktionsmuligheder,

Så UX er…?Lille smule af alting- design- kommunikation- research- prototyping- Interaktion- informationsarkitektur- tekst forfatning- grafisk design….

Page 47: Den gode User Experience - GOTO Conferencegotocon.com/dl/2014/GOTONight AAR 271114.pdf · High fidelity - ligner den endelige udgave med færdigt layout og interaktionsmuligheder,
Page 48: Den gode User Experience - GOTO Conferencegotocon.com/dl/2014/GOTONight AAR 271114.pdf · High fidelity - ligner den endelige udgave med færdigt layout og interaktionsmuligheder,

Kontakt [email protected]

Ladyscribble.com

[email protected]@millea.dk