2. S NA IL™
Team memberos
● Communication
Sciences
○ Femke Geusens
○ Valerie Ottenburgs
○ Nienke Postma
○ Jasmien Verhoelst
● Computer Sciences
○ Dennis Degryse
○ Ben Lefevere
3. S NA IL™
Contents
● Approach
● Iterations
↻ 1 : Card sorting
↻ 2 : Wireframes & Flowcharts
↻ 3 : Paper Prototyping
● Reflection
8. S NA IL™
Wireframes
● Focus on structure
● No details (dummy text & wireframe boxes)
● Grouping information
● Identifying application screens & navigation
● Sketching & drawing flowchart
● Support for different designs
● Different design pattern libraries
9. S NA IL™
Wireframes
● User testing
○ 5 participants
○ A list of scenarios
○ Navigating through the app
○ Feedback on structural aspects
○ Think-aloud
○ Additional questions
● Output
○ Grouped per screen
○ Several structural problems
10. S NA IL™
Paper Prototypes
“Prototyping helps people to summarize their ideas,
demonstrate progress and expertise, surface implicit design
vocabulary, and group communication and decision
making”
11. S NA IL™
Paper Prototypes
● Fast interaction
● Detailed content
● Digital prototyping
○ Design: Inkscape (vector graphics)
○ Automation: Invisionapp
● First step towards expert review