wdu202c, WDU202c

HÍc trñc tuy¿n t¡i https://quizlet.com/_djg50x

QN = 1 Which of following interface design principles is about
comfort
a. Simplify Usage
a
b. Forgive Errors
c. Be appealing
d. Provide feedback
QN = 2 In the earliest stage of interface design, the best strategy
for the use of color is
a. Avoid bright colors
d
b. Avoid saturated red and blues
c. Use as many colors as possible
d. Use no colors at all
QN = 3 What is the right UCD cycle
a. Design - Analyze - Plan - Test
b. Design - Analyze - Test - Plan d
c. Analyze - Design - Plan - Test
d. Plan - Analyze - Design - Test
QN = 4 What is the process of organizing information in an app?
a. Information architecture.
b. Prototyping a
c. User analysis
d. Usability testing.
QN = 5 Which of the following are the two best ways of prioritizing
usability problems?
a. Frist encountered and last encountered
b
b. Problem frequency and problem severity
c. Most confusing and least confusing
d. Problem severity and problem length
QN = 6 The very best kind of "Help" is
a. Reference manuals
b. A "Help" desk d
c. Online tutorials
d. Needing none at all
QN = 7 Guidelines fpr good color usage include all of these points
except
a. Use colors as codes (e.g, green=go)
b
b. Use up to 5 colors for highlighting object
c. Use colors to draw attention
d. Use colors to show relationships
QN = 8 Why should we think about usability?
a. None of the above
b. Because everybody is doing it c
c. Increase productivity and customer satisfaction
d. To make the product beautiful
QN = 9 How many websites fail at UX
a. 97%
b. 25% a
c. 56%
d. 12%
QN = 10 When should a developer apply usability
principles:
a. Early in the SDLC
a
b. None of the above
c. After selling the product
d. We don't need usability

QN = 11 Which of the following define the characteristic of a good

user interface? d
a. Speed of learning
1 / 42
 wdu202c, WDU202c
HÍc trñc tuy¿n t¡i https://quizlet.com/_djg50x
b. Support for multiple skill levels
c. Error recovery, feedback and consistency
d. All of the above
QN = 12 Which of the following make up a product's UX. There are
more than 1 correct answers
a. Aesthetics
b. Availablity a, d ,e
c. price
d. Functionality
e. Ease of use
QN = 13 Which of the following objectives are not the one that the
user interface offers?
1. Help user interact with the software.
2. Give commands and input through the instructions that are
displayed via user interface.
b
3. To improve the coding skills of the users.
a. All 1, 2 and 3 are correct
b. Only 1 and 2 are correct
c. Only 1 and 3 are correct
d. None of the given options is correct
QN = 14 Which of the following devices are mainly responsible for
the user interface?
a. Input and output devices
a
b. Memory devices
c. Processor
d. None of the above
QN = 15 Concerning software design principles, a UI stands for
User Integration
b
a. True
b. False
QN = 16 You have to addresss a usability issue pertaining to a
software interface. You will provide solutions after understanding
a. How you use the software?
c
b. How your friends use the software?
c. How the user use the software?
d. How the developer uses the software?
QN = 17 Which of the following is a golden rule of interface design?
a. Make the interface consistent
b. Reduce the user's memory load d
c. Place the user in control
d. All of these
QN = 18 Human interface design focus on ________
a. Object-object interactions
b. Human-object separation d
c. Human-human interactions
d. Human-object interactions
QN = 19 A system analyst understand user experience knowledge
and skill levels.
Choose which the follwing principles that describe that stament
a. Focus on usability d
b. Use models and prototype
c. Invite feeback
d. Think like a user
QN = 20 Dark mode has been shown to:
a. Support glanceable reading in people with normal vison
b. Make users with normal vision be less fatigued
b
c. Decrease visual acuity in people with normal vision
d. Decrease reading rates in people with visual impairments such
as cataract

2 / 42
 wdu202c, WDU202c
HÍc trñc tuy¿n t¡i https://quizlet.com/_djg50x
QN = 21 Identify the correct design principle when all components
of a similar behavior have a similar appearance
a. consistency
a
b. learnability
c. feedback
d. predicttability
QN = 22 What do you mean by the User Experience of a product?
a. What the user experiences while using the product
b. How much experiences a user has using the product a
c. What the user believes his experiences will be when using the
product
QN = 23 Which of the following is not a type of user interface?
a. Command language based
b. Menu based c
c. Efficiency based
d. Direct manipulation based
QN = 24 Is user feeback a part of the UX process
a. Yes
a
b. No
c. Ease of use
QN = 25 What is Usability
a. Usability is concerned with the appearance of your sitr or
product
b. Usability is concerned with how many people can use your site
at a time c
c. Usability is concerned with the the ease of use with which a user
can interact with your site
d. Usability is concerned with the length of time it takes for a web
page to load
QN = 26 Red text should not be used on a blue
background because:
a. These are not browser safe colors
c
b. It has patriotic meaning for those in the US
c. It will be fuzzy to read
d. All of the above
QN = 27 Which of the following is true of the F-shaped web-read-
ing pattern?
a. Scanning on the web does not always take the shape of an F
a
b. The F-pattern is positive for users.
c. The F-pattern is positive for businesses.
d. Design cannot interfere with the F-shape pattern.
QN = 28 A ux design process is implemented
a. When wireframe are neededd
b. Only at the begingning of a project when coming up with the
initial plan d
c. When graphic or photographs are required
d. Before, during ang after a project and the repeated as many
times as necessary
QN = 29 A user flow is
a. The physical movement a user makes to navigative through a
website: i.e, clicking a mouse, scrolling a sidebar
d
b. The amount of time a user spends on a page
c. A steady stream of customers moving through a site
d. The user's journey through a site when trying to complate a task
QN = 30 Define user interface
a. The physical device used in or with your machine
b. Collection of code installed onto your computer's hard drive c
c. Describes how users interact with a computer system
d. The user's journey through a site when trying to complete a task
3 / 42
 wdu202c, WDU202c
HÍc trñc tuy¿n t¡i https://quizlet.com/_djg50x
QN = 31 Select the user interface elements except
a. Input controls
b. containers c
c. windows
d. Informational components
QN = 32 In web design, what is a "false bottom"
a. There is no end, just a continous page
b. The end is near, refer of page count d
c. End of page can stop scrolling
d. Seem like the end of page but there is more content underneath
QN = 33 Determine the layout zone that is usually contains the
company name or logo and the number of the form
a. Heading zone
a
b. Body zone
c. Instruction zone
d. Control zone
QN = 34 Which of the following is a characteristic of a user
interface?
a. Supplies Input
d
b. Receives Output
c. Interaction
d. All of these
QN = 35 Which of the following is not a design principle that allow
the user to maintain control?
a. Provide for flexible interaction
b. Allow user interaction to be interrupt-able and undo-able c
c. Show technical internals from the casual user
d. Design for direct interaction with objects that appear on the
screen
QN = 36 Select the basic principle of Ui design that allows users
to provide a keystroke alternative for earch menu command (Ctrl
C, Ctrl V)
a. Minimize input data problems c
b. Design a transparent interface
c. Use familiar terms and images
d. Enhance user productivity
QN = 37 Which one is not a process of user interface design?
a. Knowledgeable, frequent users
b. Interface design a
c. User, task, modelling, environment analysis
d. To validate interface
QN = 38 Which software platform does not have a human interface
guideline
a. MS-DOS
a
b. Microsoft windows
c. Mac OS X
d. IOS
QN = 39 How many testers do you need to solve 85% of prob-
lems?
a. 25
b
b. 5
c. 100
d. Unknown number
QN = 40 What is "A/B testing?"
a. Conducting a test to understand the responses of two users,
user A and user B
b
b. Conducting a test to rate the success of two types of design,
design A and design B
c. A test to easily identify the best route from A to B
4 / 42
 wdu202c, WDU202c
