The link was copied to the clipboard!
Method Kit

Module 3: Prototyping, Testing & Experimentation

Wireframing

/static/media/wireframing.ce739cac.svg
Share

Share Method Kit

Copy a shareable link of the Method Kit and share it with your team.

A Wireframe is a low fidelity representation of an application design. It clearly displays a representation of every important aspect of the final solution. Specifically, it should include the main groups of content (what?), the structure of information (where?) and a description and basic visualization of the user–interface interaction (how?). The Wireframe can be used as a tool to assist the technical designer to directly communicate with the user or vice versa. It also helps with determining which content and visuals are most important and should be implemented at a further stage. A simple and fast approach to Wireframing is to hand-draw on screen templates or build on a low-resolution program, such as Power Point.

Benefits:

  • Refines the user interface design more rapidly
  • Encourages comprehensiveness by representing the overall navigation
  • Tests layout-only usability from a visitor’s perspective
  • Makes the process more iterative
Resources

Materials Needed:

paper/template, colored pens, low resolution programm

Share

Share Method Kit

Copy a shareable link of the Method Kit and share it with your team.

Module Methods
  • Prototyping Principles
  • Key Function
  • Innovator's Hypothesis
  • Prototypes that Explain
  • Prototypes that Interact
  • Experiment Card
  • Capture Feedback
  • Evaluate your Experiment
  • Gain Internal Support
2022 Sparkademy AG