There are different Design Patterns to indicate something was clicked depending on whether it's text (changing the link color) or an image (special clicked picture).
I'm looking for an effect that will work well with anything (text, symbols, graphics, photo).
I've got a button with text and images on it and an outline.
I'm considering the different Patterns to indicate the button was pressed.
I"m thinking the most universal (and easy to implement, requiring on special versions of the graphics) would be: Show the button outline as beveled in so it looks like it's been depressed and move the contents of the button down and to the left a few pixels.
The goal here is to make sure that the user always gets immediate feedback when they have successfully touched the button.
- User accessing this web app via Touch Screen and sometimes touches too quickly and thinks they have touched long enough. They then wait for the app... to do nothing.
- Internet connection is slow and the the app is slow to respond. So when they touch the button, they get no immediate feedback that they've touched it.