Wireframes

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

description

IAD Jaar 1

Transcript of Wireframes

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