Part 01

QN = 1 UI and UX are two terms that are often ______together, but

they are actually separate fields that overlap.

A. Conflated

B. Separated

C. Unrelated

D. Unconnected

ANSWER: A

MARK: 1

UNIT: 1

LO: 1

MIX CHOICES: No

QN = 2 ______________is based on analog models.

Users understand the functionality of digital buttons on a

screen because we’ve experienced analog buttons in the real

world—on calculators, remote controls, elevators, and so on.

A. Learned behavior

B. Real world knowledge

C. Cause and effect

D. Consistency

ANSWER: B

MARK: 1

UNIT: 1

LO: 1
MIX CHOICES: No

QN = 3 Swiping left or right is a digital convention that is now fairly

common among plenty of apps, but has no corollary in the real

world. It is an action users have picked up from using

smartphones and the apps on them.

This is an example of_______

A. Fulfillment

B. Learned behavior

C. Cause and effect

D. Consistency

ANSWER: B

MARK: 1

UNIT: 1

LO: 1

MIX CHOICES: No

QN = 4 _________is about action and reaction. When a user presses a

button and something happens, they quickly understand the

functionality of the button

A. Seamlessness

B. Consistency

C. Cause and effect

D. Undo/redo

ANSWER: C

MARK: 1

UNIT: 1
LO: 1

MIX CHOICES: No

QN = 5 ___________ is about applying a systematic logic to the way

interfaces look and function so they remain familiar to a user.

A. Cause and effect

B. Undo/redo

C. Consistency

D. Learned behavior

ANSWER: C

MARK: 1

UNIT: 1

LO: 1

MIX CHOICES: No

QN = 6 ______________We’ve been conditioned that in order to

interact with an interface we need to touch it in some way.

While the system may not be immediately obvious, the solution

is usually quickly discovered.

A. Undo/redo

B. Consistency

C. Seamlessness

D. Immediate intuition

ANSWER: D

MARK: 1

UNIT: 1

LO: 1
MIX CHOICES: No

QN = 7 __________is the payoff for the user. An interface should

function as it was intended, but there are other ways to reaffirm

it as a positive experience.

A. Cause and effect

B. Undo

C. Fulfillment

D. Redo

ANSWER: C

MARK: 1

UNIT: 1

LO: 2

MIX CHOICES: No

QN = 8 _____________ gives the user peace of mind that their actions

are reversible. A good UI will allow a user to change their mind

after they’ve made an action, or at least notify the user before

they take a crucial step.

A. Undo/redo

B. Consistency

C. Seamlessness

D. Immediate intuition

ANSWER: A

MARK: 1

UNIT: 1

LO: 2

MIX CHOICES: No
QN = 9 [file:Unit1_undo.png] *****

This function in image is ______

A. Undo/redo

B. Consistency

C. Seamlessness

D. Immediate intuition

ANSWER: A

MARK: 1

UNIT: 1

LO: 2

MIX CHOICES: NO

QN = 10 _________ can be extremely helpful when users choose system

function by mistake. In this case, this function serves as an

’emergency exit,’ allowing users to leave the unwanted state

A. Seamlessness

B. Consistency

C. Cause and effect

D. Undo/redo

ANSWER: D

MARK: 1

UNIT: 1

LO: 2

MIX CHOICES: No
QN = 11 [file: Unit1_dropbox-upload-box.png]

The progress bar below is an example of ____________. That

is essential when users initiate an action that takes some time

for a computer to complete.

A. Interface decoration

B. Visibility of system status

C. User time using system

D. Interface becomes more lively

ANSWER: B

MARK: 1

UNIT: 1

LO: 2

MIX CHOICES: No

QN = 12 __________ is when users interact with a button, it’s essential

to provide some indication that an action has been done, like a

button changing color when pressed (the change notifies the

user of the interaction).

A. Seamlessness

B. Consistency

C. Undo/redo

D. Feedback

