UI ontwerpproces Door: Marvin Peters & Frank van Esch.

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

Transcript of UI ontwerpproces Door: Marvin Peters & Frank van Esch.

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.