2

In mobile, using a simple right chevron in a list item, most people globally understand clicking that element to bring them to a new page.

But with modals, the standard launching platform/object tends to be a button. But a button is ambiguous.

I'd like to use a chevron within the modal's launch button, but that feels misleading since you're not actually going to a new page. Is there a better symbol for conveying opening content in a modal?

Edit

In particular, the type of modal I want to use is the style that Airbnb uses:

enter image description here

@EvilClosetMonkey I'm not sure if this still applies to this article since it feels less like a dialog, yet still has the animation and see through background that lets the user know they haven't truly left the current page.

1

1 Answer 1

1

I'm not aware of a symbol or clear way of indicating that a button will result in a modal popup as opposed to a new window or a redirect, not an intuitive one anyways.

There is the 'pop this view out to its own window' symbols and fullscreen symbols and exit fullscreen symbols.

Tabs, expands, sliders are just links docked to a visual control that users intuitively know what that control will do.

But for a link to pop up a modal, you just have to click it to see. The pop-out symbol isn't the same as what you're talking about, and both the modal and redirect are associated with the same controls. I know this doesn't solve your question but thats my answer. :\

I've never seen this done before, but you might want to play around with some icons and see if that achieves what you might expect. Imagine a button that says Edit with this popout symbol to the right of it. enter image description here

Or perhaps an external link symbol. enter image description here

Also consider that just because there isn't a global standard for this, doesn't mean that you couldn't train your users by being consistent with your symbols. If when using the site, all modal links were consistently and noticeably different, I believe they would quickly learn what to expect.

Hope that helps.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.