Tools
What are you designing?
A wireframe plans the layout, content and functionality of a product before it is built. Use placeholders: “Image: School Logo” says more about your plan than the finished logo does.
Spreadsheet
Plan spreadsheets, dashboards, tables, pivot tables, graphs and controls.
- Canvas:
- Lettered columns and numbered rows
- Screens:
- Worksheets
Augmented Reality
Plan real-world views containing interactive digital objects, images, animations, video and sound.
- Canvas:
- Device over a camera view
- Screens:
- States
Website
Plan website pages, layouts, navigation, forms, media and interactive components.
- Canvas:
- Browser at desktop, tablet or mobile
- Screens:
- Pages
Presentation
Plan slides, content, media, animations, navigation and presentation sequence.
- Canvas:
- 16:9 or 4:3 slide
- Screens:
- Slides
Wireframe = plan · Finished product = implementation. Spend your time deciding what appears, where it appears, what it does and how someone interacts with it, not on choosing colours or making final artwork.