BRUGERCENTRERET DESIGN.

Transkript

1 BRUGERCENTRERET DESIGN.

2 AGENDA. Velkomst og introduktion Brugercentreret design Kaffepause og netværk Implementering af brugercentreret design i en virksomhed Afslutning

3 BRUGERVENLIGHED.

4 BRUGERVENLIGHED.

5 FORDELENE. Glade tilbagevendende kunder Mindre support Færre spildte udviklingstimer Mere professionelt image

6 HVAD ER EN UX ER?

7 HVAD ER EN UX ER?

8 LIDT OM USERFRIENDS. UX-/Usability-bureau Stiftet i Marts UX ere med forskellig baggrund Toldbod Plads 2, Aalborg

9 LIDT OM MIG. KIM MARKFOGED Partner & Designer (+45) : Kandidat i Datalogi, Speciale i Information Systems 2010: UI Softwareudvikler hos ETI 2012: Senior UI Software Developer hos BAE Systems Detica 2014: Senior UX Designer hos BAE Systems Applied Intelligence 2015: Partner i Userfriends

10 BRUGERCENTRERET DESIGN. Processen

11 ISO-STANDARDEN. Human-centred design for interactive systems 1. Designet er baseret på en eksplicit forståelse af brugerne, deres opgaver og deres omgivelser 2. Brugerne involveres igennem hele processen 3. Designet drives og forfines igennem brugerinvolvering 4. Processen er iterativ 5. Designet adresserer hele brugeroplevelsen 6. Designholdet besidder multidisciplinære evner og perspektiver

12 DEN GRUNDLÆGGENDE IDÉ. Gør op med design ved jura Designet drives og forfines igennem brugerinvolvering Designet adresserer hele brugeroplevelsen

13 PROCESSEN. Research Analyse & Specifikation Interaktionsdesign Detaljeret Design Udvikling Evaluering

14 PROCESSEN. Research Analyse & Specifikation Interaktionsdesign Detaljeret Design Udvikling Evaluering

15 PROCESSEN. Research Analyse & Specifikation Interaktionsdesign Detaljeret Design Udvikling Evaluering Brugerundersøgelse Hvorfor, hvornår, hvor, hvordan, hvor ofte, Brugerprofiler og personaer Typer, evner og erfaring

16 JASPER CHRISTIANSEN, 34. Partner i et designbureau Hvis ikke det er lækkert, gider jeg slet ikke bruge det. Jeg er partner I et nystartet designbureau, og jeg har fået opgaven med at holde styr på indkøb, løn og alt det der. Jeg er helt ny i det her, så jeg har brug for, at jeres system er nemt at gå til - selv uden erfaring. Computere & IT: Virksomhedsøkonomi: Tålmodighed: Mine opgaver i systemet: Jeg holder styr på køb, salg og moms Jeg sørger for, at vi alle sammen får udbetalt løn Jeg overleverer til vores eksterne bogholdere og til revisoren Jeg forsøger at få overblik over vores økonomi

17 PROCESSEN. Research Analyse & Specifikation Interaktionsdesign Detaljeret Design Udvikling Evaluering Brugerundersøgelse Hvorfor, hvornår, hvor, hvordan, hvor ofte, Brugerprofiler og personaer Typer, evner og erfaring Forretningsbehov

18 PROCESSEN. Research Analyse & Specifikation Interaktionsdesign Detaljeret Design Udvikling Evaluering Use cases formuleres ud fra brugerundersøgelsen Use cases inddeles features Gerne målrettet til og prioriteret ud fra personaerne

19 PROCESSEN. Research Analyse & Specifikation Interaktionsdesign Detaljeret Design Udvikling Evaluering Use Use Case cases 1 formuleres Tøjvask ud fra brugerundersøgelsen Aktør Use cases inddeles features Gerne målrettet til og prioriteret ud fra personaerne Prioritering af features Beskrivelse Must, should, could Won t Albert Om onsdagen går Albert i vaskerummet for at klare vasketøjet. 1. Han sorterer tøjet 2. Han vasker tøjet 3. Han tørrer tøjet 4. Han folder de stykker tøj, der skal foldes 5. Han stryger de stykker tøj, der skal stryges 6. Han smider skadet, krympet eller plettet tøj ud (sjældent)

20 PROCESSEN. Research Analyse & Specifikation Interaktionsdesign Detaljeret Design Udvikling Evaluering Use cases formuleres ud fra brugerundersøgelsen Use cases inddeles features Gerne målrettet til og prioriteret ud fra personaerne Prioritering af features Must, should, could Won t

21 PROCESSEN. Research Analyse & Specifikation Interaktionsdesign Detaljeret Design Udvikling Evaluering Informationsarkitektur Workflows og navigation

22 PROCESSEN. Research Analyse & Specifikation Interaktionsdesign Detaljeret Design Udvikling Evaluering Informationsarkitektur Workflows og navigation Wireframes

23 PROCESSEN. Research Analyse & Specifikation Interaktionsdesign Detaljeret Design Udvikling Evaluering Informationsarkitektur Workflows og navigation Wireframes Løbende evaluering Paper prototypes Low-fi interaktive prototyper

