web-dev-qa-db-fra.com

Comment indiquer qu'une barre de progression circulaire est cliquable?

S'il vous plaît quelqu'un peut-il me guider à travers cela?

Comment puis-je améliorer l'expérience utilisateur de cette zone pour la rendre cliquable à la fois dans la vue mobile et Web. J'ai essayé d'utiliser des bordures brillantes mais en mobile ça ne marche pas. Il s'agit d'un chargeur qui affiche la progression mais son complètement cliquable. L'exigence du client est de ne pas utiliser le bouton pour cliquer.

enter image description here

1
Ollie

La progression du défi lui-même ne doit pas être cliquable . L'image que vous avez jointe me donne la notion que vous montrez actuellement la progression du défi 1. La progression elle-même ne peut pas être rendue cliquable. Au lieu de cela, vous pouvez fournir un bouton juste en dessous de la barre de progression qui peut nous amener à nous mettre au défi.

Le filaire est attaché:

enter image description here

6
Sheraz

Mon expérience serait améliorée si vous utilisiez des couleurs avec un meilleur contraste avec l'arrière-plan afin que je puisse réellement lire ce qui se passe.

Vous devez ajouter un bouton/texte qui indique sa zone cliquable "Open challange" ou quelque chose de similaire.

2
Pectoralis Major