HÍc trñc tuy¿n t¡i https://quizlet.com/_djg50x
d. Conducting a test to establish the responses of two types of
groups, group A and group B
QN = 41 What combines the outward manifestation of the com-
puter-based system , coupled with all supporting information that
describe system syntax and semantics?
a. mental image c
b. interface design
c. system image
d. interface validation
QN = 42 Which of following human interface design principles is
about comfort?
a. Simplify Usage
a
b. Be Appealing
c. Forgive Errors
d. Provide Feedback
QN = 43 Which of the following CANNOT be used as an input
device for an applicattion interface?
a. Keyboard
d
b. Joystick
c. Mouse
d. Printer
QN = 44 In UX, the critical-incident technique is
a. A research method in which users are asked to recall an event
with significant outcomes
b. A type of expert review in which a usability expert focuses on
the top task in a UI a
c. An analytics method that tracks the number of fatal failures that
took place on a site
d. A type of analysis which focuses on those user errors where
users did not realize they got an incorrect answer for a task
QN = 46 Which of the following is NOT atypical you-are-here
navigation mechanism?
a. Logo
c
b. Breadcrumbs
c. Footer
d. Window (page) title
QN = 47 A ux designer is most likely to say
a. Let's go straight to implementation
b. Better to have one person's opinion that many d
c. Research doesn't help with that
d. Let's test it
QN = 48 What is one advantage of sliders for application design?
a. They represent a more fun and engaging input method com-
pared with other UI controls.
b. They allow users to explore the effect of the control for the whole b
range of the associated parameter.
c. They support precise selection of a specific value within a range.
d. They allow both fine and coarse parameter adjustment
QN = 49 An effective user interface design is a design of applying
an iterative process using predefined design principles.
a
a. True
b. False
QN = 50 Usability testing should be done after project design
phase only
b
a. True
b. False
QN = 51 What is UX (in the subject PRINCIPLES OF UX) stands
for ?
A. User Experience
5 / 42
 wdu202c, WDU202c
HÍc trñc tuy¿n t¡i https://quizlet.com/_djg50x
B. User Exchange
C. User Expectations a
D. User Except
QN = 52 What is UI (in the subject PRINCIPLES OF UX) stands
for ?
A. User id
b
B. User Interface
C. User icon
D. User intervention
QN = 53 Which among the following options are not a UI
A. Design colors
B. Icons and buttons d
C. Fonts and layouts
D. User interaction
QN = 54 The _______ is really looking at the interface itself, and
the _______ is often focusing much more on the experience of
the user.
A. UX designer, UI designer b
B. UI designer, UX designer
C. Developer, UX designer
D. UI designer, Developer
QN = 55 Which statement does not belong in UX ?
A. Rooted in research, planning and testing.
B. Concerned with how a user chooses to navigate through a
d
website.
C. Development is driven by user behavior and feedback.
D. Rooted primarily in graphic design.
QN = 56 The button works in digital world when press on them
same the way the button is going to work in the real world.. This
is called _____________.
A. Real world knowledge. a
B. Consistency
C. Consistency
D. Convention
QN = 57 When the user presses a button, they know that some-
thing is going to happen, they have an expectation already about
how it works. This is called______
A. Consistency c
B. Real world knowledge.
C. Action and reaction
D. Convention
QN = 58 What interface conventions is using for the buttons in the
box marked with a green check mark?
A. Convention
d
B. Real world knowledge.
C. Action and reaction
D. Consistency
QN = 59 If the user broke something in a digital experience, they
could hit command+z, and it wouldn't be broken anymore. This is
called. ____
A. Real world knowledge b
B. Undo/redo
C. Action and reaction
D. Consistency

QN = 60 What size of buttons in a mobile app interface is appro-

priate for user interaction?
d
A. So big to see easily
B. So small to save space

6 / 42
 wdu202c, WDU202c
HÍc trñc tuy¿n t¡i https://quizlet.com/_djg50x
C. Use many different sizes
D. Size fits user's finger
QN = 61 What elements on the landing page for Google's search
engine emphasize their functionality through their familiarity?
A. Search field and search button
a
B. Different color of each character in the word ''Google''
C. The white color background
D. The page layout
QN = 62 What elements on the landing page for Google's search
engine create a sense of individuality through a consideration for
aesthetics?
A. Search field and search button b
B. Different color of each character in the word ''Google''
C. The white color background
D. The page layout
QN = 13 In this case, colors can help define the _____ or _____
of the product articulated through the interface
A. Navigate, attitude
c
B. Navigate, interact
C. Mood, attitude
D. Mood, interact
QN = 64 In this case, colors can help define how a user would
_______ or ______ with an interface.
A. Navigate, attitude
b
B. Navigate, interact
C. Mood, attitude
D. Mood, interact
QN = 64 What properties belong to the function of imagery in
interface design?
A. Content
d
B. Mood
C. Navigation
D. All 3 answers
QN = 66 The letter i designed with blue background stands in for
_______
A. Icon
b
B. Information
C. Interface
D. Interactive
QN = 67 When this image is used as an _____, it represents the
magnifying glass, and when it is used as a _____ it represents the
search. b
A. Symbol, icon
B. Icon, symbol
QN = 68 What properties of the system help users quickly under-
stand how the system works and interacts?
A. Logical
d
B. Predictable
C. Expandable
D. All 3 answers
QN = 69 What are the advantages and disadvantages of this
interface?
A. Simple, direct, simplicity builds logic
a,c
B. Engaging, entertaining, brandable
C. Borring
D. Time-consuming
QN = 70 What are the advantages and disadvantages of this
interface?
A. Simple, direct, simplicity builds logic
7 / 42
 wdu202c, WDU202c
HÍc trñc tuy¿n t¡i https://quizlet.com/_djg50x
B. Engaging, entertaining, brandable
C. Borring b,d
D. Time-consuming
QN = 71 ________ keep interface components neatly separated
from each other and don't confuse users.
A. Highlight
b
B. Hierarchy
C. Contrast
D. Navigation
QN = 72 What properties are of a button?
A. Size and shape
B. Size, shape and color d
C. Size, shape, color and dimension
D. Size, shape, color, dimension and system
QN = 73 The highest accuracy with buttons between 42-72 pixels
is most optimal for users. This property is about ______ of button.
A. Size
a
B. Shape
C. Dimension
D. System
QN = 74 What properties of button were changed to create these
different controls?
A. Size
c
B. Shape
C. Dimension
D. Color
QN = 75 What properties of the button were used correctly in this
case?
A. Size
c
B. Shape
C. Color
D. System
QN = 76 Using a drop shadow to create a button that floats over
the surface and draws attention to itself. These are the _____
properties of the button.
A. Color d
B. Shape
C. System
D. Dimension
QN = 77 When the user puts their cursor over the button, there
should be some kind of state change to let you know that the
button is live, this is called the _______ state
A. Normal b
B. Hover
C. Press
D. Inactive
QN = 78 The _____ stage is after the user pressed the button,
there needs to be some kind of change from the normal state that
it began in so that the user know that the button has been clicked
on
d
A. Normal
B. Hover
C. Press
D. Inactive
QN = 79 What are the two states a button must have?
A. Normal and Inactive
B. Normal and hover a
C. Hover and inactive
D. Hover and press

8 / 42
 wdu202c, WDU202c
HÍc trñc tuy¿n t¡i https://quizlet.com/_djg50x
QN = 80 Which is the correct order of three things that are going
on with the user when they visit the website or any interface?
A. Physically reacting - Seeing - thinking
b
B. Seeing - thinking - physically reacting.
C. Thinking - Seeing - physically reacting.
D. Seeing - physically reacting - thinking.
QN = 81 ______ and ______ are two kinds of hierarchies that are
going to affect content and affect design structure
A. Intention, function a
B. Organization, function
C. Intention, Organization
QN = 82 Which area is the most important to display the main
content of the website?
A. A
d
B. B
C. C
D. D
QN = 83 The ______ system helps align page elements based on
sequenced columns and rows. Designer use this column-based
structure to place text, images, and functions in a consistent way
throughout the design
a
A. Grid
B. Spacing
C. Scale
D. Consistency
QN = 84 The structure of this interface is built on _______
A. Grid layout
B. System a
C. Scale
D. Consistency
QN = 85 The ______of website is the place for navigation and the
place where the user goes to make decisions about what they
want to see and what they want to do.
A. Hearder a
B. Body
C. Footer
D. Menu
QN = 86 The _______ of website is the place where the content
lives and the place where the user sees
The result of any changes that they've instigated in the navigation
area
b
A. Hearder
B. Body
C. Footer
D. Menu
QN = 87
This interface uses visual breathing room for the eyes to sug-
gest function and create emphasis of important content, this is
called______
b
A. Grid layout
B. Spacing
C. Scale
D. Consistency
QN = 88 Which screen size is less real estate?
A. Mobile device screen a
B. Computer screen
QN = 89 Which screen size is focus on multiple tasks?
A. Mobile device screen b
B. Computer screen
9 / 42
 wdu202c, WDU202c
