Interface en Interaction Design Koffie-automaat
-
Upload
amena-hunt -
Category
Documents
-
view
31 -
download
0
description
Transcript of Interface en Interaction Design Koffie-automaat
![Page 1: Interface en Interaction Design Koffie-automaat](https://reader030.fdocuments.in/reader030/viewer/2022032607/568130af550346895d96c02e/html5/thumbnails/1.jpg)
Interface en Interaction DesignKoffie-automaat
Maak Er Maar Wat Leuks Van:
Mark Dijkema
Jerry Trimp
&
Remco van Wilgen
![Page 2: Interface en Interaction Design Koffie-automaat](https://reader030.fdocuments.in/reader030/viewer/2022032607/568130af550346895d96c02e/html5/thumbnails/2.jpg)
Inhoudsopgave
● Visie & concept● Requirements & wireframes● Testen● Vragen
![Page 3: Interface en Interaction Design Koffie-automaat](https://reader030.fdocuments.in/reader030/viewer/2022032607/568130af550346895d96c02e/html5/thumbnails/3.jpg)
Visie & concept
● Touchscreen● Geen “hardware-knoppen”● Meerdere bestellingen tegelijk● Meerdere betaalmogelijkheden
“Simpel, gemakkelijk en snel koffie uit de automaat.”
![Page 4: Interface en Interaction Design Koffie-automaat](https://reader030.fdocuments.in/reader030/viewer/2022032607/568130af550346895d96c02e/html5/thumbnails/4.jpg)
Requirements
Functionele requirements:● Informatie geselecteerde koffie● hoeveelheid melk & suiker selecteren● minder dan 5 stappen om koffie te bestellen
![Page 5: Interface en Interaction Design Koffie-automaat](https://reader030.fdocuments.in/reader030/viewer/2022032607/568130af550346895d96c02e/html5/thumbnails/5.jpg)
RequirementsNon-functionele requirements:● Minder dan 5 stappen om koffie te bestellen● Direct te gebruiken door 95% van de
gebruikers● De koffie moet op een goede hoogte uit de
automaat komen zodat je het snel en makkelijk kunt pakken zonder te hoeven bukken
● Geen “hardware-knoppen”
![Page 6: Interface en Interaction Design Koffie-automaat](https://reader030.fdocuments.in/reader030/viewer/2022032607/568130af550346895d96c02e/html5/thumbnails/6.jpg)
Wireframes
![Page 7: Interface en Interaction Design Koffie-automaat](https://reader030.fdocuments.in/reader030/viewer/2022032607/568130af550346895d96c02e/html5/thumbnails/7.jpg)
Wireframes
![Page 8: Interface en Interaction Design Koffie-automaat](https://reader030.fdocuments.in/reader030/viewer/2022032607/568130af550346895d96c02e/html5/thumbnails/8.jpg)
Wireframes
![Page 9: Interface en Interaction Design Koffie-automaat](https://reader030.fdocuments.in/reader030/viewer/2022032607/568130af550346895d96c02e/html5/thumbnails/9.jpg)
Wireframes
![Page 10: Interface en Interaction Design Koffie-automaat](https://reader030.fdocuments.in/reader030/viewer/2022032607/568130af550346895d96c02e/html5/thumbnails/10.jpg)
Wireframes
![Page 11: Interface en Interaction Design Koffie-automaat](https://reader030.fdocuments.in/reader030/viewer/2022032607/568130af550346895d96c02e/html5/thumbnails/11.jpg)
Wireframes
![Page 12: Interface en Interaction Design Koffie-automaat](https://reader030.fdocuments.in/reader030/viewer/2022032607/568130af550346895d96c02e/html5/thumbnails/12.jpg)
Wireframes
![Page 13: Interface en Interaction Design Koffie-automaat](https://reader030.fdocuments.in/reader030/viewer/2022032607/568130af550346895d96c02e/html5/thumbnails/13.jpg)
Wireframes
![Page 14: Interface en Interaction Design Koffie-automaat](https://reader030.fdocuments.in/reader030/viewer/2022032607/568130af550346895d96c02e/html5/thumbnails/14.jpg)
Testen
Eerste test – nieuwe wireframeshttp://www.youtube.com/watch?v=WhBWiZWDeHA
Tweede test – verbeterde wireframeshttp://www.youtube.com/watch?v=AC9OznH9FM4
![Page 15: Interface en Interaction Design Koffie-automaat](https://reader030.fdocuments.in/reader030/viewer/2022032607/568130af550346895d96c02e/html5/thumbnails/15.jpg)
Vragen?