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

Avoid changing paradigms, as this is worse for user expectations. If a user is tracking progress with the progress bar you have provided, having it suddenly change to an indeterminate state will not be satisfying (in my opinion). Suddenly all information on progress goes away? I would think that things are going bad. To me this is worse than a progress ...


2

For processes where the output is indeterminate, use a progress bar which is Continuous/ Indeterminate. Here's a good example to follow for different types of Progress: I believe the 4th transition above showcasing types of Progress bars answers your question regarding how to transition between Indeterminate to Determinate and vice versa. One can even ...


2

This is all great feedback. I am actually planning to include a distribution curve separately. It seems to me that the best and simplest solution is to have a clean number. Here is a summary of my thinking, with some of your feedback incorporated.


2

1) Maybe use normal distribution as a graphic: However, I'm not sure how the average users will be able to comprehend the graphic. I've never seen someone using normal distribution for rankings. 2) The other alternative is the progress bar slider: In my opinion, the progress bar slider will be more intuitive and easier to comprehend by the users, but ...


0

In Occam's Razor layman's terms : "the simplest explanation is usually the correct one" So, Pie Chart or even better, a Gauge Chart is probably your best bet. If you need to have a sequence, then add them as a sequence, simple and to the point. Undoubtedly, there are many other ways to do this, but in most cases, you don't need to complicate things ...



Top 50 recent answers are included