ANSWER: D

MARK: 1

UNIT: 1

LO: 2

MIX CHOICES: No
QN = 13 [file: Unit1_trash-can.png]

Take the recycle bin on your desktop, which holds deleted files,

as an example – it’s not a real trash bin, but it’s visually

represented in a way that helps you understand the concept

more easily.

This is __________

A. Learned behavior

B. Real world knowledge

C. Cause and effect

D. Consistency

ANSWER: B

MARK: 1

UNIT: 1

LO: 2

MIX CHOICES: No

QN = 14 [file: Unit1_Redit_card-image.png]

When asking for credit card details for payment processing, this

system reference a physical card as an example.

This is ________

A. Learned behavior

B. Real world knowledge

C. Cause and effect

D. Feedback

ANSWER: B

MARK: 1

UNIT: 1
LO: 2

MIX CHOICES: No

QN = 15 When a design’s controls follow __________and correspond to

desired outcomes (called natural mapping), it’s easier for users

to learn and remember how the interface works. This helps to

build an experience that feels intuitive.

A. User preferences

B. Designer's own rules

C. Pre-existing sample

D. Real-world conventions

ANSWER: D

MARK: 1

UNIT: 1

LO: 2

MIX CHOICES: No

QN = 16 When users know the _________, they learn the outcome of

their prior interactions and determine next steps

A. System design

B. Current system status

C. Interface layout

D. Space to display

ANSWER: B

MARK: 1

UNIT: 1
LO: 2

MIX CHOICES: No

QN = 17 Users often perform actions by mistake. They need a

_________function to leave the unwanted action without

having to go through an extended process.

A. Exit

B. Logout

C. Undo/redo

D. Delete

ANSWER: C

MARK: 1

UNIT: 1

LO: 2

MIX CHOICES: No

QN = 18 To be easy to learn and use, systems should adhere to both

internal and external __________— they should use the same

patterns everywhere inside the system and should also follow

web-, platform-, and domain-specific conventions

A. Inconsistency

B. Consistency

ANSWER: B

MARK: 1

UNIT: 1

LO: 2

MIX CHOICES: No
QN = 19 [file: Unit1_google-icons.png]

The style and color in the logo designs of google products have

been changed (icons below).

This is to ensure ________

A. Binding system

B. Consistency

C. Designer's preference

D. User request

ANSWER: B

MARK: 1

UNIT: 1

LO: 2

MIX CHOICES: No

QN = 20 [file: Unit1_microsoft-suite.png]

The many layers of consistency within Microsoft Office. A task

can be completed in the same way across products. For

example, a user will customize text in the same way across

Word (top), Excel (middle), and PowerPoint (bottom).

A. Binding system

B. Consistency

C. Designer's preference

D. User request

ANSWER: B
MARK: 1

UNIT: 1

LO: 2

MIX CHOICES: No

QN = 21 [file: Unit1_jakobs-law-utility-nav.png]

Despite the different industries represented in the screenshots

above (IKEA, Target, Etsy, and Grainger), these ecommerce

websites adhere to the same standards for utility navigation. A

prominent search bar, easy account access, and a clear shopping

cart are all displayed in a similar way.

This is __________

A. Template in design

B. Consistency

C. Designer's preference

D. User request

ANSWER: B

MARK: 1

UNIT: 1

LO: 2

MIX CHOICES: No

QN = 22 [file: Unit2_interface.png]

Who is this interface suitable for?

A. Old people

B. Elite

C. Children
D. Office staff

ANSWER: C

MARK: 1

UNIT: 1

LO: 2

MIX CHOICES: No

QN = 23 [File: Unit2_bad-web-design-colors-combination-13.png]

User experience is bad on this site. The first bad thing a user

sees an error is in ________

A. Too many colors

B. Too many shapes

C. Too little content

D. Missing icons

ANSWER: A

MARK: 1

UNIT: 1

LO: 2

MIX CHOICES: No

