UX/UI - Unit 1: Exam PREP

How do you study?

Study Skills

Before diving into our review, how do you study / prepare for exams?

Open Ended

How do you study / prepare for exams? Describe your process as best you can.

How to Study

The Mosley Method

1. Decomposition: Breakdown each topic that was learned in the Unit / Scope of the Assessment so you know what you need to study

2. Abstraction: Zoom in on the topics that you are weakest at and complete practice questions for those topics

3. Debugging: Identify what you don't understand and continue to study those topics

4. Pattern Recognition: Pay attention to the types of problems/topics you struggle with most

5. Algorithms: Repeat the process until you feel confident in what you know

Fill in the Blanks

is how a user interacts with and experiences a product, system or service.

Match

Match the following w/ their key word/phrase

• Step-by-Step

• Break Down

• Zoom in/out on details

• Identify trends/patterns

• Review and Fix Mistakes

Algorithms

Decomposition

Abstraction

Pattern Recognition

Debugging

• Algorithms

• Decomposition

• Abstraction

• Pattern Recognition

• Debugging

Multiple Choice

Which Principle of Design is MOST exemplified in this image?

• Emphasis

• Repetition

• Whitespace

• Balance & Alignment

Multiple Choice

Which Principle of Design is MOST exemplified in this image?

• Proportion

• Repetition

• Whitespace

• Movement

Multiple Choice

Which Principle of Design is MOST exemplified in this image?

• Proportion

• Repetition

• Whitespace

• Balance & Alignment

Draw

Draw an example on ONE (1) Principle of Design.

Categorize

Options (12)

Usable

Useful

Enjoyable

Equitable

Needing Motivation

Fear

Limited Memory

Making Errors

Reading Patterns

Size Matters

Typeface Weight

Direction

Organize these options into the right categories

Characteristic of Good Design

Human Factor

Principle of Visual Hierarchy

Match

Match the following terms to the images.

Sketch

Wireframe

Mockup

Prototype

• Sketch

• Wireframe

• Mockup

• Prototype

Multiple Select

Which of the following are the THREE (3) Basic Elements in Figma?

(Choose 3 Options)

• Lines

• Shapes

• Components

• Text

Categorize

Options (8)

On Tap / Click

On Drag

After Delay

While Pressing

Navigate to

Change to

Scroll to

Open Overlay

Organize these options into the right categories

Figma Triggers

Figma Actions

Multiple Choice

Raeldo opened his Chase app to send some money to his mom. He clicked on Zelle, entered the amount and clicked send, but the send button didn't respond. Raeldo couldn't send the money through Zelle and ended up taking out the cash to give to his mom. This situation is an example of a(n) ________.

• Iconography

• Happy Path

• Edge Case

• Human Factor

Multiple Choice

Which symbol goes before a hex code?

• @

• $

• *

• #

Fill in the Blanks

Design shapes the user’s digital experience. From websites to mobile apps, this type of design encompasses the visual and interactive elements that users engage with.

Drag and Drop

​

Placeholder

are ​

Placeholder

of common objects that can easily be ​ recognized . ​

Placeholder

is the style, arrangement or appearance of ​

Placeholder

on a page.

Drag these tiles and drop them in the correct blank above

visual representations

Icons

Typography

printed letters

Colors

Hex Codes

Components

Hotspot

Where should the user click to ADD a VARIANT?

Drag and Drop

​

Placeholder

is the ability to​

Placeholder

​

Placeholder

and make it act in a ​

Placeholder

manner.​

Drag these tiles and drop them in the correct blank above

Power

define

phenomena

desired

Work

Energy

Force

Create

Make

Drag and Drop

Power = ​

Placeholder

/ ​

Placeholder

Drag these tiles and drop them in the correct blank above

Work

Time

Energy

Phenomena

Goals

Change

Momentum

Mass

Word Cloud

In one word, how are you feeling about tomorrow's Exam?