<?xml version="1.0" encoding="utf-8"?>
Uxcel
Pro MembershipFor TeamsHelp
Log inSign up

Use Cases Exercises

Explore hands-on “Use Cases” exercises to sharpen your skills and level up your craft. Want more? Browse all search results

Use modals for conveying critical information
Exercise

Use modals for conveying critical information

Best Practices for Designing UI Modals
Golden ratio grid
Exercise

Golden ratio grid

Design Format Properties
Use a consistent case
Exercise

Use a consistent case

Intro to UX Copy
Provide visible options to close the modal
Exercise

Provide visible options to close the modal

Best Practices for Designing UI Modals
Provide helpful information in the message body
Exercise

Provide helpful information in the message body

Best Practices for Designing UI Modals
Put the purpose in the title
Exercise

Put the purpose in the title

Best Practices for Designing UI Modals
Use keyboard focus on desktop
Exercise

Use keyboard focus on desktop

Best Practices for Designing UI Modals
Golden ratio
Exercise

Golden ratio

Design Format Properties
Limit system-initiated modals
Exercise

Limit system-initiated modals

Best Practices for Designing UI Modals
Passive zones
Exercise

Passive zones

Design Format Properties
Use success modals sparingly
Exercise

Use success modals sparingly

Best Practices for Designing UI Modals
Use visuals to indicate the importance of alert modals
Exercise

Use visuals to indicate the importance of alert modals

Best Practices for Designing UI Modals
Exercise

Allow closing modals by clicking outside

Best Practices for Designing UI Modals
Active zones
Exercise

Active zones

Design Format Properties
Use separate cards to display items on distinct topics
Exercise

Use separate cards to display items on distinct topics

Best Practices for Designing UI Cards
Dynamic format
Exercise

Dynamic format

Design Format Properties
Avoid using more than two action buttons
Exercise

Avoid using more than two action buttons

Best Practices for Designing UI Modals
Use explicit button labels
Exercise

Use explicit button labels

Best Practices for Designing UI Modals
Planes in Elements
Exercise

Planes in Elements

Intro to Design Elements
Ecommerce website wireframing
Exercise

Ecommerce website wireframing

Wireframing Examples by Use Case
Planes in compositions
Exercise

Planes in compositions

Intro to Design Elements
How to use volume in compositions
Exercise

How to use volume in compositions

Intro to Design Elements
Static format
Exercise

Static format

Design Format Properties
Dots in compositions
Exercise

Dots in compositions

Intro to Design Elements
Applying texture
Exercise

Applying texture

Design Element Properties
Avoid multiple modals
Exercise

Avoid multiple modals

Best Practices for Designing UI Modals
How to use volume
Exercise

How to use volume

Intro to Design Elements
Weather forecast app wireframing
Exercise

Weather forecast app wireframing

Wireframing Examples by Use Case
Taxi app wireframing
Exercise

Taxi app wireframing

Wireframing Examples by Use Case
Real estate agency wireframing
Exercise

Real estate agency wireframing

Wireframing Examples by Use Case
Beauty and fashion wireframing
Exercise

Beauty and fashion wireframing

Wireframing Examples by Use Case
Lines in compositions
Exercise

Lines in compositions

Intro to Design Elements
Marketing agency wireframing
Exercise

Marketing agency wireframing

Wireframing Examples by Use Case
Banking dashboard wireframing
Exercise

Banking dashboard wireframing

Wireframing Examples by Use Case
Music app wireframing
Exercise

Music app wireframing

Wireframing Examples by Use Case
Social media app wireframing
Exercise

Social media app wireframing

Wireframing Examples by Use Case
Food delivery app wireframing
Exercise

Food delivery app wireframing

Wireframing Examples by Use Case
Guide user attention with a dark overlay
Exercise

Guide user attention with a dark overlay

Best Practices for Designing UI Modals
Writing use cases
Exercise

Writing use cases

ChatGPT in User Research
Applying shape
Exercise

Applying shape

Design Element Properties
Applying scale
Exercise

Applying scale

Design Element Properties
Applying color
Exercise

Applying color

Design Element Properties
Dots in elements
Exercise

Dots in elements

Intro to Design Elements
Wireframes should focus on a team's plan and goals
Exercise

Wireframes should focus on a team's plan and goals

Wireframing Examples by Use Case
Horizontal layout
Exercise

Horizontal layout

Intro to Design Formats
Vertical layout
Exercise

Vertical layout

Intro to Design Formats
Volume of elements
Exercise

Volume of elements

Intro to Design Elements
Lines in elements
Exercise

Lines in elements

Intro to Design Elements
Use alternative text for images
Exercise

Use alternative text for images

11 Real-World Design Examples that Prioritize Accessibility
Exercise

Allow users to control image carousels

11 Real-World Design Examples that Prioritize Accessibility