HÍc trñc tuy¿n t¡i https://quizlet.com/_djg50x
QN = 90 The essence of being _____is to be able to replicate the
same action or element multiple times, and still be able to support
the user with achieving the task.
A. Grid layout d
B. Spacing
C. Scale
D. Consistent
QN = 91 Should UX designers keep the same layout, size, and
ratio of website interface elements between desktop and mobile
interfaces?
b
A. Should, because it will create consistency
B. Should not, because the display ratio, viewing distance, and
user interaction habit on the two screens are different
QN = 92 What factors influence UX/UI designers to prioritize
between desktop and mobile screens?
A. The content a,b,c
B. The function
C. The audience
QN = 93 Processing bar in this interface is a function _______
A. Visibility of system status
B. Flexibility and efficiency of use a
C. Help and documentation
D. Recognition rather than recall
QN = 94 This function name is Haptic Touch, it allows users to
quickly access the main functions of the application on the iphone.
What is this feature?
A. Visibility of system status b
B. Flexibility and efficiency of use
C. Help and documentation
D. Recognition rather than recall
QN = 95 The quick tour interface will display automatically the first
time the user uses a program. What is the use of this function?
A. Visibility of system status
c
B. Flexibility and efficiency of use
C. Help and documentation
D. Recognition rather than recall
QN = 96 The software Keynote gives its user an option of open
recent files. So that users do not struggle with the exact name of
the presentation they might have created a few days back. What
is the use of this function?
d
A. Visibility of system status
B. Flexibility and efficiency of use
C. Help and documentation
D. Recognition rather than recall
QN = 97 What is the function of this warning?
A. Success
B. System error report d
C. Give Information
D. Error prevention
QN = 98 What location on the mobile screen is suitable for this
type of menu?
A. Footer
a
B. Header
C. Sidebar
D. Content

QN = 99 What is the name of this menu?

A. Popup menu d
B. Drop menu

10 / 42
 wdu202c, WDU202c
HÍc trñc tuy¿n t¡i https://quizlet.com/_djg50x
C. Bento menu
D. Sidebar
QN = 100 What factors affect the user experience when they visit
a website?
A. Website navigation structure
d
B. First impressions of the interface
C. Pending loading and response time on site
D. All of the above ideas
QN = 50 This image are a good way to experiment with a color
palette, fonts, and style as well as plan visual hierarchy of a project
This image is _____
A. Gallery b
B. Mood board
C. Storyboard
D. Color palette
It acts as a bridge between the User and the Content

a. UX
b
b. UI
c. Screens
d. Buttons
Which among the following options are not a UI

a. Form
b
b. Wireframes
c. Aesthetics
d. look & feel
Which among the following options are not a UX

a. feel
d
b. navigation
c. story
d. Visual design
Statement 1: UI deals with more tangible & look and feel outputs
Statement 2: UX deals with the experience & proportion

a. Statement 1 is true & Statement 2 is False c

b. Statement 1 is False & Statement 2 is True
c. Both the statements are True
d. Both the statements are False
While interacting with a product, we expect a _______________
in order to see if our interaction is actually working.

a. Design b
b. Feedback
c. Input
d. Button
If the buttons look the same, they are expected to act in a similar
way. This is called _____________.

a. Analog buttons c
b. Digital buttons
c. Consistency
d. Navigation
Providing a undo/redo button helps the user to
_______________.
a
a. feel safe
b. have a secondary thought
11 / 42
 wdu202c, WDU202c
HÍc trñc tuy¿n t¡i https://quizlet.com/_djg50x
c. feel confused
d. none of the above
A ____________ is a self contained object where you can click on
and interact with.

a. Mouse b
b. Button
c. Screens
d. Wireframes
Which among the following is a feature of a button

a. size and shape

d
b. colour and dimension
c. system
d. all the above
Statement 1: Size of the button is independent on screen resolu-
tion
Statement 2: Size of the button is dependent on the cursor and the
finger
b
a. Statement 1 is true & Statement 2 is False
b. Statement 1 is False & Statement 2 is True
c. Both the statements are True
d. Both the statements are False
______________is a pictorial representation of a real object

a. Icon
a
b. Symbol
c. Signage
d. Graphics
______________is a non-pictorial representation of a real object.
They convey the idea through different signs.

a. Icon b
b. Symbol
c. Signage
d. Graphics
____________ is the place for navigation and here, the user takes
a decision

a. Body c
b. Footer
c. Header
d. Buttons
Body of a website holds the_______________.

a. Idea
b
b. Content
c. Text
d. Image
These are series of lines which obeys a mathematical structure
for proper alignment on a screen

a. Body c
b. Container
c. Grids
d. Pixels
Space between each column in a grid system

12 / 42
 wdu202c, WDU202c
HÍc trñc tuy¿n t¡i https://quizlet.com/_djg50x
a. Margin
b. Padding
c
c. Gutter
d. Breathing space
__________________ means arranging the content based on its
importance.

a. Highlight b
b. Hierarchy
c. Contrast
d. Navigation
Once you start designing a project____________ is the very first
step done.

a. Survey d
b. Wireframe
c. Designing UI
d. Problem identification
Pick up the odd one out. Which among them is Not a part of data
collection for a Project ?

a. Interviews d
b. Phone calls
c. Online surveys
d. Solution
The group of customers for which whom we design a particular
product is called__________.

a. Promising customers b
b. Targeted customers
c. User journey map
d. Persona
An arrangement of images, materials, pieces of text, etc. intended
to evoke or project a particular style or concept.

a. Sitemap b
b. Moodboard
c. Stylesheet
d. Wireframes
The promotion of a particular product or compa-
ny by means of advertising and distinctive design is
called__________________________.
b
a. Logo
b. Branding
c. Moodboard
d. Styleguide
In which of the following do we make use of Images ?

a. Mood
d
b. content
c. Navigation
d. All the above
Form is connected to function and experience
a
a. True
b. False
Statement 1: Speed is an invisible element in design
Statement 2: Style is a visible element in design
13 / 42
 wdu202c, WDU202c
HÍc trñc tuy¿n t¡i https://quizlet.com/_djg50x

a. Statement 1 is True & Statement 2 is False

b. Statement 1 is False & Statement 2 is True c
c. Statement 1 is True & Statement 2 is True
d. Statement 1 is False & Statement 2 is False
Which among the following is Not a State of button

a. Normal, Hover, Press, Inactive

b
b. Normal, Drag, Push and Pull
c. Active, Passive
d. Enable , disable
The Viewing distance of a mobile app & desktop is __________
& __________ respectively.

a. 10 inches & 24 inches a

b. 12 inches & 20 inches
c. 14 inches & 24 inches
d. 15 inches & 20 inches
An interface can be best described as a bridge between:

a. a screen and a system

c
b. a website and an app
c. a user and content
d. two users
Why is it helpful to rely on real world models within interface
design? Choose the best answer.

a. Real world models are already familiar to a user, and therefore

can help make the user's experience much more seamless.
a
b. It's easier for a designer to borrow an idea or concept that's
already been created.
c. Real world models are much more believable and users are
more likely to consume or buy a product that uses them.
d. None of the above
What is the rule of thumb for organizing content within an inter-
face?

a. Along a grid b
b. Systematically
c. Randomly
d. Alphabetically
Why is it important for the interface to react immediately when a
user carries out an action? Choose the best answer.

a. The user needs confirmation from the interface that the system
is working. a
b. Users are inherently impatient.
c. The system behind the interface needs to process tasks very
quickly in order to keep pace with competing systems.
d. None of the above
Context-specific design is best defined as:

a. When the designer uses different software programs to make

an interface.
b. Shaping a design to reflect differences in content, goals, and b
users.
c. What happens when emerging designers make websites.
d. A method of design that reflects the physical, geographical
location where the design was made.

14 / 42
 wdu202c, WDU202c
HÍc trñc tuy¿n t¡i https://quizlet.com/_djg50x
Choose the heuristic that best applies to the following example: an
automated chatbot "therapy" app that sends you warm, positive
text messages throughout the day.
b
a. Aesthetic and minimalist design
b. Match between system and the real world
c. User control and freedom
d. Error prevention
Choose the heuristic that best applies to the following example:
Gmail's notification when you have forgotten to attach a document
to an outgoing email.
d
a. Flexibility and efficiency of use
b. Match between system and the real world
c. Aesthetic and minimalist design
d. Error prevention
The "Like" or "thumbs up" button across various platforms.

