Nick Babich, a U.S software developer and manager at RingCentral offers direction and advice to establish the ‘5 Essential UX Rules for Dialog Design’. The rules he suggests you follow are most relevant during the prototyping phase. He highlights the following five in this article:
1. Reducing Interruption: no random pop ups that may annoy the users, unless warning about an important acknowledgment. Alternatively, allow the user to anticipate and predict the popup.
2. Match Between Dialog and The Real World: Focus on clarity, provide important information and be specific with how you word and present the dialogue. Offer confirmation of an action and provide closure.
3. Stay minimal: If you need to cram things into a dialogue, maybe consider using another design solution? Simplify and remove elements that don’t support user tasks. Avoid having more than two actions in a dialogue to prevent unanswered dialogues.
4. Select Proper Dialog Type: Consider if Modal dialogs (force a user to interact with them before continuing) or non-modal dialogs (allow users to click or tap outside of them to dismiss) are most appropriate before implementation.
5. Maintain Visual Consistency: Having a clear close button and allowing users to click or tap away to close the dialog (except modal dialogs) reduces potential user annoyance. Fading or darkening the background when a dialogue pops up draws attention to the overlay and lets the user know that the page isn’t currently active.