usability & user centered design

Download Usability & user centered design

Post on 01-Nov-2014

408 views

Category:

Documents

3 download

Embed Size (px)

DESCRIPTION

 

TRANSCRIPT

Usability & User-centered design

Usability &User-centered design

Mieke Hoing

1

Mieke Hoing

Sinds maart 2008: Onderwijstechnoloog /Bb ondersteunerKdg / DLO

Aug 2005 feb 2008:(certified) usability designerHuman Interface Group

2000 2005:Germaanse taal en letterkunde computerlingustiekUniversiteit Antwerpen

2

2

Human Interface Group

Opgericht in 1992 door Christel Dehaes & Kris Vanstappen

Gespecialiseerd in gebruiksvriendelijkheid van ICT oplossingen (zowel hard- als software)

Diensten

+40 werknemers: humane wetenschappers!

3

3

Projecten

Documentatie bij iDTV Digibox & DigicorderGebruikerstesten (o.a. bij blinden en slechtzienden)www.ond.vlaanderen.be/StudietoelagenGebruikerstesten (internationaal)http://eur-lex.europa.euUsability audit www.extrafilm.beGebruikersobservaties, interface design, gebruikerstesten en standaardiseringTX-MAX boordcomputer (touch-screen)TX-CONNECT back-office software: tracking & tracing, fleet management, (webapplicatie)

4

4

Wat is usability?

5

5

Waaraan denken jullie bij het woord usability

http://www.youtube.com/v/dvWXJkMCUJ4&fmt=18

5:44

iDrive: 700 functies onder 1 knop en 1 display

=/ beter design van controls

= verbergen van controls

Resultaat:

Initile negatieve impact op verkoopcijfers

Heel wat frustraties bij gebruikers en verkopers

Instructiesheet in handschoenkastje voor voituriers

Later in BMW 5 en 6: helft van de functies geschrapt + aantal knoppen toegevoegd

Wat is usability?

Gebruiksgemak, efficintie,

Begrijpen hoe een toepassing of product werkt

Makkelijk, efficint, aangenaam, een toepassing of product kunnen gebruiken

Positive user experience

6

6

Positive user experience:

Geen frustratie

look and feel

Taalgebruik afgestemd op eindgebruikers

Enz.

Geschiedenis van usability

1946: Eniac

omvang van enkele kamers - 19000 vacum buizen - 30 ton

voor het berekenen van kogelbanen met verschillende soorten geschut

klaarmaken voor n bepaalde berekening duurde 2 dagen

beperkt aantal opgeleide gebruikers

2008: MacBook Air

32.5 x 22.7 cm 1.94 cm dik 1.360 kg

eindeloos veel functies: surfen, mail, tekstverwerking, muziek, filmbewerking, e-banking,

berekeningen in fractie van seconde

zeer groot aantal niet-opgeleide gebruikers

7

7

Waarom is usability zo belangrijk? Groot aantal niet-opgeleide gebruikers

User-centered design

Doel = usability

Methode = user-centered design

8

8

User-centered design

de gebruiker de gebruikersinterfaces laten ontwikkelen, de documentatie laten schrijven, en de opleiding laten geven

= de gebruiker betrekken bij de ontwikkeling, en de toepassing zo ontwikkelen dat de gebruiker er optimaal mee kan werken

9

9

A car for the average man

when Homer finds his long-lost brother, Herb, who happens to own an automobile manufacturing company. Herb, realising that most of his company's cars are just not practical for the everyday person, asks Homer to design a car for the average American.

What results is a monstrousity named "The Homer

The features of this vehicle include: An extremely large beverage holder, a little ball on top of the aerial, tail fins, bubble domes, shag carpeting, several horns that all play "La Cucaracha" and a second soundproof bubble dome with optional straps and muzzles for infants.

User-centered design

= iteratief proces!

10

10

Gebruikers-, taak- en omgevingsanalyse

Interfaceontwerp

Evalueren

Gebruikers-, taak- en omgevingsanalyse

To build a successful product you must understand the people who will use your product (users), the work they do (their goals and tasks), and the situations they work in (their physical, social and cultural environments)JoAnn T. Hackos and Janice C. Redisch, User and Task Analysis for Interface Design, 1998

11

11

Gebruikers-, taak- en omgevingsanalyse

Gebruikersanalyse gebruikersprofielen

Omgevingsanalyse:

Fysieke omgeving

Sociale omgeving

Culturele omgeving

Taakanalyse:

Prioriteit

Tijdsduur

Frequentie

Continuteit

Moeilijkheidsgraad

Volgorde

Welke hulpmiddelen worden er nu gebruikt om taken uit te voeren?

Hoe hebben gebruikers geleerd hoe ze taken moeten uitvoeren?