a. Error prevention
b
b. Consistency and standards
c. User control and freedom
d. Visibility of system status
You have an important message that you want to share with the
users of your website through a site alert. In which of the following
sections would it be the most appropriate for the site alert to
appear?
b
a. footer
b. header
c. sidebar
d. Content
You want to deter visitors to your website from copying or re-using
your content by posting a copyright notice. In which of the following
sections does a copyright notice usually appear?
b
a. header
b. footer
c. content
d. sidebar
Your website's business has multiple sponsors who are important
contributors to the business and need to be recognized as such,
but you don't want the placement of their logos to supersede your
own. In which of the following sections would it be appropriate to
ads or
affiliate links for these sponsors? d

a. footer
b. content
c. header
d. sidebar
Interface metaphors are NOT commonly used as part of a con-
ceptual design
b
a. true
b. false
It is NOT usual for cognitive processes to occur in isolation
a
a. true
b. false

15 / 42
 wdu202c, WDU202c
HÍc trñc tuy¿n t¡i https://quizlet.com/_djg50x
An organic farmer has enlisted your services to help her augment
her online ordering system for her restaurant clients. She would
like her users to be able to choose a specific quantity of fresh
produce from a list of what will be harvested that week. Which of
the following would be an appropriate form element to use?
c
a. radio
b. text field
c. number stepper
d. button
______________________ are more economical to develop.

a. Website
a
b. Advertisements
c. Application
d. Videos
It can be viewed across different devices and platforms.

a. Videos
d
b. Advertisements
c. Application
d. Websites
____________ can be displayed on any device.

a. Advertisements
b
b. Websites
c. Application
d. Videos
Its content can be easily indexed by search engines.

a. Application
b
b. Websites
c. Advertisements
d. Videos
______________________ are easier to monetize.

a. Applications
a
b. Advertisements
c. Videos
d. Websites
It requires that users download and install it onto their devices.

a. Applications
a
b. Advertisements
c. Videos
d. Websites
It's easier to control how users can interact with and view content.

a. Applications
a
b. Advertisements
c. Videos
d. Websites
Copyright is a part of_____________________

a. header
b
b. footer
c. sidebar
d. navigation

16 / 42
 wdu202c, WDU202c
HÍc trñc tuy¿n t¡i https://quizlet.com/_djg50x
Privacy settings are displayed on____________ part of a website

a. header
b
b. footer
c. sidebar
d. navigation
Advertisements is best when they are placed at
_______________ in a website

a. header c
b. footer
c. sidebar
d. navigation
Tabs and headers are different
a
a. True
b. False
Menus are best when placed at________________

a. header
a
b. footer
c. sidebar
d. navigation
Logos are seen on both nav-bar and on footer
a
a. True
b. False
We must display only the required information on a website
a
a. True
b. False
The process of hiding information and converting into a single
module is called _________________

a. filtering c
b. hierarchy
c. chunking
d. information architecture
It is good to have a full width background image on a landing
screen
a
a. True
b. False
Websites do not have one size.
a
a. True
b. False
A mobile first approach helps us to focus the
____________________ on screen.

a. Animations d
b. Text content
c. Images
d. most essential things
An approach to web design that makes web pages render well on
a variety of devices and window or screen sizes.
a
a. Responsive web design
b. CSS
17 / 42
 wdu202c, WDU202c
HÍc trñc tuy¿n t¡i https://quizlet.com/_djg50x
c. Brainstorming
d. None of the above
A ______________ tells us the look and feel of the website.

a. Gallery
b
b. Mood board
c. storyboard
d. Color palette
The design property which relates a background and a foreground
visibility.

a. Shape b
b. Contrast
c. Elements
d. None of the above
H1, H2, H3 etc are tags for _____________________ in a website

a. Different font size

c
b. Different typography
c. Different headings
d. All the above
H1 is greater than H6
a
a. True
b. False
H3 is greater than H2
b
a. True
b. False
Rounded buttons are used for friendly themes
a
a. True
b. False
Buttons with zero border radius are used for serious themes
a
a. True
b. False
hovering, pressing, active and disable is related to
________________

a. states of buttons c
b. states of icons
c. both
d. none
_________________ helps us to find the number of pages in a
website

a. task flow b
b. sitemap
c. both
d. none
________________ is prepared before the wireframe

a. task flow
b
b. sitemap
c. prototype
d. none

18 / 42
 wdu202c, WDU202c
HÍc trñc tuy¿n t¡i https://quizlet.com/_djg50x
Advertisements are best fit in a___________________ website

a. sidebar
a
b. header
c. footer
d. navigation
"Chat now" option with the computer generated guide is an exam-
ple of a_____________.

a. animation b
b. pop up
c. alert
d. navigation
A website is best when is non responsive
b
a. True
b. False
How do navigation elements relate to one another and the current
page ?

a. sidebar d
b. header
c. footer
d. navigation
How does the user get from one point to another ?

a. wireframe
c
b. task flow
c. sitemap
d. prototype
A navigation system must be kept only on the top of a webpage.
b
a. True
b. False
_____________________ is a sub division of primary navigation.

a. Utility
b
b. secondary navigation
c. tertiary navigation
d. none
"Know more about us" is a part of_____________________.

a. secondary navigation
a
b. utility navigation
c. tertiary navigation
d. primary navigation
"Product details" from the section "Product" is an example of
______________.

a. secondary navigation a
b. utility navigation
c. tertiary navigation
d. primary navigation
"Subscribe" is an example of _______

a. secondary navigation
b
b. utility navigation
c. tertiary navigation
d. primary navigation

19 / 42
 wdu202c, WDU202c
HÍc trñc tuy¿n t¡i https://quizlet.com/_djg50x
"Search" option is a tertiary navigation.
a
a. True
b. False
25 - 50 - 25 is a design rule for web page layout. What is 50 in this
?

a. Image c
b. text
c. Main content
d. advertisement
In a 25/50/25 rule, 25 % is at the center of the screen.
b
a. True
b. False
25 - 50 - 25 is a design rule for web page ayout. What is 25 in this
?

a. Image d
b. text
c. Main content
d. advertisement
Landing page is an example for hero slider
a
a. True
b. False
_____________________ is related to images.

a. Aspect ratio
d
b. pixels
c. grid layout
d. all the above
Primarily non-visual.
b
A. UI
B. UX
Choose the best term that applies to this statement:
Creates tangible, material results.
a
A. UI
B. UX
Choose the best term that applies to this statement:
Development is driven by user behavior and feedback.
b
A. UI
B. UX
Choose the best term that applies to this statement:
Rooted primarily in graphic design.
a
A. UI
B. UX
Choose the best term that applies to this statement:
Generating solutions to elevate user engagement on a given
website.
b
A. UI
B. UX

20 / 42
 wdu202c, WDU202c
HÍc trñc tuy¿n t¡i https://quizlet.com/_djg50x
Choose the best term that applies to this statement:
Making decisions to define the form, aesthetics, and look and feel
of a site.
a
A. UI
B. UX
Choose the best term that applies to this statement:
Concerned with how a user chooses to navigate through a web-
site.
b
A. UI
B. UX
Choose the best term that applies to this statement:
Rooted in research, planning and testing.
b
A. UI
B. UX
Which of the following examples are considered real world mod-
els?

A. A screen-based button.
d
B. The "trash bin" on your computer.
C. Camera shutter sound when using a smartphone's built-in
camera.
D. All of the above.
While user interactions should occur in as few steps as possible,
in what situationmight an extra step be appropriate?
b
A. ordering a sandwich.
B. withdrawing a large sum of money from an ATM.
C. buying a textbook online.
An interface should be immediate and intuitive.
a
A. True
B. false
Choose the heuristic that best applies to the following example:
the dreadedspinning circle on YouTube.

A. Visibility of system status a

B. Flexibility and efficiency of use
C. Help and documentation
D. Recognition rather than recall
Choose the heuristic that best applies to the following example:
Gmail'snotification when you have forgotten to attach a document
to an outgoing email.
d
A. Flexibility and efficiency of use
B. Match between system and the real world
C. Aesthetic and minimalist design
D. Error prevention
Choose the heuristic that best applies to the following example:
Google'sadvanced image search.

A. Help and documentation c

B. Recognition rather than recall.
C. Flexibility and efficiency of use
D. Help users recognize, diagnose and recover from errors
Choose the heuristic that best applies to the following example:
The "Like" or"thumbs up" button across various platforms.
21 / 42
 wdu202c, WDU202c
HÍc trñc tuy¿n t¡i https://quizlet.com/_djg50x

