13
UI ontwerpproc es Door: Marvin Peters & Frank van Esch

UI ontwerpproces Door: Marvin Peters & Frank van Esch

Embed Size (px)

Citation preview

Page 1: UI ontwerpproces Door: Marvin Peters & Frank van Esch

UI ontwerpprocesDoor: Marvin Peters & Frank van Esch

Page 2: UI ontwerpproces Door: Marvin Peters & Frank van Esch

Inhoud

Wat is een User Interface (UI) Functie van een UI Het UI ontwerpproces

Page 3: UI ontwerpproces Door: Marvin Peters & Frank van Esch

Vraag Wie kan er een aantal voorbeelden van

een UI opnoemen?

Page 4: UI ontwerpproces Door: Marvin Peters & Frank van Esch

Wat is een User Interface De interface tussen een computer(of

machine/apparaat) en de mens die de computer gebruikt

De gebruikersinterface maakt interactie tussen mens en machine mogelijk.

Page 5: UI ontwerpproces Door: Marvin Peters & Frank van Esch

Functie van een UI De besturing van een machine voor de

mens mogelijk maken. voorbeelden:

Grafische gebruikersinterface (GUI) Opdrachtregelinterface (CLI) Tekstuele gebruikersinterface (TUI)

Page 6: UI ontwerpproces Door: Marvin Peters & Frank van Esch

Het ontwerpproces Doel bepalen Gebruikers analyseren Use cases maken Functionele eisen bepalen Prototyping Usability testen Grafisch interface design

Page 7: UI ontwerpproces Door: Marvin Peters & Frank van Esch

Doel bepalen VB van hotel website: doormiddel van

de uitstraling van de nieuwe GUI moeten we 30% meer zakelijke klanten aantrekken

VB doel van een CRM systeem: Gebruikers moeten doormiddel van de nieuwe GUI 30% efficiënter een klant kunnen toevoegen

Page 8: UI ontwerpproces Door: Marvin Peters & Frank van Esch

Gebruikers analyseren Wat zou de gebruiker willen dat het UI

doet? Hoe zou UI passen bij de gebruiker en

zijn normale activiteiten? Hoe technisch is de gebruiiker? Welke look & feel verwacht de

gebruiker?

Page 9: UI ontwerpproces Door: Marvin Peters & Frank van Esch

Use cases maken

Use cases maken om de UI zo goed mogelijk aan te passen op het proces

Page 10: UI ontwerpproces Door: Marvin Peters & Frank van Esch

Functionele eisen bepalen

Functionele requirements bepalen Wat moet het UI kunnen om het doel te

behalen?

VB: Binnen 3 klikken moet men een kamer kunnen reserveren.

Page 11: UI ontwerpproces Door: Marvin Peters & Frank van Esch

Prototyping

Testontwerp maken, op papier schetsen maken bijvoorbeeld Om de opdrachtgever een beeld te geven

van functionaliteit en look & feel van de UI

Page 12: UI ontwerpproces Door: Marvin Peters & Frank van Esch

Usability testen

Laat gebruikers werken met het prototype om daarna feedback te geven zodat het ontwerp aangepast kan worden.

Page 13: UI ontwerpproces Door: Marvin Peters & Frank van Esch

UI interface design

Het eigenlijke ontwerpen van een UI Gebaseerd op prototype en resultaten

van usability test

Belangrijk dat je weet op welk platform de UI draait.