Cambridge Nationals Creative iMedia

Revision Notes

3.3 Documents used to design and plan media products

Wireframe layout

Wireframe layouts are used in the early stages of pre-production and plan the overall layout of a product without adding concrete details of what images might look like.

They are particularly suited to interactive products like websites, kiosks and mobile apps.

Elements to include on a wireframe diagram

  • Boxes to indicate where images will go
  • Boxes to indicate where text will go
  • Boxes to indicate where interactive features like buttons will go
  • Annotations explaining: navigation, media, colours, fonts
wireframe - document to plan media products




The exam will also likely ask you to add annotations to explain how the wireframe diagram will help a particular worker. Make sure you clearly state the audience (i.e. the person using the document) and annotate in detail how the document will help them.