A. Error prevention
B. Consistency and standards b
C. User control and freedom
D. Visibility of system status
It can be displayed on any device.
a
A. Website
B. App
It is easy to share content with others.
a
A. Website
B. App
Its content can be easily indexed by search engines.
a
A. Website
B. App
It can be displayed only on the operating system it was designed
for.
b
A. Website
B. App
It is easier to monetize.
b
A. Website
B. App
It requires that users download and install it onto their devices.
b
A. Website
B. App
It's easier to control how users can interact with and view content.
b
A. Website
B. App
Primary navigation menus should always appear horizontally
atthe top of a page.
b
A. True
B. False
Look at the image taken of the navigation elements that appear at
the top of the Coursera website.The profile icon with the learner's
name in the right hand corner of the image issu example of:
a
A. utility navigation
B. secondary navigation
C. subsidiary navigation
D. primary navigation
Look at the image taken of the navigation elements that appear at
the top of the Coursera website.What navigational system does
the blue "Explore" button use?
c
A. utility navigation
B. primary navigation
C. secondary navigation
D. subsidiary navigation
Looking at this page on the CalArts website, which of the fol-
lowingwayfinding functions does the blue CalArts logo in the up-
per-left corner ofthe image accomplish?Select all that apply.
22 / 42
 wdu202c, WDU202c
HÍc trñc tuy¿n t¡i https://quizlet.com/_djg50x

A. It lets learners navigate back to the CalArts homepage.

B. It lets learners see the path they have traveled within the
a
CalArtswebsite.
e
C. it lets learners see where they are on the CalArts site.
D. it lets learners know what page they're on.
E. it lets learners see what site they're on.
What is the advantage of an accordion on a website? Check all
that apply.

A. The user gets a scannable overview of the scope information.

B. Complex, lengthy information can be presented in a morecom- a,b,d
pact way.
C. You can play German folk music with it.
D. It lets the user open and close content buckets.E. It makes
pages that are really long to be scrolled.
A client that runs a candy company has asked you to build a
pop-up survey ontheir website to determine which of their top 8
chocolate bars have usersconsumed in the last year. Which of the
following would be the most appropriateform element to collect
this information?
a
A. checkbox
B. radio
C. dropdown menu
D. text field
E. number stepper
A software company would like to survey users about what mobile
operatingsystem they use most often—Android, iOS, Windows,
or "Other". Which of thefollowing would be an appropriate form
element to use?
b
A. checkbox
B. radio
C. dropdown menu
D. text field
E. Button
Hierarchy is created through _______

a. Contrast
a
b. Text
c. Distance
d. colour
Why is it important to consider whitespace in web design?

A. It helps make text appear smaller.

B. It creates drama in a composition and leads the user's eye-
b
around.
C. It allows you to use up as much space as possible given
yourwebsite has the ability to scroll infinitely.
D. All of the above
Interaction design DONT involve many inputs from some disci-
plines and fields
a
a. true
b. false
Whitespace must always be white.
b
A. True.
B. False.
23 / 42
 wdu202c, WDU202c
HÍc trñc tuy¿n t¡i https://quizlet.com/_djg50x
Why isn't it a good idea to justify body type on a web page?

A. Web browsers are not very good at hyphenating text at thispoint

in time.
a
B. It makes the text look weird at different screen sizes.
C. You risk making columns that are too wide to read easily.
D. They are not compatible with screen readers for users withvi-
sion-related impairment.
Decision about conceptual design should NOT be made after
commencing any physical design
a
a. true
b. false
According to the lecture, what is the suggested minimum body text
size?

A. 12px b
B. 16px
C. 20px
D. 28px
As a general rule of thumb, about how many characters should be
on a line?

A. 40 to 70 a
B. 60 to 90
C. 50 to 80
D. 70 to 100
How do you calculate the ratio of text height to line height?

A. Add the font size to the line height.

c
B. Add the line height to the font size.
C. Divide the font size by the line height.
D. Divide the line height by the font size.
What's an argument against using true black text on a true white
background throughout your entire website?

A. It can cause screens to wear out faster. d

B. It looks boring.
C. It can cause the text to bleed into each other.
D. The high contrast can cause eye fatigue.
What is a reason mentioned in the video for making text larger on
desktop screens?

A. Mobile screens are not able to display text at large sizes.

c
B. People who use desktop screens tend to have poor vision.
C. People tend to view desktop screens from a greater distance-
compared to mobile screens.
D. Desktop screens have more space to display text.
What should you always do when selecting a web font for your
site?

A. Make sure the web font is freely available, and if not, obtain
aweb license for it. a
B. Look for the typeface first on your computer.
C. Export the typeface to an image file.
D. Avoid Arial, Courier, Georgia, Verdana, or Times New Roman-
typefaces.

All usability and user experience goals will NOT be relevant to

design and evaluation of developing product
24 / 42
 wdu202c, WDU202c
HÍc trñc tuy¿n t¡i https://quizlet.com/_djg50x

a. true a
b. false
Expressive interfaces is NOT how the appearance'of an interface
can affect users
b
a. true
b. false
there are 6 form main types of interviews, is that true? If not, what
else?

a. 6 b
b. 4
c. 5
d. 3
Random is one of the types of interviews, is that true? If not, what
else?

a. Structured a
b. Random
c. Hierarchical
d. Repeat
there are 3 frameworks do we use in the analysis of qualitative
data, is that true? If not, what else?

a. 4 d
b. 5
c. 6
d. 3
Activity theory (AT) is a product of Soviet psychology
a
a. true
b. false
there are 3 degrees of user involvement, is that true? If not, what
else?

a. 4 a
b. 3
c. 5
d. 2
Three categories of user including: primary, secondary, and the
last, is that true? If not, what else?

a. Primary, secondary b
b. Primary, secondary, and tertiary
c. Primary, secondary, and tertiary, utility
d. Utility
Prototype is a limited representation of a design that allows users
to interact with it and to explore its suitability
a
a. true
b. false
How many fundamental activities that are recognized in all design

a. 3
a
b. 1
c. 2
d. 4

25 / 42
 wdu202c, WDU202c
HÍc trñc tuy¿n t¡i https://quizlet.com/_djg50x
What is the value of prototyping?

a. Save so much effort and material

c
b. Save material and resource
c. Save so much effort and resource
d. none of above
How many basic activities of interaction design?

a. 3
b
b. 4
c. 5
d. 6
What is the waterfall lifecycle model of software development?

a. Requirement, Design, Code, Test, Maintenance

a
b. Requirement, Design, Code, Maintenance, Test
c. Maintenance, Requirement, Design, Code, Test
d. Test, Requirement, Design, Code, Maintenance
Which is used to overcome potential client misunderstandings
and to test the technical feasibility of a suggested design and its
production
b
a. Wireframes
b. Prototyping
c. Strategy
d. Sitemap
Users can tell you what they need' to help them achieve their goals
b
a. true
b. false
Which basic activity in Interaction Design is the process of deter-
mining the usability and acceptability of a product or a design

a. Evaluating designs a
b. Testing
c. Prototyping
d. Coding
Which kind of user involvement is consistent, but loose touch with
the rest of user group?

a. Long term a
b. Short term
c. Part-time
d. Full - time
Which kind of user involvement has patchy input and very stress-
ful?

a. Long term c
b. Short term
c. Part-time
d. Full - time
Which reasons for user involvement are important if the product
is to be usable and used?
a
a. Ownership
c
b. Checking
c. Expectation management
d. Coding

26 / 42
 wdu202c, WDU202c
HÍc trñc tuy¿n t¡i https://quizlet.com/_djg50x
According to Strauss and Corbin (1998), how many aspects of
coding in grounded theory?

a. 1 c
b. 2.
c. 3
d. 4
According to Strauss and Corbin (1998), which are three aspects
of coding in grounded theory?

a. Open coding d
b. Axial coding
c. Selective coding
d. All above
_________________ refers to designing interfaces to have similar
operations and use similar elements for achieving similar tasks.

a. Consistency a
b. Standard
c. Navigation
d. System status
Small screens, small number of keys and restricted number of
controls

a. Mobile challenges a
b. Desktop challenges
c. Mobile effective
d. Desktop effective
Robotic interfaces include

a. Three types
c
b. Two types
c. Four types
d. Five types
Many new design and research questions need to be considered

a. to chose one and two to use

b
b. to decide which one to use
c. to chose all of design
d. to chose 3 ways to use
Wireframe is a blueprint used as a visual guide that represents the
final design of a website
b
A. True
B. False
Usablity testing could be done after prospect design phase only
A. True B
B. False
Tab and header are different
A True a
B false
What is UI concerned with?
A Shape and look Navigation, sub-navigation, dropdowns, but-
tons, links, windows, rounded corners
B. Shape and look: Shadowing, error messages, alerts, updates,
checkboxes. A, B
C. End user people, happiness, solving problems, understanding
needs, love.
D. End user efficiency, entertainment, pleasure, delight, smiles,
soul.

