<?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 visual tools to indicate the importance of alert modals
Exercise

Use visual tools 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
Ecommerce website wireframing
Exercise

Ecommerce website wireframing

Wireframing Examples by Use Case
Static format
Exercise

Static format

Design Format Properties
Using texture to set the mood
Exercise

Using texture to set the mood

How to Use Visual Design Elements
Avoid multiple modals
Exercise

Avoid multiple modals

Best Practices for Designing UI Modals
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
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
Using shapes in UI design
Exercise

Using shapes in UI design

How to Use Visual Design Elements
Using scale for visual hierarchy
Exercise

Using scale for visual hierarchy

How to Use Visual Design Elements
Using color for emphasis
Exercise

Using color for emphasis

How to Use Visual Design Elements
Horizontal layout
Exercise

Horizontal layout

Intro to Design Formats
Vertical layout
Exercise

Vertical layout

Intro to Design Formats
Volume
Exercise

Volume

9 Core Visual 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
Allow zoom without affecting the layout
Exercise

Allow zoom without affecting the layout

11 Real-World Design Examples that Prioritize Accessibility
Follow level AA color contrast guides
Exercise

Follow level AA color contrast guides

11 Real-World Design Examples that Prioritize Accessibility
Use enough spacing
Exercise

Use enough spacing

11 Real-World Design Examples that Prioritize Accessibility
Avoid rapidly flashing videos and animations
Exercise

Avoid rapidly flashing videos and animations

11 Real-World Design Examples that Prioritize Accessibility
Exercise

Provide a logical heading structure

11 Real-World Design Examples that Prioritize Accessibility
Put users in control and prevent autoplay
Exercise

Put users in control and prevent autoplay

11 Real-World Design Examples that Prioritize Accessibility
Use captions and transcripts
Exercise

Use captions and transcripts

11 Real-World Design Examples that Prioritize Accessibility
Don't rely on color only
Exercise

Don't rely on color only

11 Real-World Design Examples that Prioritize Accessibility
Exercise

Allow navigating with keyboard

11 Real-World Design Examples that Prioritize Accessibility