QN = 24 [File: Unit2 _error shape.png ]

Users didn't recognize the buttons because the main reason is

_________

A. Wrong color

B. Wrong shape

C. Too little content

D. missing icons
ANSWER: B

MARK: 1

UNIT: 1

LO: 2

MIX CHOICES: No

QN = 25 [File: Unit2_ui-design-mistakes-10.png]

In the example below, _______ has an error in the interface

A. Grid structure

B. Color

C. Image

D. Logo

ANSWER: C

MARK: 1

UNIT: 1

LO: 2

MIX CHOICES: No

Part 02

QN = 1 Top 10 Design Tools to Try in 2022

A. Figma

B. Adode XD

C. Marvel

D. Both A, B, C

ANSWER: D

MARK: 1

UNIT: 2
LO: 1

MIX CHOICES: No

QN = 2 How many essential components will Usability Testing have?

A. 2

B. 3

C. 4

D. 5

ANSWER: C

MARK: 1

UNIT: 2

LO: 1

MIX CHOICES: No

QN = 3 What are the 3 essential components of Usability Testing?

A. Facilitator, Task, Participant

B. Facilitator, Task, prototype

C. Userflow, Task, Participant

D. Facilitator, Task, Sitemap

ANSWER: A

MARK: 1

UNIT: 2

LO: 1

MIX CHOICES: No

QN = 4 In a Usability Testing implementation phase, how many

steps will we usually go through?

A. 3

B. 4

C. 5

D. 6

ANSWER: B

MARK: 1

UNIT: 2

LO: 1

MIX CHOICES: No

QN = 5 What is the 1st step when performing Usability Testing?

A. Make a list and prepare the equipment

B. Search for candidates

C. check with users

D. summarizing results

ANSWER: A

MARK: 1

UNIT: 2

LO: 2

MIX CHOICES: No

QN = 6 What is the 2st step when performing Usability Testing?

A. Make a list and prepare the equipment

B. Search for candidates

C. check with users

D. summarizing results

ANSWER: B

MARK: 1

UNIT: 2

LO: 2

MIX CHOICES: No

QN = 6 What is the 4st step when performing Usability Testing?

A. Make a list and prepare the equipment

B. Search for candidates

C. check with users

D. summarizing results

ANSWER: D

MARK: 1

UNIT: 2

LO: 1

MIX CHOICES: No

QN = 7 3 things to prepare equipment for Usability Testing?

A. User interface

B. Interaction

C. Facial Expression

D. Summarizing results

ANSWER: Both A, B, C

MARK: 1

UNIT: 2

LO: 2

MIX CHOICES: No

QN = 8 Which attribute describes the user's emotions in

Usability Testing

A. User interface

B. Interaction

C. Facial Expression

D. summarizing results

ANSWER: C

MARK: 1

UNIT: 2

LO: 2

MIX CHOICES: No
QN = 9 Which attribute User-Device Interaction in Usability

Testing

A. User interface

B. Interaction

C. Facial Expression

D. summarizing results

ANSWER: B

MARK: 1

UNIT: 2

LO: 2

MIX CHOICES: No

QN = 10 User interface can be the screen of a phone, computer or

tablet right or wrong?

A. Yes

B. No

ANSWER: A

MARK: 1

UNIT: 2
LO: 2

MIX CHOICES: No

QN = 11 How many steps does it take to implement a user

persona?

A. 2

B. 3

C. 4

D. 5

ANSWER: C

MARK: 1

UNIT: 2

LO: 2

MIX CHOICES: No

QN = 12 What is step 1 in user persona implementation?

A. Sitemap

B. Identify Persona to study

C. prototype

D. Design system

ANSWER: B

MARK: 1
UNIT: 2

LO: 2

MIX CHOICES: No

QN = 13 What is step 3 in user persona implementation?

A. Sitemap

B. Identify Persona to study

C. prototype

D. Transform the acquired data into Persona

