New answers tagged

2

Go for it. One of the added benefits of showing immediate feedback in the button being interacted with is a reduction in duplicate form submissions. This can be really helpful in ecommerce instances where a double submission might result in a double charge. Best practice would be to limit the behavior to 'positive' additions/submissions, rather than ...


2

It's fine to have spinner / progress indicator in a button, but try to make the button big enough and put the indicator in the corner, so that the users don't feel distracted by the spinning indicator. A good example from Facebook iOS app login page:


2

Your button should have 3 phases if you plan on using the Progress indicator inside. Static Progress Success or Failure Floating Action Buttons in Material Design use a similar concept. You might be able to relate to this example on Material Up. The Static phase indicates the action to be performed. The Progress phase has a Determinate or Indeterminate ...


2

I se no problem using such a solution, but keep in mind that: When submitted, the button shall only use the progress bar (left to right). When submission is completed, the text "Submit" shall NOT be available again, instead use that check mark indication that the submission was completed. And, of course, Use good contrast colors and remember to change the ...


1

I think this depends on the culture of your target users. For example, head shake means no in most countries, but in some it means yes.. To quote https://en.wikipedia.org/wiki/Head_shake : Different cultures assign different meanings to the gesture. I think because we associate shaking in the UI to head shake gesture, we think that users should ...


0

Like Michael I'd love to see some data as well. Speculating from my own perspective I would imaging there is a fine line and would depend on how the animation is implemented. I would, and I expect a lot of people would, associate a 'buzz' with a negative response. We have all sorts of negative associations here 'angry buzzing', 'electrical buzz/zap', or '...


2

I think you are talking about something which is available in jQuery, which they call "Easings" https://api.jqueryui.com/easings/ In this website the movement is communicated using a diagram which animates the movement when clicked. There are variations which include things like bounce and elasticity. Basically the variable you are missing is the rate of ...



Top 50 recent answers are included