Highlight 'Save draft' button

Sometimes users write a long paragraph in the composer, but suddenly need to close the composer to do something else, or reply to some more important posts.

A modal will be displayed asking the user what they want to do with their existing posts.

But here’s a problem. The “Discard” button is btn-danger, which has a red background, so it becomes the most visually prominent button of the three.

image

Users have to expend extra brainpower to go around the corner, asking them to click the unobtrusive “Save draft” to save their drafts. Once they click the most prominent red button without thinking, their draft is gone forever.

I think maybe putting the delete button at the end of the three buttons, and using btn-primary to emphasize a button that the user is most expected to choose can reduce this danger and get a better user experience.

Like this…

image

6 Likes

Okay maybe that one just looked a bit like the blinking lights on a police car… so maybe this?

image

2 Likes

I actually quite liked your first suggestion. :slight_smile:

2 Likes

And I liked second one :wink:

But the conclusion made by majority is both are better than default :rofl:

2 Likes

hope someone can write a css to support this ^^