HOVER Button State: Thoughts/Ideas (?)
Jan 25, 2016
Hello eL Heroes:
I have a small gap in my eLearning Projects that I'd like to take care of, notably, that of a rather plain, ie: nonexistent HOVER Button State.
This isn't necessarily a bad thing, as all of my other built-in and customized States have something in them to make them look distinguishable from each other, so those more "normal" or Standard appearances are essentially slightly overlapped with a "minimalist" look when the user hovers over these buttons.
I was just wondering what you all use for a button's hover state, and if you do use something in particular, your thinking/context/reasons for use behind it.
...Do you use a border or fill effect for this type of state?
A fancy halo or glow effect?
...Something in-your-face?
Or something more subtle...?
Thanks!
-Mark
6 Replies
We usually create custom buttons, a hover state looks like a filled version of what the normal/active state.
Lately, I've been doing a lot of software/website demos in storyline. When it's sensible to do so, I like to borrow/steal design elements from the software I am trying to demonstrate. The website I'm currently building a demo for has the following menu:
Consequently, when I designed the menu for my story line module, I tried to use the same design elements:
Generally, I try to find any kind of a hover state effect in what I'm doing and imitate it if possible. Aside from that, I generally use the effect you see above. Whatever color the shape is, I brighten it a bit for the hover effect.
Hi Preston:
Glad you were able to get things aligned well for your eLP vis-à-vis your website.
I wish my situation were that simple, but I really like the clean look of your design.
It's a bit tricky for me to use just one specific color for a universal Hover State, as the button I have designed for my project is multi-purpose, and has a few different states with varying colors to indicate different statuses, so I need something fairly universal that will work with/cover ALL of them (I have about 4 or 5 in total), if possible.
I'm thinking a fairly generic kind of glow effect might work best for my current situation, as it just needs to give off a basic "sheen", without getting too overly specific or complex.
Hi Jen:
Thanks for your reply. I'm currently pondering whether or not to make my related button states similar to each other in color to see if I can take advantage of your suggestion.
Example of a hover state
Example of an active state.
On a colored background of course.
This discussion is closed. You can start a new discussion or contact Articulate Support.