ANSWER: D

MARK: 1

UNIT: 2

LO: 2

MIX CHOICES: No

QN = 14 What is the application of Card sorting method?

A. To create a Userflow

B. To create a sitemap

C. To create a prototype

D. is a method that allows us to understand how users think

and organize information

ANSWER: D

MARK: 1

UNIT: 2
LO: 2

MIX CHOICES: No

QN = 15 What is the application of User interview method?

A. To create a Userflow

B. This method applies face-to-face interviews

C. To create a prototype

D. is a method that allows us to understand how users think

and organize information

ANSWER: B

MARK: 1

UNIT: 2

LO: 2

MIX CHOICES: No

QN = 16 What information do we get when using User interview?

A. To create a Userflow

B. This method applies face-to-face interviews

C. Gather information about emotions, attitudes, goals,

habits, and motivations

D. is a method that allows us to understand how users think

and organize information

ANSWER: C

MARK: 1

UNIT: 2

LO: 2

MIX CHOICES: No

QN = 17 What's the next step Build a complete User Persona

A. Analyze data to collect Insight

B. This method applies face-to-face interviews

C. Gather information about emotions, attitudes, goals,

habits, and motivations

D. is a method that allows us to understand how users think

and organize information

ANSWER: A

MARK: 1

UNIT: 2

LO: 2

MIX CHOICES: No

QN = 17 What's the next step Build a complete User Persona

A. Analyze data to collect Insight

B. This method applies face-to-face interviews

C. Gather information about emotions, attitudes, goals,

habits, and motivations

D. is a method that allows us to understand how users think

and organize information

ANSWER: A

MARK: 1

UNIT: 2

LO: 2

MIX CHOICES: No

QN = 18 Is building a Persona an iterative process?

A. Yes

B. No

ANSWER: B

MARK: 1

UNIT: 2

LO: 2

MIX CHOICES: No

QN = 19 who updates user Persona quickly?

A. Ui Design

B. UX Reseacher

C. Front end

D. Back End

ANSWER: A

MARK: 1
UNIT: 2

LO: 2

MIX CHOICES: No

QN = 20 Collecting and organizing data creates user personas

including?

A. report

B. note

C. reports, notes, audio files, pictures or anything else you

have acquired during your research

D Audio file

ANSWER: C

MARK: 1

UNIT: 2

LO: 2

MIX CHOICES: No

QN = 21 Identify the required Persona Understand the direction

and strategy of the product?

A. Yes

B. No

ANSWER: A

MARK: 1
UNIT: 2

LO: 2

MIX CHOICES: No

QN = 22 To define the user segment we need?

A. documents, information from previous studies, reports

B. Ideas and consensus from product team members

C. sitemap

D Userflow

ANSWER: Both A, B

MARK: 1

UNIT: 2

LO: 2

MIX CHOICES: Yes

QN = 23 What elements are included in the User Persona?

A. Userflow, picture, quote

B. Userflow, picture, website

C. Userflow, sitemap, website

D Userflow

ANSWER: A

MARK: 1

UNIT: 2

LO: 2

MIX CHOICES: No

QN = 24 What does technology use behavior in User Persona

mean?

A. Userflow, picture, quote

B. Provides more information about users' habits towards

current technology products such as phones, computers,

laptops, tablets.

Part 03

C. Userflow, sitemap, website

D Userflow, sitemap

ANSWER: B

MARK: 1

UNIT: 2

LO: 2

MIX CHOICES: No

QN = 25 Is demographic information needed in implementing

user personas?

A. No

B. Yes

ANSWER: A

MARK: 1

UNIT: 2

LO: 2

MIX CHOICES: No
QN = 1 What drawing convention can we use to indicate a conditional

connection in a sitemap?

A. A dotted line

B. A simple line

C. A simple line with a bar across

D. A double line

ANSWER: A

MARK: 1

UNIT: 3

LO: 3

