Wireframes - Word Drop

A wireframe is a quick plan showing the ______ of many pages or screens, so the position of every component is clear. It also shows the ______ that connect screens, so users can move between them. They suit website pages, app screens and interactive ______ such as the screens in a museum.

Wireframes use placeholders because the final images and text often change. An image is shown as a ______, text as lines or dummy text, and buttons as squares. A thicker line shows a bigger ______ for a title. Every screen connection is shown and ______ with a name, and GUI objects such as menus must be easy to identify. A mobile screen has a simpler design, with the ______ icon that opens the menu in a top corner.

Wireframes can be drawn by hand or made on a computer. A word processor is slow, so specialist software such as ______ is used instead. Users include website developers, app programmers and UX ______.

A wireframe is effective when the idea is clear, every component is positioned well and it suits the device it will be viewed on. Correct ______, such as lines for text and boxes for buttons, must be used on every wireframe. Adding ______ that explain each part helps others understand the design. A draft search page could be improved by adding an add to cart button next to each result, so customers add items to their ______ easily.