BRUGERCENTRERET DESIGN.
AGENDA. Velkomst og introduktion Brugercentreret design Kaffepause og netværk Implementering af brugercentreret design i en virksomhed Afslutning
BRUGERVENLIGHED.
BRUGERVENLIGHED.
FORDELENE. Glade tilbagevendende kunder Mindre support Færre spildte udviklingstimer Mere professionelt image
HVAD ER EN UX ER?
HVAD ER EN UX ER?
LIDT OM USERFRIENDS. UX-/Usability-bureau Stiftet i Marts 2015 2 UX ere med forskellig baggrund Toldbod Plads 2, 2. 9000 Aalborg
LIDT OM MIG. KIM MARKFOGED Partner & Designer (+45) 20 64 02 43 kim@userfriends.dk 2010: 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
BRUGERCENTRERET DESIGN. Processen
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
DEN GRUNDLÆGGENDE IDÉ. Gør op med design ved jura Designet drives og forfines igennem brugerinvolvering Designet adresserer hele brugeroplevelsen
PROCESSEN. Research Analyse & Specifikation Interaktionsdesign Detaljeret Design Udvikling Evaluering
PROCESSEN. Research Analyse & Specifikation Interaktionsdesign Detaljeret Design Udvikling Evaluering
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
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
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
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
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)
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
PROCESSEN. Research Analyse & Specifikation Interaktionsdesign Detaljeret Design Udvikling Evaluering Informationsarkitektur Workflows og navigation
PROCESSEN. Research Analyse & Specifikation Interaktionsdesign Detaljeret Design Udvikling Evaluering Informationsarkitektur Workflows og navigation Wireframes
PROCESSEN. Research Analyse & Specifikation Interaktionsdesign Detaljeret Design Udvikling Evaluering Informationsarkitektur Workflows og navigation Wireframes Løbende evaluering Paper prototypes Low-fi interaktive prototyper
PROCESSEN. Research Analyse & Specifikation Interaktionsdesign Detaljeret Design Udvikling Evaluering Informationsarkitektur Workflows og navigation Wireframes Løbende evaluering Paper prototypes Low-fi interaktive prototyper
PROCESSEN. Research Analyse & Specifikation Interaktionsdesign Detaljeret Design Udvikling Evaluering Designmønstre
PROCESSEN. Research Analyse & Specifikation Interaktionsdesign Detaljeret Design Udvikling Evaluering Designmønstre Visuelt design Style guides
PROCESSEN. Research Analyse & Specifikation Interaktionsdesign Detaljeret Design Udvikling Evaluering Designmønstre Visuelt design Style guides Wauw-detaljer
PROCESSEN. Research Analyse & Specifikation Interaktionsdesign Detaljeret Design Udvikling Evaluering Designmønstre Visuelt design Style guides Wauw-detaljer Tilpasning per platform
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
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
BRUGERVENLIGT, GENNEMTÆNKT DESIGN.
BRUGERCENTRERET DESIGN. I din virksomhed
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
PÅSTAND: Research Analyse & Specifikation Analyse & Specifikation Interaktionsdesign Udvikling Detaljeret Design Udvikling Evaluering Evaluering
PÅSTAND: Research Analyse & Udvikling Analyse & Interaktionsdesign Specifikation Specifikation Udvikling Detaljeret Evaluering Udvikling Design Evaluering Evaluering
PÅSTAND: Research Analyse & Udvikling Analyse & Interaktionsdesign Specifikation Specifikation Udvikling Detaljeret Evaluering Udvikling Design Evaluering Evaluering
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.
FALDGRUBER.
FØR I ANSÆTTER. Forbered virksomheden på det Ny funktion => Ændringer i udviklingsprocessen. Hvor mange skal jeg ansætte?
FØR I ANSÆTTER. Research Analyse & Specifikation Interaktionsdesign Detaljeret Design Udvikling Evaluering
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
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
PROCESSEN, NÅR TIDEN ER KNAP. Research Analyse & Specifikation Interaktionsdesign Detaljeret Design Udvikling Evaluering
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.
SKØRPING: NUVÆRENDE MENU.
SKØRPING: NY MENU. Om hospitalet Behandlingerne Medarbejderne For patienter For pårørende Kontakt
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
SKØRPING: BEHANDLINGER. To måder at finde frem til sin behandling Guide Liste med søgefunktion
SKØRPING: GUIDE.
SKØRPING: GUIDE.
SKØRPING: GUIDE.
SKØRPING: GUIDE.
BUDOKWAI: INDHOLD.
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: https://dash.readme.io/login - Dilbert: www.dilbert.com
BRUGERVENLIGT, GENNEMTÆNKT DESIGN.