Wireframes

WHAT DO YOU NEED?
TYPE OF THE ACTIVITY:
SUGGESTED TIME FOR ACTIVITY:
LEVEL OF DIFFICULTY:

Wireframes are a great method to visualize and present the solution that is a website/app/software.

What can you do?
Create wireframes – a simple website/app/software blueprint. Think about the basic structure of website/app and focus on the key elements, the layout of elements, its functionality and navigation…

Have in mind the chosen idea, goals, user personas…

  • How can be content organized to support our goals?
  • What will user need for a good user experience?
  • What should be the first thing user sees on the page?
  • What will user expect to see on specific areas of the page?
  • Where should the main message go?
  • How can we make the user experience more intuitive?

You can keep it simple – visual appeal is not critical, because the main focus is on the blueprint. So you can use simple rectangles
and squares as placeholders. But if preferred, you can also add colors, fonts, flashy graphics, actual images…
You can also use wireframes to create user flow chart or create clickable wireframes by linking them together to create the user flow.

More information about creating wireframes and user testing here and here.
More information about clickable wireframes here.