Lesson 4

Question 1

Is a linear sequence of illustrations, arrayed together to visualize a story.

Can really help you nail down a prototype for your new app without writing a bunch of throwaway code.

Answer 1

Storyboard

Question 2

_ is credited with popularizing storyboards, having used sketches of frames since the _. Storyboards enable Disney animators to create the world of the film before actually building it.

Answer 2

Walt Disney Studios
1920s

Question 3

Another type of a storyboard is a _ showing the screens that make up the user interface of a system and how you navigate between them.

Answer 3

Diagram

Question 4

PAGE LAYOUT STRUCTURE

Answer 4

LINEAR
HIERARCHICAL
NON LINEAR
COMPOSITE

Question 5

In this pattern there is a single main path between the screens in an orderly fashion. This is useful when the task is _ and fairly fixed in terms of how you will go about doing it.

Answer 5

LINEAR

Question 6

In this pattern there is a main page. Beneath that are subpages and beneath them are further sub pages and so on. This is useful when there are decisions that need to be made and the user will go to different screens based upon those decisions. It is also useful when you have a lot of information to present which is organised categorically.

Answer 6

HIERARCHICAL

Question 7

In this pattern there are links between pages in a non-structured way. This if often the case when the task is _ and the user can make decisions leading to different screens. Wikipedia is a good example of this type of layout.

Answer 7

NON LINEAR

Question 8

It is often the case that a combination of these layouts will be the best approach. Different sections of your software or website will utilise different patterns. For example this website is organised in a hierarchical manner at the top level but then each tutorial is organised in a linear layout. (Similar to the example below)

Answer 8

COMPOSITE

Question 9

STORYBOARD SHOWING THE PROCESS FLOW

Answer 9

A. Outline frames first.
B. Develop the storyline.
C. Sketch establishing shot.
D. Time to sketch with appropriate camera shots.
E. Emphasize action and motions.

Question 10

Writing storyline before helps to sketch later. During developing storyline ask these questions to yourself:
Where does interaction take place?
What is the problem?
What is the task people are trying to do?
Which device used by users during the interaction?

Answer 10

B. Develop the storyline.

Question 11

The first frame must introduce the viewer to the user and his surroundings. As you move further frames follow the buildup, climax (Most important frame) and end.

Answer 11

C. Sketch establishing shot.

Question 12

Selecting an appropriate shot like Extra-long-shot is always used in the first frame, as to tell the viewer about Where this interaction takes place?

Answer 12

D. Time to sketch with appropriate camera shots.

Question 13

TYPES OF SHOTS.

Answer 13

1. Extra-long shot
2. Long shot
3. Over-the-shoulder shot
4. Point-of-view shot
5. Close-up shot

Question 14

This shot is used to introduce the Viewer to the location

Answer 14

1. Extra-long shot

Question 15

The transition from location i.e., an extra-long shot to short shots or
over-the-shoulder shots.

Answer 15

2. Long shot

Question 16

Shows action taken by the user.

Answer 16

3. Over-the-shoulder shot

Question 17

What your eyes see?

Answer 17

4. Point-of-view shot

Question 18

Concentrate on specific button or area of interest

Answer 18

5. Close-up shot

Question 19

Is made with a pencil or pen, on a blackboard or napkin. It’s very cheap and fast and often done during brainstorming sessions.

Answer 19

sketch

Question 20

Is a detailed black and white layout of the website page. You can compare it with blueprint. Does not perform any real website functions.

Answer 20

Wireframe

Question 21

An interactive version of the wireframe

Answer 21

Prototype

Question 22

Is a beautiful version of the wireframe.
Colors start to appear, images are chosen, and typography is in place. Used to reflect the style and mood of the project.

Answer 22

Mockup

Question 23

When you’re done, you can use your storyboard as a reference for the next step in the UX design process: Paper Prototyping.

Answer 23

Step 1
Collect the information that you want to include on the Web site.
Step 2
Sort the information into topics.
Step 3
For each page of the Web site, determine page title, headings, sub headings and content.
Step 4
Plan the structure of the information and how the pages will link.
Step 5
Test the layout.

Question 24

Collect the information that you want to include on the Web site. This includes text as well as images.

Answer 24

Step 1

Question 25

Sort the information into topics. Topics should start at the broadest and work toward the narrowest.

Answer 25

Step 2

Question 26

For each page of the Web site, determine page title, headings, sub headings and content.

Answer 26

Step 3

Question 27

Plan the structure of the information and how the pages will link. This needs to be logical. It can be linear, hierarchical or a branch design, in the form of a web.

Answer 27

Step 4

Question 28

Test the layout. Imagine that you are a visitor to the Web site.

Answer 28

Step 5