12

12

Sociale omgeving: vb. uitzendconsulenten

Individuele zelfstudie werkt niet voor hen omdat zij zeer sociaal en verbaal zijn ingesteld

Workflow

Wat initieert een taak?

Taak = observeerbare actie met duidelijk begin- en eindpunt

Gebruikers-, taak- en omgevingsanalyse

Methode: gebruikersobservaties

Think aloud

Probing

Observaties conclusies

Observaties: wat de gebruiker doet

Conclusies: jouw subjectieve interpretatie ervan

Output: observatierapport

13

13

Interface Ontwerp

Input: gebruikersprofielen en taakbeschrijvingen

Conceptueel ontwerp:

moet aansluiten bij mentaal model van de gebruikers

vroeg, ruw model

gebruik van metaforen

ontwerp meerdere conceptuele modellen en test ze bij de eindgebruiker

Navigatie-ontwerp

Output: maquette (evt. prototype)

14

14

Conceptueel ontwerp

Menubalk

Werkbalk

Mail

Agenda

Contactpersonen

Taken

Mappen

Overzicht

Detail

15

15

Ontwerp van informatiearchitectuur

Methode: cardsorting

Doel: informatiearchitectuur dieafgestemd is op mentaal modelvan de gebruikers

Kaartjes met labels/items

Eindgebruiker moet categoriseren in voor hem betekenisvolle groepen

Groepen benoemen

Wat gebruikers zeggen tijdens cardsorting is even belangrijk als de categorisering zelf

16

16

Evalueren

Methode: gebruikerstesten

Eindgebruikers enkele vooraf uitgewerkte scenarios (taken) laten uitvoeren in de (interactieve) maquette

Combinatie van:

Observatie

Think aloud

Probing

Vragenlijst

Output:

Testrapport

Herwerkte maquette

17

17

Evalueren

Hoeveel gebruikers testen?

Geen statistische gegevens

18

18

Gebruikerstesten

Voorbereiding: testplan

Welk gedeelte van de toepassing wordt getest + welk stadium in ontwikkeling

Doel

Gebruikers (cfr. profielen)

Testlocatie

Testtaken / scenarios

19

19

Gebruikerstesten

Voorbeeld testtaak:

Situatieschets: Je hebt net je diploma Professionele Bachelor Kleuteronderwijs behaald, maar hebt besloten dat dat toch niets voor jou is. Je wilt graag bijkomend het diploma Lager onderwijs behalen. Zoek uit hoeveel jaar je daarvoor nog moet studeren.

Beginpunt: www.kdg.be

Eindpunt: Pagina lerarenopleiding > Verkorte opleiding PBLO+1(antw: 1 jaar)

20

20

Gebruikerstesten

Uitvoering:

Niet te snel helpen(pas als gebruiker zeer gefrustreerdraakt of dreigt op te geven)

Probing, maar geensuggestieve vragen stellen

Oog voor non-verbaleaspect

Na afronding van de taakterugkoppelen

21

21

Gebruikerstesten

Verwerking: testrapport:

Verloop van de usability testen

Technische aspecten

Algemene beoordeling door testgebruikers

Gedetailleerde beschrijving van de resultaten opgedeeld in logische categorien (bijv. navigatie, grafisch ontwerp, metaforen, taalgebruik, ) :

Observaties

Vragenlijst

Afrondend gesprek

Voorstellen / adviezen voor verbetering

22

22

Opdracht

Voer gebruikerstesten uit voor een website naar keuze:

Bepaal de mogelijke gebruikersprofielen

Bepaal 1 natuurlijke taak / scenario met een duidelijk begin- en eindpunt

Laat de test uitvoeren door 1 of 2 gebruikers (medestudenten, ouders, lector, vriend, )

Schrijf een beknopt testplan/testrapport

23

23

Evalueren

Methode 2: expert evaluatie / audit

Aantal experts:

4 5 detecteren 70 80% van usability issues

1 detecteert 40 50% van usability issues

Kwaliteit belangrijker dan kwaniteit

Output: auditrapport

Observatie

Advies

Prioriteit

24

24

Expert evaluatie

Workflow / navigatie

Feedback

User in control

Consistentie en standaarden

Foutafhandeling

Efficintie en flexibiliteit

Esthetisch en minimalistisch design

Help en documentatie

25

25

Training & documentation

Gebruikersdocumentatie

Papier

Online

Opleiding

Klassikaal

Hands-on

E-cursus

26

26

accessibility

Alle bezoekers kunnen de website of webapplicatie gemakkelijk gebruiken in uiteenlopende omstandigheden en met verschillende configuraties

Enkele aandachtspunten:

Vermijd het g

Recommended

View more >