27 / 42
 wdu202c, WDU202c
HÍc trñc tuy¿n t¡i https://quizlet.com/_djg50x
Choose the heuristic that best applies to the following example
an automated chatbot "therapy app that sends you warm, positive
text messages throughout the day
A. Aesthetic and minimalist design B
B. Match between system and the real world
C. User control and freedom
D Error prevention
Chatbot is an example of
A animation
B pop up
C alert
D navigation
While creating a wireframe, which among the following tasks the
designer needs to perform?
A has to translate the wireframes into a design
D
B Communication is required to support the wireframe
C explain why page elements are placed there
D All the above
It would be intuitive for the user if the interface used similar colors
to represent different functions
B
A Yes
B. No
The simplest form of prototype designed for a website is
A High fidelity prototype
B. Medium fidelity prototype c
C Lo-fi prototype
D Style Guide design
Why is a structured design process beneficial for web design?
A. Your design choices are based on predefined goals and target
audiences 8. You will rely on your intuition and personal taste more
C You will ensure that the project stays on track and it's on A
deadline.
D. You will not be able to involve the client nor keep them account-
able.
Language as a design tool because the designer using it to set in
the same way with images.
A mood
c
B. tone
C. Mood and tone
D. Mood, tone, visual
Images can work .........because images accurately represent ex-
actly what user is going to get when you click on them
A. As content
c
B. As mood
C. As navigation
D. As part of the website interface system
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 d
C. Experience, and coherent fitting of content and visual cues,
it defines hierarchy and 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.

28 / 42
 wdu202c, WDU202c
HÍc trñc tuy¿n t¡i https://quizlet.com/_djg50x
The designer can combine the words they feel might relate to this
app into an app name.
a
A True
B False
An effective user interface design is a design of applying an
iterative process using predefined design principles.
a
A True
B False
A good website will display all the information irrespective of the
hierarchy.
b
A True
B. False
What is the difference between a customer-journey map and an
experience map?
A The customer-journey map is focused on customers, while the
experience map is focused on employees.
B. The customer-journey map depicts events in chronological
b
order, but the experience map is not chronological or sequential
C The experience map is agnostic of any specific products, while
the customer-journey map is tied to a specific product or service
D. The customer journey map offers a general human perspective,
not specific to a particular user
An "About us" page is a primary navigation
A True a
B False
It shows the workflow of the website
A wireframe
B taskflow b
C sitemap
D. Prototype
Which among the following is a feature of a button
A size and shape
B colour and dimension D
C system
D all the others
Which one is not a process of user interface design?
A. Knowledgeable, frequent users
B. Interface design A
C. User, task, modelling environment analysis
D To validate interface
What is the final step in Design thinking?
A ideate
B Prototype C
C Test
D Define
Apple's website is designed with a minimalist interface, using
white backgrounds to help products stand out, creating a more
luxurious and sophisticated feeling. In this case, the image is used
A As content B
B As mood
C. As navigation
D. As part of the website interface system
You have to get all the design components right before a project
goes into production
b
A True
B False
What attributes does user segmentation include?
A Psychographic, demographic, geographic, cultural, occasional,
29 / 42
 wdu202c, WDU202c
HÍc trñc tuy¿n t¡i https://quizlet.com/_djg50x
behavioral
B Psychographic, demographic, geographic, cultural, occasional,
behavioral, Align, user personas a
C. Both are wrong
D. Both are right
What is the Waterfall 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 b
C For very large projects that require good structure.
D. For older projects that have older end users
In the interface of an online shopping website, images are used to
help customers visually see the difference between each product
In this case, the image is used
A As content a
B. As mood
C. As navigation
D. As part of the website interface system
When the user presses a button, they know that something is
going to happen, they have an expectation already about how it
works. This is called
A Consistency c
B. Real world knowledge
C. Action and reaction
D Convention
What are the two states a button must have?
A Normal and Inactive
B Normal and hover a
C Hover and inactive
D Hover and press
Define user interface
A The physical device used in or with your machine
B. Collection of code installed onto your computer's hard drive c
C Describes how users interact with a computer system
D The user's journey through a site when trying to complate a task
Which of the following are the two best ways of prioritizing usability
problems?
A First encountered and last encountered
b
B Problem frequency and problem severity
C Most confusing and least confusing
D Problem severity and problem length
Should UX designers keep the same layout size, and ratio of web-
site interface elements between desktop and mobile interfaces?
A Should because I will create consistency b
B. Should not, because the display ratio, viewing distance, and
user interaction habit on the two screens are different
How do users generally respond to colors in the design?
A Objective and unemotional
B Objective and emotive
C. Subjective and unemotional
D Subjective and emotive
What is the first step in organizing information in a sitemap
process?
A Collect all content and functionalities to list them sequentially in
one long list
B Change the items listed from the Outline of Scope
C Sort items listed from the Outline of Scope into related content.
D. Create unique labels that are specific only to our websites.
In the App design process, which department decides the entire
project?
30 / 42
 wdu202c, WDU202c
HÍc trñc tuy¿n t¡i https://quizlet.com/_djg50x
A Business Analysis (BA)
a
B. Project Manager (PM)
Determine the layout zone that is usually contains the company
name or logo and the number of the form
A Heading zone
a
B Bodyzone
C. Instruction zone
D. Control zone
The main purposes of a wireframe are to aid in defining the
information hierarchy of our design and to plan and determine how
users will interact with the user interface. a
A True
B False
What is an information architect responsible for?
A. categorizing, organizing and labeling information to allow users
to move through a website effectively.
B. Structure, and coherent fitting of functionality, it defines hierar-
chy and sequences so that the website can be accessed in an
a
optimal way
C. categorizing functionalities and visual aspects of the website's
design assets.
D. categorizing, organizing and labeling images to allow users to
move through a website effectively.
H1 is greater than H6
A. True a
B. False
What does the Psychographic Segment include?
A. Consideration of users Personality. Attitude. Lifestyle. Hobbies
B. Consideration of users' Gender, Attitude, Lifestyle, Age a
C. Consideration of users' Gender, Goals, Lifestyle, Age
D. Consideration of users Personality. Goals. Lifestyle, Age
Design fidelity is the level of functionality and details incorporated
into a prototype. Choose the correct option from below list
a
A. False
B. True
In contrast to wireframes, mockups include richer visual elements
such as color, visual style, and typography.
b
A. False
B. True
Adding too much detail is a good idea in a Wireframe design.
A. True b
B. False
What can be used as labels for the navigation bar in a web's
designs?
A. We should not use text labels at all but should only rely on icons.
B. Broad and unique labels that are specific only to this website
b,d
C. Umbrella terms that match the sorted items listed by related
content.
D. We can use both text and icons to help guide the users to the
necessary pages.
which department analyzes user data in the project?
A. Project Manager (PM) b
B. Business Analysis (BA)
Choose the heuristic that best applies to the following example:
Gmail's notification when you have forgotten to attach a document
to an outgoing email. d
A. Flexibility and efficiency of use
B. Match between system and the real world
31 / 42
 wdu202c, WDU202c
HÍc trñc tuy¿n t¡i https://quizlet.com/_djg50x
C. Aesthetic and minimalist design
D. Error prevention
The top most priority is given to these elements of H1 and H2
category. These are
A. Different font size
c
B. Different headings
C. All the above
D. Different typography
How can we understand Content when designing?
A. It is the information that the
website provides in the form of data. text, images, video...
B. It is the decorative front of an interface that meets the clients. a
C. It is about task-based systems that let the user get things done.
D. It is the ability to perform complex tasks, and interact more
complicatedly with the website.
Select the basic principle of Ui design that allows users to provide
a keystroke alternative for earch menu command (Ctrl C, Ctrl V)
A. Use familiar terms and images
a
B. Enhance user productivity
C. Minimize input data problems
D. Design a transparent interface
What ability does color in design NOT have?
A. replace for text and images.
B. target a specific audience. a
C. convey information.
D. create emotions for the design.
What are the 3 factors that determine the success of user expe-
rience design?
A. Align, emotion, reactions.
a
B. Action, emotion, reactions.
C. Proximity, emotion, reactions.
D. Contrast, emotion, reactions.
H1, H2, H3 ect are HTML tag that for........in a website
A. Different headings
B. Different typography a
C. All of others
D. Different font size
The value of H2 is greater than H1.
A. True b
B. False
Which area should be used to place main information?
A. CTA1
B. Intro c
C. Explain the product
D. Features
........is a combination of colors used by UI designers when de-
signing an interface.
A. style boards
c
B. creative inspiration
C. color palette
D. main color
"Know more about us" is a part of
A. utility navigation
B. secondary navigation b
C. primary navigation
D. tertiary navigation
It can be integrated into the operating system, allowing for access
to advanced device capabilities, such as fingerprint or iris scan-
32 / 42
 wdu202c, WDU202c
