Menu
  • UX Trending
  • UX PODCASTS
    • DESIGN UNTANGLED
    • UX CAKE
  • UX Reading Room
  • UX Portfolio Building
  • UX JOBS
    • Atlanta
    • Dallas
    • Los Angeles
UXShareLab… everything you need to know about UX and more…
for the user experience design community

Search

Browse: Home   /   modal

What justifies a full page modal navigation?

What justifies a full page modal navigation?

What arguments support having a full page modal acting as a hub that takes you to different actions / pages that are linked together?
For instance imagine an app where you manage recipes, you would have a button opening a modal menu with:
…

share this post : )

  • Tweet
  • More
  • Click to email a link to a friend (Opens in new window) Email

How to present six or more options in a card / modal on mobile screen (to abort an order)

How to present six or more options in a card / modal on mobile screen (to abort an order)

I am working on an app which is used by workers to complete an order within a fixed/ closed process. Since the process is closed until the order is finished, workers need the option to abort in case they run into serious issues (e.g. accid…

share this post : )

  • Tweet
  • More
  • Click to email a link to a friend (Opens in new window) Email

Bottom sheet on top of popup on mobile

Bottom sheet on top of popup on mobile

Is it problematic to open a bottom sheet on top of a popup on mobile?
Flow

User is shown a popup
User taps "Select option" dropdown-like input field
Bottom sheet with options are shown on top of popup

Please share any related r…

share this post : )

  • Tweet
  • More
  • Click to email a link to a friend (Opens in new window) Email

Can I use both toggle switch and checkbox in one modal?

Can I use both toggle switch and checkbox in one modal?

First of all, I am not a native speaker, I ask for your understanding even if the writing is weird. I’ll explain it in as much detail as possible. If you need further explanation, please leave a comment.

This is a modal, can change the se…

share this post : )

  • Tweet
  • More
  • Click to email a link to a friend (Opens in new window) Email

Edit mode + Side panel/Modal, how to deal with double validation?

Edit mode + Side panel/Modal, how to deal with double validation?

I am currently struggling with an edit mode user scenario inside a web application.
Context

The web application will be used also on mobile, so we can’t use “on hover” comportment.
99% of the time, users will read and not edit information…

share this post : )

  • Tweet
  • More
  • Click to email a link to a friend (Opens in new window) Email

Help me make this dialog intuitive

Help me make this dialog intuitive

It’s a pretty simple use case.
I have a modal with an editable form. If the user enters something into the form and then tries to cancel, we want to warn them they have unsaved changes, which they’ll lose if they proceed.
For some reason, …

share this post : )

  • Tweet
  • More
  • Click to email a link to a friend (Opens in new window) Email

Modal with horizontal tabs, each tab has different content size

Modal with horizontal tabs, each tab has different content size

I have a modal, which has horizontal tabs at the top of it.
Below the tabs is the tab content.
Each content has different height.
Without properly handling it – the modal size will have to change, which means that the tab’s vertical positi…

share this post : )

  • Tweet
  • More
  • Click to email a link to a friend (Opens in new window) Email

Good idea to design go back button in modal

Good idea to design go back button in modal

I need some directions, currently I have a list, if I click one of the items, one modal is shown with information about the item previously selected, and a list of its children, so if I click one of its children the modal information is u…

share this post : )

  • Tweet
  • More
  • Click to email a link to a friend (Opens in new window) Email

What is this mobile bottom sheet UI element called?

What is this mobile bottom sheet UI element called?

I want to communicate the implementation of this kind of bottom sheet to developers, specifically how it’s a tall bottom sheet, but you can still see the background minimized underneath. What is this called?

share this post : )

  • Tweet
  • More
  • Click to email a link to a friend (Opens in new window) Email

Modal, Slide In or New Page?

Modal, Slide In or New Page?

I’m currently putting together a page that consists of a grid of offers (say 24).

The data I want to display along with a pic means that each offer will take up approx 200-300px square – not dissimilar to the way Fiverr disp…

share this post : )

  • Tweet
  • More
  • Click to email a link to a friend (Opens in new window) Email

Topics

Universal Design & Accessibility uxstackexchange Usability UI design UX Jobs in Atlanta UX Jobs Los Angeles user-behavior User Research Visual Design User Experience UI UX User Interaction UX Rockstars WordPress Plugins Web Design UX Toolbox WordPress Gutenberg UX Jobs Atlanta UX Design web-app wordpress User testing uxbooth UX Jobs Dallas

Feeds

UI UI design Universal Design & Accessibility Usability user-behavior User Experience User Interaction User Research User testing UX uxbooth UX Design UX Jobs Atlanta UX Jobs Dallas UX Jobs in Atlanta UX Jobs Los Angeles UX Rockstars uxstackexchange UX Toolbox Visual Design web-app Web Design wordpress WordPress Gutenberg WordPress Plugins

<span>recent posts</span>

  • UX in 2018: The human element

    • Anywhere
  • Three Takeaways from the Hawai’i Missile False Alarm

    • Anywhere
  • UX in 2018: Content

    • Anywhere
  • UX in 2018: Design, Development, and Accessibility

    • Anywhere
  • The Power and Danger of Persuasive Design

    • Anywhere

connect to uxsharelab

Enter your email address to subscribe to receive notifications of new posts by email.

UXShareLab. Copyright © 2018. All rights reserved.

  • Contact UXShareLab
  • UXShareLab Community
  • UX PROCESS
  • Recommended Reading
  • UX StackExchange