UIUXjobsboard

GLOSSARY

Modal

UX Design

What is a Modal

A Modal (also known as modal window or dialog box) is a secondary window that appears on top of the main interface, temporarily interrupting the user's workflow. It creates a mode that disables the main window but keeps it visible, with the modal window as the active element.

When to use Modals

Implement modals when you need to:

  • Focus Attention: Capture user focus for important decisions or actions
  • Collect Information: Gather specific input without leaving the current context
  • Display Critical Information: Show important notifications or confirmations

How to design effective Modals

Create user-friendly modals by providing clear exit options, maintaining appropriate sizing, ensuring keyboard accessibility, and implementing proper focus management. Include visual hierarchy that guides users through the intended action.

Best Practices for Modals

Design modals with purpose and restraint. Avoid using them for content that could be part of the main interface, ensure they're responsive, and maintain context with the underlying page. Always provide clear feedback and escape mechanisms.

UX Design Terms

See more UX Design terms

Agile UX

What is Agile UX Agile UX is an approach that integrates UX d...

Microcopy

What is Microcopy Microcopy refers to the small pieces of tex...

Benchmarking

What is Benchmarking Benchmarking in UX is the process of mea...

Call-To-Action

What is a Call-To-Action A Call-To-Action (CTA) is a design e...

Design Thinking

What is Design Thinking Design Thinking is a human-centered a...

Responsive Web Design

What is Responsive Web Design Responsive Web Design (RWD) is ...