MIX CHOICES: No

QN = 2 What drawing convention can we use to indicate that a return to

previous pages is no longer possible in a sitemap?

A. A dotted line

B. A simple line

C. A simple line with a perpendicular bar across

D. A double line

ANSWER: C

MARK: 1

UNIT: 1

LO: 3

MIX CHOICES: No
QN = 3 What are the benefits of researching what websites that already

exist?

A. You can copy their work because it’s already proven to work

B. It is good to have an understanding of what the client gravitates

towards

C. You can get inspiration and research what works well and keep

up to date with the industry

D. All of the answers given are correct

ANSWER: B C

MARK: 1

UNIT: 1

LO: 3

MIX CHOICES: Yes

QN = 4 Why is a structured design process beneficial for web design?

A. Your design choices are based on predefined goals and target

audiences

B. You will rely on your intuition and personal taste more

C. You will ensure that the project stays on track and it's on

deadline
D. You will not be able to involve the client nor keep them

accountable

ANSWER: A C

MARK: 1

UNIT: 1

LO: 3

MIX CHOICES: Yes

QN = 5 How can we define the job of UI Designer?

A. A specific focus on studying and researching how people use a

site, may not have or need any design and implementation skill.

B. The job is quality control, leadership of other designers, and

client communication

C. More about designing and less about implementation, good at

visual design with light coding.

D. deciding and implementing how websites look and work.

“Web” is in the title because the job is specifically focused on

the web. design and code

ANSWER: C

MARK: 1

UNIT: 1

LO: 4
MIX CHOICES: No

QN = 6 What is the optimal number of things that users can concentrate

on at once?

A. 3

B. 7

C. 1

D. 2

ANSWER: B

MARK: 1

UNIT: 1

LO: 2

MIX CHOICES: No

QN = 7 What does the Outline of Scope Stage need us to be careful

about?

A. Make a list of all functionalities and content appropriate to end

users,

B. Ensure the structure of navigation is cohesive.

C. Use vague labels to guide the users

D. Create over generalised approach to navigation and labeling.

ANSWER: A B

MARK: 1
UNIT: 1

LO: 4

MIX CHOICES: Yes

QN = 8 What is the Agile design process format good for?

A. For young projects with young end users

B. For small projects, where the task load is not too big

C. For very large projects that require good structure and constant

update.

D. For older projects that have older end users.

ANSWER: C

MARK: 1

UNIT: 1

LO: 3

MIX CHOICES: No

QN = 9 What is the best practice to agree on user needs and client

needs?

A. Have these needs clearly stated in detail. Have broad

statements, and avoid narrow ones. Ask questions.

B. Have these needs outlined broadly, avoid narrow statments. Ask

questions.
C. Have these needs clearly stated in detail. Avoid broad

statements, but also not too narrow. Ask questions.

D. Have these needs clearly stated in detail. Avoid broad

statements, but also not too narrow. Do not question the client’s

decision.

ANSWER: C

MARK: 1

UNIT: 1

LO: 3

MIX CHOICES: No

QN = 10 What does the sitemap illustrate?

A. As the table of contents for our site, the sitemap will show us

structure and what to include for the main navigation.

B. As the table of contents for our site, the sitemap will show us

graphics and what to include for the main page.

C. The sitemap will show us the process to use a certain

functionality of the website.

D. The sitemap will show us the process to design a certain

functionality of the website.

ANSWER: A

MARK: 1

UNIT: 1
LO: 3

MIX CHOICES: No

QN = 11 What does the Psychographic Segment include?

A. Consideration of users’ Gender, Goals, Lifestyle, Age

B. Consideration of users’ Personality, Attitude, Lifestyle, Hobbies

C. Consideration of users’ Gender, Attitude, Lifestyle, Age

D. Consideration of users’ Personality, Goals, Lifestyle, Age

ANSWER: B

MARK: 1

UNIT: 1

LO: 4

