levo

Design, Development and Testing

Storyboarding the user interface

  • 3 things to know
  • AS Unit 1

Overview

Storyboard in interface design, drawn in a single storyboard frame and low-fidelity storyboard.

What you need to know

Answer each one before you reveal it.

Your recallNot started
Key term

What is drawn in a single storyboard frame?

Key term

How does a storyboard show navigation?

Key term

What is a low-fidelity storyboard?

Questions from this subtopic

Each one with the model answer underneath.

  1. 1

    What is a storyboard in interface design?

    Model answer

    A storyboard is a sequence of sketches of the screens a system will show, drawn in the order the user will meet them, with the links between them marked.

  2. 2

    What is drawn in a single storyboard frame?

    Model answer

    A single frame shows the layout of one screen: the position of its headings, text, images, input boxes, buttons and navigation.

  3. 3

    How does a storyboard show navigation?

    Model answer

    Arrows or labelled links are drawn from a button or hotspot on one frame to the frame it leads to, so the whole route through the system can be followed.

  4. 4

    Give two advantages of storyboarding before any code is written.

    Model answer

    A storyboard is quick to draw and cheap to change, and it lets users see and comment on the whole structure of the interface before development time is spent on it.

  5. 5

    What is a low-fidelity storyboard?

    Model answer

    A low-fidelity storyboard is a rough sketch showing only the position and purpose of each element, and roughness is deliberate so that reviewers comment on structure rather than on colours and fonts.

  6. 6

    What is a high-fidelity storyboard?

    Model answer

    A high-fidelity storyboard shows each screen close to its finished appearance, with the intended colours, fonts and images, so the final look can be agreed.

Other ways to work this

The same content, four other ways.

What is inside Levo

Six ways to work the same material.

1Closed book
2Open book
3Closed book

The 3-step method, run for you

Answer cold, learn it, then prove it stuck. Levo tracks the jump between your first attempt and your last.

Systems Analysis and Development Approaches
Design, Development and Testing
Implementation and System Security
Programming

Cram a whole paper in one sitting

Sort every topic into what you know and what you do not, then drill only the weak ones.

A check requires a value.
presencerangeformat

Blank Blitz makes facts automatic

Rapid timed gap-fills on the terms and numbers you need to recall without thinking.

ANormal data is 12, which should be accepted.
BBoundary data is 1 and 50, which should be accepted.
C0 and 51, just outside the limits, should be rejected.

Build It gets the exam shape right

Assemble a full-mark answer from its marking points, in the order an examiner wants them.

One byte is made up of 8 bits.
TrueFalse

Test It catches misconceptions

Spot the fault in a statement. The traps are the mistakes students actually make.

721941163128510

Brain Breaks between sessions

Short focus games to reset attention, so the next set lands better than the last.

Every question in Design, Development and Testing, on a schedule.

Attempt a question from memory, write the correct version, then attempt it again. Levo records the jump between your first attempt and your last, and brings each question back on the day you are due to forget it.

Or £46 a year, about £3.83 a month. Cancel anytime.