Top Banner
Interaction Design | Jaar 1 KW2 - Wij en Jij Sketches & Wireframes 1
13

Wireframes

Jan 28, 2015

Download

Travel

piksels

IAD Jaar 1
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Wireframes

Interaction Design | Jaar 1 KW2 - Wij en Jij

Sketches & Wireframes

1

Page 2: Wireframes

Interaction Design | Jaar 1 KW2 - Wij en Jij

Wat zijn wireframes?

Illustratie van de inhoud van elk scherm.

Het gebruik van minimalistische lijnen en vormen.

Representatie van inhoud, structuur, en gegrag. NIET van het uiteindelijke visuele ontwerp!

2

Page 3: Wireframes

Interaction Design | Jaar 1 KW2 - Wij en Jij

Waarom het gebruik van wireframes?

Het communiceren van design concepten.

Blauwdruk voor design.

Communiceren van structuur en inhoud.

Prototype voor gebruikerstesten.

Makkelijker om een wireframe aan te passen dan een visuele ontwerp!

3

Page 4: Wireframes

Interaction Design | Jaar 1 KW2 - Wij en Jij 4

Page 5: Wireframes

Interaction Design | Jaar 1 KW2 - Wij en Jij 5

Page 6: Wireframes

Interaction Design | Jaar 1 KW2 - Wij en Jij 6

Page 7: Wireframes

Interaction Design | Jaar 1 KW2 - Wij en Jij 7

Page 8: Wireframes

Interaction Design | Jaar 1 KW2 - Wij en Jij 8

Page 9: Wireframes

Interaction Design | Jaar 1 KW2 - Wij en Jij 9

Page 10: Wireframes

Interaction Design | Jaar 1 KW2 - Wij en Jij 10

Page 11: Wireframes

Interaction Design | Jaar 1 KW2 - Wij en Jij 11

Page 12: Wireframes

Interaction Design | Jaar 1 KW2 - Wij en Jij

Questions?

12

Page 13: Wireframes

Interaction Design | Jaar 1 KW2 - Wij en Jij

Lees verder...

Wireframeshttp://userpathways.com/2008/06/26/the-what-when-and-why-of-wireframes/

13