博雅彩票手机app下载

ztr112.cn
The bad news

Modals are the crutch of the inarticulate designer and developer.

while there are genuine, good uses for them, many modals are…

  • disruptive, invasive, and confusing
  • used as an interaction junk drawer
  • used too often :)
  • hard to escape
  • poorly accessible
  • a frustrating user experience on small screens
  • blocking the user's interaction with the “parent window”
  • adding to cognitive load with non-essential content or interactions
  • easily replaced with other patterns that are less jarring
The good news

It doesn’t have to be a modal!

have you considered using the following?

  • Non-modal dialogs

    use them for non-critical interactions that don't block the user (like toasters).

  • Go inline

    博雅彩票手机app下载present your content inline to be less disruptive.

  • Expanding elements

    博雅彩票手机app下载use expanding elements such as accordions, toolbars, tooltips, or sliding sidebars (or other modeless elements).

  • New page

    lead the user to a different page to isolate the interaction without losing access to functionality such as navigation.

  • Undo patterns

    instead of for instance confirmation modals, consider using inline “undo” option to speed up the user's interactions.

When all else fails

Getting modalz right

博雅彩票手机app下载if you absolutely have to use one, make sure your modal is a good one!

  • Do:Easy to close

    make it simple to get rid of ‐ by escape key, clicking outside the modal window, and a clearly labelled close button.

  • Do:Single purpose

    limit the interaction to one, straightforward task.

  • Do:Keep it short

    博雅彩票手机app下载 be brief and concise in your content

  • Do:Accessible accessible accessible

    博雅彩票手机app下载 this is fairly selfexplanatory — if you can't make it accessible, don't use a modal.

  • Don't:Modal inception

    avoid opening a modal from a modal.

  • Don't:Fullscreen modals

    博雅彩票手机app下载 you might as well navigate to a new page then.

  • Don't:Multi-step modals

    博雅彩票手机app下载 never create a multi-step modal. that way madness lies.

  • Don't:Self-spawning modals

    never present modals unless prompted by the user.

  • Don't:Marketing modals

    seriously, nobody wants that shit — especially not your newsletter.

And remember to always ask, kids:

“Why does this have
to be a modal?”

博胜彩票登入博雅彩票手机app下载 博胜彩票网址多少 博課國際 博趣彩票手机app下载 博达彩票网址多少 博趣彩票网址多少 博趣彩票登入博雅彩票手机app下载 博达彩票手机app下载 博金彩票登入博雅彩票手机app下载 博金彩票手机app下载