24 PROCESSEN. Research Analyse & Specifikation Interaktionsdesign Detaljeret Design Udvikling Evaluering Informationsarkitektur Workflows og navigation Wireframes Løbende evaluering Paper prototypes Low-fi interaktive prototyper

25 PROCESSEN. Research Analyse & Specifikation Interaktionsdesign Detaljeret Design Udvikling Evaluering Designmønstre

26 PROCESSEN. Research Analyse & Specifikation Interaktionsdesign Detaljeret Design Udvikling Evaluering Designmønstre Visuelt design Style guides

27 PROCESSEN. Research Analyse & Specifikation Interaktionsdesign Detaljeret Design Udvikling Evaluering Designmønstre Visuelt design Style guides Wauw-detaljer

28 PROCESSEN. Research Analyse & Specifikation Interaktionsdesign Detaljeret Design Udvikling Evaluering Designmønstre Visuelt design Style guides Wauw-detaljer Tilpasning per platform

29 PROCESSEN. Research Analyse & Specifikation Interaktionsdesign Detaljeret Design Udvikling Evaluering Løbende sparring igennem udviklingsfasen Løbende Evaluering Tidlige releases til specifikke brugere Usability test på færdige features

30 PROCESSEN. Research Analyse & Specifikation Interaktionsdesign Detaljeret Design Udvikling Evaluering Usability test Kan vi forbedre designet? Er fejl opstået under implementeringen? Ekspert-review Måling på features (A/B test, Google Analytics) Designjusteringer

31 BRUGERVENLIGT, GENNEMTÆNKT DESIGN.

32 BRUGERCENTRERET DESIGN. I din virksomhed

33 KILDER. Egen erfaring Vores kollegaer i Aalborg, Aarhus og København Tina Øvad, Institut for Elektroniske Systemer Integrating User Experience Design and Agile Software Development

34 PÅSTAND: Research Analyse & Specifikation Analyse & Specifikation Interaktionsdesign Udvikling Detaljeret Design Udvikling Evaluering Evaluering

35 PÅSTAND: Research Analyse & Udvikling Analyse & Interaktionsdesign Specifikation Specifikation Udvikling Detaljeret Evaluering Udvikling Design Evaluering Evaluering

36 PÅSTAND: Research Analyse & Udvikling Analyse & Interaktionsdesign Specifikation Specifikation Udvikling Detaljeret Evaluering Udvikling Design Evaluering Evaluering

37 FALDGRUBER. For få UX ere Elfenbenstårnet (isolerede UX ere) Det her er forresten vores nye UX er. Hun er lige startet i dag og skal lave sådan noget UX.

38 FALDGRUBER.

39 FØR I ANSÆTTER. Forbered virksomheden på det Ny funktion => Ændringer i udviklingsprocessen. Hvor mange skal jeg ansætte?

40 FØR I ANSÆTTER. Research Analyse & Specifikation Interaktionsdesign Detaljeret Design Udvikling Evaluering

41 FØR I ANSÆTTER. Forbered virksomheden på det Ny funktion => Ændringer i udviklingsprocessen. Hvor mange skal jeg ansætte? Produktudvikling: 1 UX er pr. 3-5 udviklere Projektudvikling: 1 UX er pr. 2-3 udviklere Aldrig færre end to

42 HVOR SKAL JEG STARTE? Aldrig færre end to Men én kan måske godt være udvikler halvdelen af tiden. Få hjælp udefra til de vigtigste ting Men har I erfarne UX ere ansat, så lad dem styre samarbejdet. Prioritér de rigtige opgaver

43 PROCESSEN, NÅR TIDEN ER KNAP. Research Analyse & Specifikation Interaktionsdesign Detaljeret Design Udvikling Evaluering

44 EKSEMPLER. Privathospitalet Skørping (ca. 30 timer) Præsentation af observationer om det nuværende site og det foreslåede design Forslag til ny menu og alle sidernes indholdsprioritering Designs til de vigtigste features Budokwai Jiu-Jitsu (ca. 5 timer) Fotos af arbejdsbordet med det nye sites indholdsprioritering.

45 SKØRPING: NUVÆRENDE MENU.

46 SKØRPING: NY MENU. Om hospitalet Behandlingerne Medarbejderne For patienter For pårørende Kontakt

47 SKØRPING: OM HOSPITALET. Store rare billeder God lang beskrivelse af hospitalet, som i brochurer Her fremlægges alle værdierne og det der adskiller jer fra konkurrenterne Her prales til sidst med udvalgt information om kvalitetssikring Kontakt-mail og nummer

48 SKØRPING: BEHANDLINGER. To måder at finde frem til sin behandling Guide Liste med søgefunktion

49 SKØRPING: GUIDE.

50 SKØRPING: GUIDE.

51 SKØRPING: GUIDE.

52 SKØRPING: GUIDE.

53 BUDOKWAI: INDHOLD.

54 JERES SPØRGSMÅL. Fotokilder: - Rejsekort: Afdelingsbestyrelsen, Skallerupparken 9220 Aalborg Ø - Oyster: David Potter / Transport for London - Arkitekttegning: Copaparisienne - Userfriends' kontor: Studio 03 v. Svenn Hjartarson - Paper prototype test: Saba Zaidi - Uglen: - Dilbert:

55 BRUGERVENLIGT, GENNEMTÆNKT DESIGN.