MIX CHOICES: No

QN = 12 When does the Strategy become Scope?

A. When user needs and client needs are the same

B. When user needs and client needs are translated into specific

requirements for content and functionality.

C. When user needs and client needs are discarded from

requirements for content and functionality.

D. When user needs and client needs are separated and

differentiated.

ANSWER: B
MARK: 1

UNIT: 1

LO: 4

MIX CHOICES: No

QN = 13 Which of the definitions below are correct when distinguishing

Content and Functionality?

A. Content is the information that the website provides in the form

of data, text, images, video,...

B. Functionality is the ability to perform complex tasks, and

interact more complicatedly with the website.

C. Content is the ability to perform complex tasks, and interact

more complicatedly with the website.

D. Functionality is the information that the website provides in the

form of data, text, images, video,.

ANSWER: A B

MARK: 1

UNIT: 1

LO: 4
MIX CHOICES: No

QN = 14 For each content and functionality requirement you should ask:

A. Is it feasible technologically? Timeline-wise? Budget-wise?

B. Is it feasible technologically? Style-wise? Necessity-wise?

C. Is it feasible technologically? Style-wise? Aesthetics wise?

D. Is it feasible technologically?Aesthetics wise? Budget-wise?

ANSWER: A

MARK: 1

UNIT: 1

LO: 3

MIX CHOICES: No

QN = 15 How can we understand Content when designing?

A. It is about task-based systems that let the user get things done.

B. It is the decorative front of an interface that meets the clients.

C. It is the ability to perform complex tasks, and interact more

complicatedly with the website.

D. It is the information that the website provides in the form of

data, text, images, video,.

ANSWER: D

MARK: 1

UNIT: 1

LO: 3
MIX CHOICES: No

QN = 16 What is the sitemap concerned with?

A. Aesthetics, and coherent fitting of content and visual cues, it

defines relations and sequences so that the website can be

accessed in an optimal way

B. Aesthetics, and coherent fitting of content and functionality, it

defines relations and sequences so that the website can be

accessed in an optimal way

C. Experience, and coherent fitting of content and visual cues, it

defines hierarchyand sequences so that the website can be

accessed in an optimal way

D. Structure, and coherent fitting of content and functionality, it

defines hierarchy and sequences so that the website can be

accessed in an optimal way

ANSWER: D

MARK: 1

UNIT: 1

LO: 3

MIX CHOICES: No

QN = 17 What is an information architect responsible for?

A. categorizing, organizing and labelling information to allow

users to move through a website effectively.

B. categorizing, organizing and labelling images to allow users to

move through a website effectively.

C. categorizing functionalities and visual aspects of the website’s

design assets.

D. Structure, and coherent fitting of functionality, it defines

hierarchy and sequences so that the website can be accessed in

an optimal way

ANSWER: A

MARK: 1

UNIT: 1

LO: 3

MIX CHOICES: No

QN = 18 Based on the human brain’s ability to hold few items in short

term memory. How many choices should we present to the user

at any one time is the optimal number?

A. We should limit the amount of choices we present at one time

to five to nine items.

B. We should limit the amount of choices we present at one time

to exactly seven items.

C. There are no limits on the amount of choices, we should

structure complex pages so anything can be accessed within

two clicks.

D. We should have around 15 items presented to the user if the

website is complex.

ANSWER: A

MARK: 1

UNIT: 1

LO: 3

MIX CHOICES: No

QN = 19 In the beginning of a project, you should

A. Narrow down every detail to ensure a structured and linear

workflow for your project

B. Not be too concerned about final look and detail, set a process

to reevaluate decisions made earlier as new realities become

clearer.

C. Assess whether you even need to build a website at all.

D. None of the above

ANSWER: B C

MARK: 1

UNIT: 1

LO: 3

MIX CHOICES: Yes

QN = 20 What is the drawing convention for a page stack?

A. an asterisk

B. Three dots

C. A star