HÍc trñc tuy¿n t¡i https://quizlet.com/_djg50x
ners.
A. Websites
B. Applications b
C. Videos
D. Advertisements
"Know more about us"-- is a utility navigation.
A. True b
B. False
Which among the following do you think will involve an additional
task when considered as User interaction?
A. None of the above
c
B. ordering a sandwich.
C. withdrawing a large sum of money from an ATM
D. buying a textbook online.
Grid systems are a fundamental part of any design practice.
Choose the correct option from below list
a
A. True
B. False
These are series of lines which obeys a mathematical structure
for proper alignment on a screen
A. Pixels
c
B. Body
C. Grids
D. Container
H3 HTML Tag display the text larger than H2 do
A. True b
B. False
Prototypes are
Choose the correct option from below list
A. dynamic
c
B. clickable
C. All the above
D. interactive
What is NOT a part of UX design?
A. Generating solutions to elevate user engagement on a given
website.
B. Development is driven by user behavior and feedback. c
C. Making decisions to define the form, aesthetics, and look and
feel of a site.
D. Primarily non-visual.
What color combination is suitable to create an appetite for cus-
tomers in a fast-food restaurant
A. hot colors like: yellow, orange, and red
a
B. cool colors like: blue, green and, purple
C. colorful
D. Only white and black
Which designer decides what is displayed in a program interface
such as a calendar reminder
A. UI designer
a
B. UX designer
C. Graphic Designer
D. Motion Graphic
What does UX Design usually do: user segment?
A. Research, user personas, align, proximity.
B. Research, user personas, align, proximity, repetition. d
C. User personas, align, proximity, repetition.
D. Research, user personas, user segmentation.

33 / 42
 wdu202c, WDU202c
HÍc trñc tuy¿n t¡i https://quizlet.com/_djg50x
What is the solution to help the mobile interface to display the full
content without minimizing content according to the screen ratio?
A. Extend swipe interaction to show hidden content vertically
B. Extend swipe interaction to show hidden content horizontally
c
C. Extend swipe interaction to show hidden content in both direc-
tions
D. Allows users to click multiple times to browse through hidden
content
Statement 1: Texting is more economical
Statement 2: Text can represent what cannot be depicted.
A. Statement 1 is True & Statement 2 is False
c
B. Statement 1 is False & Statement 2 is True
C. Statement 1 is True & Statement 2 is True
D. Statement 1 is False & Statement 2 is False
Hand-drawn wireframes and computer-generated ones are differ-
ent in what respect?
A. Contain content
d
B. Included elements
C. Element locations
D. Look & Feel
Do not use simple shapes when creating website wireframes.
A. True b
B. False
Here is an illustration of the button size suitable for finger interac-
tion. So for a mobile interface design, what is the recommended
button size?
A. Any size smaller than 10mm d
B. Any size except 10mm
C. Any size larger than 10mm
D. 10mm a good minimum touch target size
The aesthetics of the image direct influence
A. content
B. mood b
C. navigation
D. Layout
In order to help visualise the sequential flows of items in a navi-
gation bar, what visual conver when building a sitemap?
A. Arrows.
a
B. Simple lines.
C. Dotted lines.
D. Spacing.
The different types of fidelity are Choose the correct option from
below list
A. high-fidelity
b
B. all the mentioned options
C. mid-fidelity
D. low-fidelity
"Product details" from the section "Product" is an example of
A. secondary navigation
B. utility navigation a
C. tertiary navigation
D. primary navigation
A navigation system must be kept only on the top of a webpage.
A. True b
B. False
When practicing Design System, the body text color should not
use CMYK (0-0-0-100), right
a
A. True
B. False
34 / 42
 wdu202c, WDU202c
HÍc trñc tuy¿n t¡i https://quizlet.com/_djg50x
Does this application interface use a grid structure?
A. Yes a
B. No
These are series of lines which obeys a mathematical structure
for proper alignment on a sc
A. Body
c
B. Container
C. Grids
D. Pixels
Which step in Design Thinking creates the outlines of the project
plan?
A. Empathise
b
B. Define
C. ideate
D. prototype
What are possible tools that small scale projects can use to
analyse how users interact with
A. Eye tracking.
B. Using the designer as a test subject, or ask a friend. c
C. Create questionnaires or use a third party application.
D. Invest in large scales analytical projects with hundreds of test
subjects.
The "Like" or "thumbs up" button across various platforms.
A. Error prevention
B. Consistency and standards b
C. User control and freedom
D. Visibility of system status
What are the two design styles structures when it comes to UX
design?
A. Cascade Process vs. Agile Process.
b
B. Waterfall Process vs. Agile Process.
C. Cascade Process vs. Rigid Process.
D. Cascade Process vs. Asymmetrical Process.
Secondary colors usually make up what percentage of ui design?
A. 30%
B. 40% a
C. 50%
D. 60%
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. a,b
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.
What is NOT a part of UI design?
A. Making decisions to define the form, aesthetics, and look and
feel of a site.
d
B. Rooted primarily in graphic design.
C. Creates tangible, material results.
D. Rooted in research, planning and testing.
In which of the following do we make use of Typography ?
A. Content
B. Interface d
C. Branding
D. All the others
What is the most important factor that determines the success of
b
Ux?
35 / 42
 wdu202c, WDU202c
HÍc trñc tuy¿n t¡i https://quizlet.com/_djg50x
A. Aesthetic element of the product.
B. Design for the right audience.
Advertisements are best fit in a......Website
A. sidebar
B. header a
C. footer
D. navigation
Which among the following convey the idea through different
signs.
A. Icon
b
B. Symbol
C. Signage
D. Graphics
.....and....... are two kinds of hierarchies that are going to affect
content and affect
A. Intention, function a
B. Organization, function
C. Intention, Organization
In the example below. .......has an error in the interface
A. Image
B. Logo a
C. Color
D. Grid structure
.........is a combination of colors used by UI designers when de-
signing an interface.
A. color palette
a
B. style boards
C. main color
D. creative inspiration
Which of the following definitions best describe 'personas' used in
User Segmentation?
A. Are detailed research into one real life example persons.
B. Personas is a specific psychographic profile based on a re-
d
search study, test user, used t the process along
C. Raw data accumulated from researching multiple persons.
D. are short imaginary biographies of people who embody repre-
sentative members of your
What are the four methods of user segmentation?
A. User roles, Client Roles, Psychographics, Experience
B. User function, Culture Demographics, Psychographics, Expe-
d
rience
C. User function, Demographics, Psychographics, Experience
D. User roles, Demographics, Psychographics, Experience
How should the button's label be designed? choose all the correct
answers
A. Contains an icon that illustrates the function of the label
a,c,d
B. A long and specific description of the button's function
C. Accurately reflect the function of the button
D. Should be a keyword
What is an important principle that we need to consider when
building a sitemap and thereby the nav menu?
A. Similarity
b
B. Hierarchy and sequences
C. Emphasis
D. Balance
Neutral buttons are used for friendly themes.
A. True b
B. False

36 / 42
 wdu202c, WDU202c
HÍc trñc tuy¿n t¡i https://quizlet.com/_djg50x
Visual elements must be used as high as possible in a wireframe.
Choose the correct option from below list
b
A. True
B. False
Which designer will build a user flow diagram - depicting the steps
of user interaction with each functi application?
A. Motion Graphic
d
B. Graphic Designer
C. UI designer
D. UX designer
Does this website interface use a grid structure?
A. No a
B. Yes
In order to help visualise the sequential flows of items in a navi-
gation bar, what visual convention can when building a sitemap?
A. Simple lines.
c
B. Dotted lines.
C. Arrows.
D. Spacing.
What main colors are suitable to create a fresh, comfortable
element in a design that is towards natur
A. Blue
c
B. Red
C. Green
D. Black
Wireframes are designed after creating Information architecture.
A. True a
B. False
Why should we put the most important information at the top of
our website?
A. Design with main content at the top will look good in any case
B. That is the general rule of all websites d
C. Content will have the most space to display
D. People will be able to determine very early on if the content is
relevant to them or not
A graphical or text depiction of the relationship between different
groups of content on a website is a:
A CSS
c
B. Page template
C. Sitemap
D. Wireframe
What interface conventions is using for the buttons in the box
marked with a green checkmark?
A. Action and reaction
c
B. Real world knowledge.
C. Consistency
D. Convention
language in design be much..........,much.........will appealing to a
much broader audience.
A more academic, less informal
b
B. less academic, less informal
C. more academic, more informal
D. less academic, more informal

