Skip to Content Skip to Navigation

User Experience Toolkit

How to Display Modals

Modal dialog windows are a means to swiftly show information to users on the same page they are working on, thus improving the usability of your site and decreasing unnecessary page reloads.

3 easy steps to making a Modal with Balsamiq

  • Every page should have a 'Frame'.
  • Place a Rectangle over the entire frame
  • Place Modal block in center of Frame and bring forward.

How to Display Modal Example

Unemployment Insurance Accounting Wireframe

Thanks for the feedback! It will help us improve your experience.