D. Three overlapping rectangles

ANSWER: D

MARK: 1

UNIT: 1

LO: 4

MIX CHOICES: No

QN = 21 What is the most helpful, economical and open sourced helpful

tool that helps you find out how your users are behaving?

A. Analytics

B. Test surveys

C. Focus groups

D. asking questions

ANSWER: A

MARK: 1

UNIT: 1

LO: 4

MIX CHOICES: No
QN = 22 Which of the following definitions best describe ‘personas’

used in User Segmentation?

A. Are detailed research into real life example persons.

B. Personas is a specific psychographic profile based on a research

study, test user, used to help you guide the process along

C. The person constructed from raw data accumulated from

researching multiple persons.

D. are short imaginary biographies of people who embody

representative members of your target audience.

ANSWER: D

MARK: 1

UNIT: 1

LO: 4

MIX CHOICES: No

QN = 23 What is an important principle that we need to consider when

building a sitemap and thereby the navigation menu?

A. Emphasis

B. Balance

C. Similarity

D. Hierarchy and sequences

ANSWER: D

MARK: 1

UNIT: 1

LO: 3

MIX CHOICES: No

QN = 24 What are some drawbacks of developing a website as compared

to an app?

A. Capabilities of websites are directly related to the capabilities of

web browsers

B. Websites are also harder to monetize

C. security issues

D. All of the answers above

ANSWER: D

MARK: 1

UNIT: 1

LO: 3

MIX CHOICES: No

QN = 25 In order to help visualise the sequential flows of items in a

navigation bar, what visual convention can we use when

building a sitemap?

A. arrows

B. simple lines
C. dotted lines

D. spacing

Part 04

ANSWER: A

MARK: 1

UNIT: 1

LO: 3

MIX CHOICES: No

QN = 1 Wireframes are designed after creating

Information architecture.

A. True

B. False

ANSWER A

MARK 1

UNIT 1

LO LO5, LO6, LO7

MIX CHOICES No

QN = 2 Sitemaps are easier to understand than

Wireframes.

A. True

B. False

ANSWER B

MARK 1
UNIT 1

LO LO5, LO6, LO7

MIX CHOICES No

QN = 3 Information architecture is not important for

understanding the possible options for

arranging the content on a page.

A. True

B. False

ANSWER B

MARK 1

UNIT 1

LO LO5, LO6, LO7

MIX CHOICES No

QN = 4 Wireframes are considered as the blueprint

for design.

A. True

B. False

ANSWER A

MARK 1

UNIT 1

LO LO5, LO6, LO7

MIX CHOICES No

QN = 5 What are the colours used in a wireframe ?

A. Gray, White, Black

B. Black and white

C. RGB

ANSWER A

MARK 1

UNIT 1

LO LO5, LO6, LO7

MIX CHOICES No

QN = 6 _________ is a template of what a website

will look like and do.

A. wireframe

B. mockup

C. prototype

ANSWER C

MARK 1

UNIT 1

LO LO5, LO6, LO7

MIX CHOICES No

QN = 7 What is the difference between a wireframe

and a prototype ?

A. cost

B. time

C. interactivity
ANSWER C

MARK 1

UNIT 1

LO LO5, LO6, LO7

MIX CHOICES No

QN = 8 You are working on an app that connects

users to tree removal services in their

locality. You have created rough sketches in

your notebook. What will be your next step ?

A. Create digital wireframes

B. Create prototype

C. Create final UI

ANSWER A

MARK 1

UNIT 1

LO LO5, LO6, LO7

MIX CHOICES No

QN = 9 What is the goal of a low fidelity prototype ?

A. Makes it easier for the engineers to value the

design

B. Make designs testable and collect feedbacks

at early stage
C. Create a complex and static design to show

the stakeholders

ANSWER B

MARK 1

UNIT 1

LO LO5, LO6, LO7

MIX CHOICES No

QN = 10 You demonstrate a clickable design to the