What combines the outward manifestation of the computer-based

system, coupled with all supporting information that describe sys-
tem syntax and semantics? d
A interface design
B. mental image

37 / 42
 wdu202c, WDU202c
HÍc trñc tuy¿n t¡i https://quizlet.com/_djg50x
C. interface validation
D. system image
What is the function of this warning?
A. Give Information
B. Error prevention b
C. System error report
D. Success
What is the optimal number of things that users can concentrate
on at once?
A. 3
c
B. 1
C. 7
D. 2
What is Usability
A. Usability is concerned with the the ease of use with which a
user can interact with your site
B. Usability is concerned with the appearance of your sitr or
product a
C. Usability is concerned with how many people can use your site
at a time
D. Usability is concerned with the length of time it takes for a web
page to load
Based on the human brain's ability to hold few items in short term
memory. How many choices shoul present to the user at any one
time is the optimal number?
A. We should have around 15 items presented to the user if the
website is complex.
B. We should limit the amount of choices we present at one time
d
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 limit the amount of choices we present at one time
to five to nine items.
How many factors determine the success of Ui?
A4
B. 7 d
C. 6
D. 5
What properties are of a button?
A. Size and shape
B. Size, shape and color d
C. Size, shape, color and dimension
D. Size, shape, color, dimension and system
What is one advantage of sliders for application design?
A. They allow both fine and coarse parameter adjustment
B. They represent a more fun and engaging input method com-
pared with other Ul controls.
c
C. They allow users to explore the effect of the control for the whole
range of the associated parameter.
D. They support precise selection of a specific value within a
range.

What is content hierarchy?

A. Content hierarchy keeps the most important information em-
phasized more than less important content.
a,b,d
B. Content hierarchy is the strategic arrangement of information
on a web page (or another content asset)
C. Content hierarchy is a rule for text-only content

38 / 42
 wdu202c, WDU202c
HÍc trñc tuy¿n t¡i https://quizlet.com/_djg50x
D. Often, the important content is at the top of the page and less
important information is toward the bottom.
Wireframes can be
A all the mentioned options
B. doodled on whiteboard a
C. drawn by hand
D. built using a digital tool
Which among the following do you think will involve an additional
task when considered as User inter
A ordering a sandwich.
d
B. None of the above
C. buying a textbook online.
D. withdrawing a large sum of money from an ATM.
Which software platform does not have a human interface guide-
line
A. IOS
d
B. Microsoft windows
C. Mac OS X
D. MS-DOS
What's the next step Build a complete User Persona
A. is a method that allows us to understand how users think and
organize information
B. Analyze data to collect Insight a
C. This method applies face-to-face interviews
D. Gather information about emotions, attitudes, goals, habits, and
motivations
What is the Agile design process format good for?
A. For very large projects that require good structure and constant
update
a
B. For small projects, where the task load is not too big
C. For young projects with young end users
D. For older projects that have older end users.
Choose the best term that applies to this statement: Primarily
non-visual.
b
A. UI
B. UX
Choose the best term that applies to this statement: Creates
tangible, material results.
a
A. UI
B. UX
Choose the best term that applies to this statement: Development
is driven by user behavior and feedback.
b
A. UI
B. UX
Rooted primarily in graphic design.
A. UI a
B. UX
Generating solutions to elevate user engagement on a given
website.
b
A. UI
B. UX
Making decisions to define the form, aesthetics, and look and feel
of a site.
a
A. UI
B. UX

Concerned with how a user chooses to navigate through a web-

b
site.

39 / 42
 wdu202c, WDU202c
HÍc trñc tuy¿n t¡i https://quizlet.com/_djg50x
A. UI
B. UX
Choose the best term that applies to this statement: Rooted in
research, planning and testing.
b
A. UI
B. UX
Which physical relationship is NOT a factor for designing an
interface?
A. the placement of an on-screen button in relationship to a user's
thumb. d
B. the distance of a user's eye from a screen.
C. the scale of a smartphone within a user's hand.
D. the relative position of one user to another.
As a general rule of thumb, about how many characters should be
on a line?
A. 40 to 70
a
B. 60 to 90
C. 50 to 80
D. 70 to 100
You should always stay away from free web fonts.
A. True b
B. False
How do you calculate the ratio of text height to line height?
A. Add the font size to the line height.
B. Add the line height to the font size. c
C. Divide the font size by the line height.
D. Divide the line height by the font size.
What's an argument against using true black text on a true white
background throughout your entire website?
A. It can cause screens to wear out faster.
d
B. It looks boring.
C. It can cause the text to bleed into each other.
D. The high contrast can cause eye fatigue.
On the homepage for Wealthsimple.com, which of the following
principles of visual contrast is used? Click all that apply.
A. color
a,c,d
B. texture
C. space
D. Direction
On the homepage for Neamedia.fr, which of the following princi-
ples of visual contrast are used? Click all that apply.A. direction
B. weight
BCD
C. scale
D. color
E. Texture
Why is it important to consider whitespace in web design?
A. It helps make text appear smaller.
B. It creates drama in a composition and leads the user's eye
around. b
C. It allows you to use up as much space as possible given your
website has the ability to scroll infinitely.
D. All of the above.
Hierarchy enables a designer to guide a viewer's attention equally
to all of the elements on the screen.
b
A. True
B. False

40 / 42
 wdu202c, WDU202c
HÍc trñc tuy¿n t¡i https://quizlet.com/_djg50x
Whitespace must always be white.
A. True.
B. False.
The profile icon with the learner's name in the right hand corner
of the image is an example of:
A. utility navigation
a
B. secondary navigation
C. subsidiary navigation
D. primary navigation
Look at the image taken of the navigation elements that appear at
the top of the Coursera website. Why might Coursera's designers
decide to permanently place a search field in
this area?
A. Coursera's outline of scope probably determined that search
is an important functionality requirement. a
B. Coursera probably thinks that learners like to use the search
field as a wayfinding tool.
C. Coursera probably wants to imitate other search sites like
Google. D. Coursera is following a website design rule which
dictates that every website should have a search field.
Look at the image taken from a science course's description page
on the Coursera platform.
This section, titled "You May Also Like," is an example of what kind
of navigational element?
a
A. related content
B. inline links to other pages
C. index of pages
D. search results for other pages
Looking at this page on the CalArts website, which of the following
wayfinding functions does the blue CalArts logo in the upper-left
corner of
the image accomplish?
Select all that apply.
A. It lets learners navigate back to the CalArts homepage. a,e
B. It lets learners see the path they have traveled within the CalArts
website.
C. it lets learners see where they are on the CalArts site.
D. it lets learners know what page they're on.
E. it lets learners see what site they're on.
You want to deter visitors to your website from copying or re-using
your content by posting a copyright notice. In which of the following
sections does a copyright notice usually appear?
A. header b
B. footer
C. Content
D. sidebar
What is the advantage of an accordion on a website? Check all
that apply.
A. The user gets a scannable overview of the scope of
information.
B. Complex, lengthy information can be presented in a more a,b,d
compact way.
C. You can play German folk music with it.
D. It lets the user open and close content buckets.
E. It makes pages that are really long to be scrolled.
A beer company has asked you to design a landing page for their
website to ensure access is restricted to users aged 21 and up-the
landing page will prompt users to enter their birthdate. Which of c
the following would be an appropriate form element to use?
A. button
41 / 42
 wdu202c, WDU202c
HÍc trñc tuy¿n t¡i https://quizlet.com/_djg50x
B. number stepper
C. date picker
D. dropdown menu
E. Radio
Hierarchy is created through.......
A. Contrast a
B. không bi¿t vì áp án là a :)))
Its content can be easily indexed by search engines.
A. Website a
B. App
It is easier to monetize.
A. Website b
B. App
It requires that users download and install it onto their devices.
A. Website b
B. App
It's easier to control how users can interact with and view content.
A. Website b
B. App
Choose the heuristic that best applies to the following example:
Google's advanced image search.
A. Help and documentation
c
B. Recognition rather than recall.
C. Flexibility and efficiency of use
D. Help users recognize, diagnose and recover from errors
It can be displayed on any device.
A. Website a
B. App

42 / 42