Skip to content

7 Comments

  1. Yingying
    11th November 2015 @ 7:10 pm

    Thanks! Very helpful info. I’m currently designing a wizard and I use overlay, it has several steps and we expect it to be working on mobile as well. Looks like I need to move away from it.

  2. Paul Evans
    15th November 2015 @ 10:52 am

    Excellent points. I couldn’t agree more. Thanks for the advice.

  3. phil
    4th March 2016 @ 11:29 pm

    I disagree about modals being anything other than a tool to restrict user behavior into following a step before they move on. They are not bad boys they are the traffic cops of the web.

    An interesting article would be to define when one uses a modal vs when one uses a tooltip and why. Some of that is here so that’s good but clarity is needed. point number 6 is excellent and often overlooked.
    6. Don’t include multiple steps in a tooltip.

    tooltips use- I don’t approve of the arrow for filling in editing info since it has to really be brower sensitive and user sensitive. ie. It can be off the page and the user wont see it.
    -quick info that relates to the page you are on.

    modal use
    -forcing users to approve what they have done! Are you really sure etc. Modals are to warn the user “are you sure you want to do this – something will be lost” etc.

  4. phil
    4th March 2016 @ 11:56 pm

    good ideas but modals are not the badboys of ux – they are the traffic cops.
    meant to warn you before you go further.
    Also tooltips for editing is a bad approach because the tip can fall out of view and be useless. I do like step number 6 though – that’s excellent. JIRA does it but how much is too much. Good discussion

  5. Julia
    15th August 2016 @ 6:41 pm

    Hi

    I need your thought, in SPA (single page application) when submit form for login, do we need to user overlay whole body, or just disable input + button + change button state to “Loading..” ?

    My concern if not using overlay whole body, then use still able to click/navigate to register page via link at bottom form login..

    Thanks

  6. Atul
    18th May 2017 @ 3:47 pm

    Excellent Tips. I am a beginner in this field and want to learn UI designing skills and principles. This was an excellent article. It really helped me a lot.

  7. RitchieD
    6th June 2017 @ 6:32 pm

    Excellent best practices for overlays.

Share via
Copy link