Principles of UX/UI
True
T/F: A customer journey map presents the step someone takes to complete a task
True
T/F: Accessibility enables people with disabilities to interpret understand, navigate interact with, and contribute to the web.
True
T/F: An empathy map is divided into four quadrants describing what the persona says, thinks, does, and feels
True
T/F: Cap height, kerning, baseline and weight are all elements included in typography terminology
True
T/F: Design principles lay a better foundation and guide a team through creation and ongoing implementation of a design system
True
T/F: Ideating is about generating ideas. You can do this by sketching, brainstorming mind mapping, and even handwriting notes.
False
T/F: Nielson's heuristic number 2: Match between the system and the real world. This heuristic means concepts, words, symbols, situations or actions refer to the same thing.
True
T/F: Set the number of type faces to two or three to avoid user confusion and distraction from the information and messages you are trying to convey on your website.
True
T/F: Usability is an essential concept in UX/UI design
True
T/F: User interviews are an effective approach to learning more about how and what your users think and what their goals are
True
T/F: Visibility of system status means the website informs the user of what is going on through constructive, appropriate and timely feedback.
False
T/F: a brand style guide is a set of reusable premade design components and patterns that could be used to design products at scale
True
T/F: a brand style guide, specifies every aspect of the look and feel of the brand
False
T/F: a component, such as a button, cannot be reused on a website or an app
True
T/F: a design system consists of objectives and shared values
False
T/F: a grid is the intersection of rows and columns that create units of space. each design element (text, images or buttons) fits into modules
False
T/F: a storyboard is a space where designers can freely explore their ideas without judgment at the start of a project when a board is finished it serves as a resource for the team throughout the project
True
T/F: assisting users, and seeing outcomes of their actions, providing feedback on the outcome of an action, increasing the feeling of direct manipulation, avoiding user errors, and completing a small task are all benefits of incorporating micro interactions into a product
True
T/F: constraints help maintain consistent spacing across different container sizes and configuring resizing behavior
True
T/F: depth, lines, and negative space are all design elements
True
T/F: evaluating a product or service by testing it with representative users is called usability testing
True
T/F: every webpage is made up of squares and rectangles. They are located within an encompassing grid layout.
False
T/F: gutters are the negative space between the outside column's edge and the frame.
False (it's not material design)
T/F: material design is the visible elements of a brand such as color, design and logo that identify and distinguish the brand in minds of customers. it's referred to as brand identity
True
T/F: micro animations begin with a trigger and progressed to a set of instructions, represented visually through animations. The visual output of the micro interaction is animation.
True
T/F: micro animations, are very useful for rewarding, the user after completing an action, such as submitting a form
True
T/F: mood boards are graphic panels that combine different sensory sources to create a dynamic environment that acts as a guide for creative decisions
False
T/F: overlapping refers to the overall arrangement of elements in your design
True
T/F: providing the user with visuals, addressing and solving problems, validating a product section in a relatively short period, and identifying problems or pain points early in the design process are all advantages of rapid prototyping
True
T/F: responsive design is an approach to webpage creation that uses flexible layouts, removing the need to design layouts to suit every device.
True
T/F: the design system is not included in the brand style guide
False
T/F: the hamburger icon is a menu icon that opens an in-line menu
True
T/F: the purpose of a wire frame is to create basic structure for each screen in the design before things like branding colors, and images are considered
True
T/F: there are abstract elements in a design system
False
T/F: usability testing cannot be done online
True
T/F: you can use "fill" to insert an image and Figma
False
T/F: you should conduct a usability test on an uncontrolled basis, which allows the user freedom to do what they want with the product they are testing
False
T/F: you should not name your layers in Figma
Patterns
The building instructions that allow you to use components logically, and consistently across all products
12
How many columns are used in a desktop grid system?
Sub-heading, Heading, Body
Typography hierarchy consists of three sections. What are they?
Guidelines for form design
(1) clearly label your form, (2) sort your form fields from the simplest to most difficult, (3) make use of inline form field validation, (4) keep forms simple and straightforward
The benefits of spacing input fields
(1) user can see that each field is unique, (2) to implement logical grouping to make the form more understandable, (3) the user can identify the labels that refer to the input
The benefits of using a progress indicator in form design
(1) users can see where they are in the flow, (2) users can go back and review content
Prototype
A simulation of the final product
Yes
Are there any guidelines that could help you design your product for accessibility?
Test?
At what stage in the UX/UI process are users and frustrations communicated and highlighted?
Yes
Can a header be considered a component?
Yes
Can you share your prototype and sigma with your team members and stakeholders?
Design systems
Constantly changing collections of reusable components, principles and guidelines
Severity reading/error rating
Defines a score between zero and four to indicate how much it violates a heuristic
Yes
Does the question on the checklist, "Do similar items interact and behave in the same way?" fit into Heuristics number 6, Recognition rather than recall?
Dieter Rams 10 Principles of Good Design
From which set of principles does " good design, is as little design as possible" come from?
Schneiderman's 8 golden rules of UI Design
From which set of principles does " strive for consistency" come from?
Error, memorability, efficiency satisfaction, learnability
Identify the usability quality components in UX/UI. Select all that apply
Canvas
In Figma, the _________ is the background for all your designs. It's where you'll create an evaluate your work
Four solid diamonds
In figma, the icon that represents the main component is four outlines diamonds or four solid diamonds?
Yes
Is it critical that users can use the keyboard to access all interactive elements?
Yes
Is there a difference between groups and frames and Figma?
Yes
Most websites require that a password consists of a mix of lowercase and capital, letters, symbols and numbers. Should you provide clear instructions giving the user immediate feedback on their choice of password?
Necessary form label fields
Required, optional, fail feedback
No
Should a form have a minimum character count for example, a first name with three characters?
Content strategies that present website content in a meaningful way
Specifications, organization, presentation, prioritization
Persona
The user _________ is a fictional character profile that represents the main clientele of a company
Low, mid, high-fidelity
What are the Fidelity levels in prototyping?
Z, E, F
What are the common patterns for the eyes to follow on a screen?
Baseline grid
What grids are used to set the leading line of text to the following line of text?
Tasks, a test script, participants of facilitator or researcher, a letter of consent
What is involved in usability testing? select all that apply
Frame
What is the container where your design lives?
Flexibility and efficiency of use
Which of the following is one of Nielsen's 10 usability heuristics?
Dieter Rams
Who wrote the 10 principles of good design?
Jakob Nielsen
Who wrote the 10 usability heuristics for UI design?
Ben Schneiderman
Who wrote the 8 Golden rules for UI design?
Establish rapport with the participants
Why would you ask your testers warm-up questions when you do a usability test?