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

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

Vraag Wie kan er een aantal voorbeelden van een UI opnoemen? Frank: vraag aan het publiek of ze een aantal voorbeelden kunnen opnoemen van user interfaces. Antwoord: GUI, CLI, TUI, maar ook de interactie tussen mens een machine. Bij een auto is dat: gasdpedaal stuur. Of het invoer scherm van een houtbewerkingsmachine. Dus niet alleen computers hebben UI’s

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. Frank. De focus van het ontwerpen ligt op de ervaring en interactie van de gebruiker. Het doel van User interface ontwerp is om de interactie tussen mens en machine zo eenvoudig en efficiënt mogelijk te maken. Door middel van een goed User interface ontwerp kunnen processen sneller afgewerkt worden. Bijvoorbeeld het boeken van een reis, gaat dit via een duidelijk en overzichtelijk UI dan zal men sneller tot het een reis komen die geboekt is.

Functie van een UI De besturing van een machine voor de mens mogelijk maken. voorbeelden: Grafische gebruikersinterface (GUI) Opdrachtregelinterface (CLI) Tekstuele gebruikersinterface (TUI) Marvin

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

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 Frank: Waarom een doel opstellen, om vooraf duidelijk te krijgen wat het bedrijf wil bereiken met de UI. Belangrijk om te weten zodat je aan de hand van het doel uses cases en funtionele requirements voor het UI kan maken.

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? Frank: analyse van de potentiële gebruikers van het systeem. Doormiddel van discussie bijvoorbeeld verwacht een zakelijke uitstraling. Of de gebruikers zijn kinderen, voor kinderen een andere UI dan voor oudere mensen. Technisch: voor een iter een systeem of voor een betonstorter

Use cases maken Use cases maken om de UI zo goed mogelijk aan te passen op het proces Marvin: aan de hand van processmodellen bepalen wat het systeem moet kunnen, nog geen functionele requirements. Geef schematisch en textueel weer waar er aan gedacht moet worden bij het ontwerpen van een ui.

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. Marvin

Prototyping Testontwerp maken, op papier schetsen maken bijvoorbeeld Om de opdrachtgever een beeld te geven van functionaliteit en look & feel van de UI Marvin

Usability testen Laat gebruikers werken met het prototype om daarna feedback te geven zodat het ontwerp aangepast kan worden. Frank: belangrijk om interactie te hebben met het klant ovre het UI ontwerp zodat eventuele verbeteringen in het UI ontwerp doorgevoerd kunnen worden. Gebruikers moeten hun gedachten bij het systeem kenbaar maken om duidelijk te krijgen of het voldoet aan de use cases die opgesteld zijn samen met de klant. Het gevoel bij een het ontwerp van een website speelt bijvoorbeeld een belangrijke rol, de website moet vaak een bepaald gevoel oproepen bij de opdrachtgever.

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. Vraag 1: wat bedoelen we met het onderste punt. Belangrijk, je wil niet dat MacOSX gebruikers een GUI van een windows gebaseerde applicatie voor hun neus krijgen. De gebruikers zullen moeten wennen aan de andere opzet. Frank Hier wordt het werk uitgevoerd, dat kan na de voorgaande stappen, is gebaseerd op de use cases, requirements, prototypes en usability test.