Menu
Qualifications OCR Creative iMedia R093 Media industry - Pre-production Planning

Wireframes

Card 1 of 22 0 got it 0 still learning
Question
TapClick or press space to see the answer
Answer
All 22 cards in this set
Why is a crossed box used to show an image on a wireframe layout?
Because the image will often be replaced dynamically
On a wireframe layout, what do text lines of different widths normally show?
Different font sizes for titles and product names
Which product is a wireframe layout most appropriate for planning?
The layout and links between the screens of a new app
A designer wants to draw a wireframe directly on screen. Which hardware should they use?
A drawing tablet
A designer must create a wireframe quickly and email it to a client. Which software is most suitable?
Specialist wireframing software such as Balsamiq
Why is a menu (hamburger) icon usually placed in a top corner of a mobile wireframe?
Because users expect to find the menu in that position
A wireframe of an online shop's results page has no way to buy items. Which improvement is needed?
Add an 'add to cart' button beside each result
Why is annotation added to a wireframe layout?
To explain how the design meets the client's needs
A wireframe of a new app shows five screens but no arrows or labels to show how the screens connect. Why does this make the wireframe less effective?
The team cannot see how a user moves between the screens
Why is a wireframe layout produced before any design or programming work starts on a website?
So the layout and links can be agreed before screens are built
A designer is creating a wireframe for the mobile version of a website. What should they do differently from the desktop version?
Use a simpler layout with fewer components on each screen
A wireframe of an online shop's search results page shows only the product names as lines of text. Which improvement would help customers most?
Add a crossed box beside each product for its image
What is meant by a 'wireframe layout'?
A simple drawing that shows where components go on each screen and how the screens are linked
Which term describes the symbol made up of a square with an X inside it that shows where an image will appear on a screen?
Crossed box
What is meant by a 'hamburger icon'?
A menu icon of three horizontal lines placed in a top corner of a mobile screen
What is meant by 'breadcrumbs' in a wireframe?
A set of labelled links that shows the user where they are within a website
Which role is responsible for planning how people will move through and interact with each screen of an app or website?
UX designer
What is the name for a written note added to a wireframe that explains how it meets the client's needs?
Annotation
On a wireframe layout, how are buttons and text boxes shown?
As plain squares or boxes
On a wireframe layout, what is a placeholder?
A shape or line that shows where content will go
What is meant by a GUI object in a wireframe layout?
An item the user can interact with, such as a menu or button
Which of these would make a wireframe layout effective?
The layout is clear and uses the conventions correctly