stakeholders where they can see the

functions. This is done before it goes to

engineering. What is this called ?

A. Wireframe

B. Prototype

C. Sitemap

ANSWER B

MARK 1

UNIT 1

LO LO5, LO6, LO7

MIX CHOICES No

QN = 11 Do not use simple shapes when creating

website wireframe.
A. True

B. False

ANSWER B

MARK 1

UNIT 1

LO LO5, LO6, LO7

MIX CHOICES No

QN = 12 Do not label the parts or elements in creating

a website wireframe

A. True

B. False

ANSWER B

MARK 1

UNIT 1

LO LO5, LO6, LO7

MIX CHOICES No

QN = 13 Website wireframes are simple line drawings

that help you visualise the placement

of elements on your webpage.

A. True

B. False

ANSWER A
MARK 1

UNIT 1

LO LO5, LO6, LO7

MIX CHOICES No

QN = 14 Create a website wireframe at the end of

developing a website.

A. True

B. False

ANSWER B

MARK 1

UNIT 1

LO LO5, LO6, LO7

MIX CHOICES No

QN = 15 Which one of the following is True about

wireframes?

A. Uses only text to display the final placement

of content and navigational elements.

B. Use shapes to display the placement of

content and navigational elements.

C. Uses images to display the final placement

of content and navigational elements

D. Uses as many different colours to display the

placement of content and navigational

elements.

ANSWER B

MARK 1

UNIT 1

LO LO5, LO6, LO7

MIX CHOICES No

QN = 16 What project management phase would we

construct a wireframe?

A. Planning

B. Design

C. Review and Revise

D. Delivery

ANSWER B

MARK 1

UNIT 1

LO LO5, LO6, LO7

MIX CHOICES No

QN = 17 Websites are designed for specific groups of

individuals called the:

A. web users

B. visitors

C. target audience
D. site purpose

ANSWER C

MARK 1

UNIT 1

LO LO5, LO6, LO7

MIX CHOICES No

QN = 18 Another common name for a wireframe is:

A. Blueprint layout

B. Information architecture

C. sitemap

D. drawing

ANSWER A

MARK 1

UNIT 1

LO LO5, LO6, LO7

MIX CHOICES No

QN = 19 In contrast to wireframes, mockups include

richer visual elements such as colour, visual

style, and typography.

A. True

B. False

ANSWER A

MARK 1

UNIT 1

LO LO5, LO6, LO7

MIX CHOICES No

QN = 20 Apart from basic wireframes, what are the

other types of wireframes that are available?

Pick the correct option from below list

A. Wireframes with User Flows

B. Interactive and Click-Through Wireframes

C. Annotated Wireframes

D. All the mentioned options

ANSWER D

MARK 1

UNIT 1

LO LO5, LO6, LO7

MIX CHOICES No

QN = 21 Mockups resemble the look and feel of the

final design.

A. True

B. False

ANSWER A

MARK 1

UNIT 1

LO LO5, LO6, LO7

MIX CHOICES No

QN = 22 Prototypes are ______________.

Pick the correct option from below list

A. clickable

B. dynamic

C. interactive

D. All the above

ANSWER D

MARK 1

UNIT 1

LO LO5, LO6, LO7

MIX CHOICES No

QN = 23 Grid systems are a fundamental part of any

design practice.

A. True

B. False

ANSWER A

MARK 1

UNIT 1

LO LO5, LO6, LO7

MIX CHOICES No

QN = 24 Wireframes cannot be modified easily and

fast to support the iterative and collaborative

style of product design and development in

agile enterprises and startups.

A. True

B. False

ANSWER B

MARK 1

UNIT 1

LO LO5, LO6, LO7

MIX CHOICES No

QN = 25 Are prototypes, wireframes, and mockups

the same?

A. True

B. False

ANSWER B

MARK 1

UNIT 1

LO LO5, LO6, LO7

MIX CHOICES No