Freebee / example : Button that doesn't change to hover state when selected, just like Microsoft and most interface buttons

Jul 27, 2016

I'd like to share with you a button set, one that behaves in the way I think buttons should behave, i.e. once selected they don't hover.

A button that doesn't change to hover state when selected, just like Microsoft and most interface buttons.

I used two state triggers to force the buttons to do this, also ensured that the buttons to be in a button-set.

Enjoy:)

Byron

9 Replies
byron tik

Thanks Brett, it's always great to get positive feedback, I think if you would make a request for this solution, like I did, it may well end up in a future update.

  • Do you think it reflects modern interfaces better?
  • Do you think we should make any other changes?
  • Do you think the standard Storyline buttons set should behave like this.

Let me know if you have anything else, I enjoy solving little storyline design puzzles

Brett Rockwood

Byron, one thing I noticed about your buttons was there was no visited state so I couldn't set up conditions on the Next button to force users to view all buttons. I'm sure it could be done — and I spent a few minutes messing around with it — but I didn't spend enough time to come up with a solution. If you're looking for a puzzle, maybe that's a good one...

byron tik

Hi Brett 

This one was a little trickier, but got it to work by forcing the state to visited.

Traditionally with links you change the textcolour in the visited state, flat design is quite minimal and changing the text to a darker state or lighter green (your choice) for visited works quite well. 

If you need to indicate completion, indicating  'you've been here'  I sometimes use a little check-mark ✓,  see slide 2

I have made a new file with two slides for you.

This discussion is closed. You can start a new discussion or contact Articulate Support.