bethlakshmi / gbe-divio-djangocms-python2.7

3rd try is the charm - Divio Cloud, Django CMS, Python 3.x, Django 3.x
Apache License 2.0
6 stars 1 forks source link

More obvious alerts #548

Open bethlakshmi opened 1 year ago

bethlakshmi commented 1 year ago

We think our alerts (especially the success) may be too subtle.

Scratch got 2 confused users this year who didn't realize they submitted successfully, even though they presumably saw the "you were successful" alert at the top of the page.

What do we do @burlexpo @carynaudenried ?

Screenshot 2023-11-13 at 9 55 49 PM

These are what our current alert blobs look like.

Colors of everything are editable with no code change.

Glad to change sizes of anything. Or move it around?

Screenshot 2023-11-13 at 9 56 44 PM

Right now, the alert displays on the working area, at nearly 100% of the width, but only as tall as the text requires (plus padding)

Let me know.

burlexpo commented 1 year ago

I'll defer to @carynaudenried but I think we should use a h2 or h3 font and put a medium weight border around the alert -- and maybe a drop shadow?

bethlakshmi commented 1 year ago

Our h2 & h3 tags include using Limelight - which is cool looking, but not great for alerting, which should be super easy to read.

Screenshot 2023-11-20 at 12 50 42 PM

Here's a few with the font size "large" (18px), and the border widened to 5px. The border colors are quite subtle, which adds to their invisibility.

How's that? It's still smaller than the font of h2... but IMO when I went that big, it looked crazy big and a bit like I had made it for preschoolers.

Other question - do we want act tech info alert to scale similiarly? it's a weird one, as it's on the landing page and not feedback from something the user just did.