web-dev-qa-db-fra.com

Site mobile - Classement par étoiles

Existe-t-il une meilleure pratique ou un bon exemple montrant comment une interaction d'évaluation 5 étoiles s'afficherait sur un site Web mobile pour évaluer le contenu?

Voir l'exemple ci-dessous: Example

1
Aaron Benjamin

Jetez un oeil à la Mobiscroll - Scroller Note & Grading!

Faits saillants

  • Évaluation facile des produits
  • Gère les données de publication
  • Met à jour le HTML sur l'évaluation

Que faire

  • Appuyez sur votre chocolat préféré
  • Éléments de taux
  • Essayez le mode d'affichage à bulles
  • Essayez-le sur votre téléphone à msc.li/2t8w

default image

Vue pour définir la note:

set rating image

0
Code Maverick

Il existe différentes façons pour l'utilisateur de donner une note sur les appareils mobiles. Ci-dessous, je vais vous montrer trois méthodes différentes pour certains sites/applications.

Google Play Store Vous avez exprimé votre inquiétude concernant le nombre limité de propriétés dans la vue mobile et comment il peut être difficile pour les utilisateurs d'évaluer le contenu. Google Play vient d'agrandir l'interface utilisateur de la notation. Au lieu de la petite note au coin comme dans votre maquette, vous pouvez utiliser des étoiles plus grandes sur la page de détail du contenu.

enter image description here

Amazon.com Une autre méthode consiste à répertorier toutes les possibilités de notation afin que l'utilisateur puisse clairement toutes les notes disponibles et puisse simplement appuyer sur la note qu'il souhaite donner à partir d'une liste.

enter image description here

Zappos.com Si vous avez des contraintes d'interface utilisateur et que vous ne pouvez noter que de petites étoiles sur l'interface utilisateur, vous pouvez utiliser une boîte à lumière pour afficher une liste des notes lorsque l'utilisateur tape sur les petites icônes de note.

enter image description here

2
Chairman Meow