web-dev-qa-db-fra.com

Curseur de classement personnalisé

J'ai créé un objet d'interface personnalisé pour gérer l'évaluation des utilisateurs dans une application à emporter que je suis en train de créer.

Mais je ne sais pas si c'est assez intuitif dans sa forme.

Q: Comprendriez-vous un objet comme celui-ci, s'il apparaissait dans une application? Auriez-vous des moyens constructifs d'améliorer l'apparence, la sensation ou la fonctionnalité du curseur?

Aussi: Dois-je écrire Rating: en plus, pour m'assurer que tout le monde sait ce qui se passe?

Défaut: enter image description here

En glissant vers le bas: enter image description here

En glissant vers le haut: enter image description here

Film complet de l'application: http://www.youtube.com/watch?v=ldfCkrwHwYs

19
Nils Munch

Le contrôle est superbe et intuitif, je ne changerais que 2 choses:

  1. Faites de la valeur par défaut une note positive de ~ 75% [ou celui qui produit le :) avant la note impressionnante: D], car:

    • C'est l'émoticône la plus reconnaissable qui transmettrait le mieux ce que fait le curseur
    • Un client satisfait voudra simplement terminer le processus le plus rapidement possible et sauter très probablement la note: avoir un neutre en standard ne ferait que réduire artificiellement vos données globales de satisfaction client.
  2. Retirez le smiley du bouton et placez-le sur le côté droit de la ligne de curseur, car:

    • Lorsque vous interagissez avec le curseur, votre doigt couvre le bouton, de sorte que vous ne voyez pas que le smiley change de visage jusqu'à ce que vous leviez le doigt.
    • Sur le côté droit, car c'est la direction de lecture naturelle de l'ouest, de gauche à droite et en dessous, cela gaspillerait beaucoup de biens immobiliers.

enter image description here

10
fdmsaraiva

Je tourne avec les points de JOG sur l'invitation d'un utilisateur à évaluer et également l'application de l'interaction avec l'utilisateur une fois évaluée.

Défaut: enter image description here

Lorsque vous glissez vers le bas: enter image description here

En glissant vers le haut: enter image description here

Cette approche intègre les contrôles du contrôle Youtube like/dislike qui impose l'interaction de l'utilisateur avec les commentaires. Cela pourrait être un moyen d'inviter les utilisateurs à utiliser le contrôle de notation et il imposera également des actions utilisateur avec un texte descriptif.

Cependant! Je veux clarifier quelque chose, personnellement je pense que le contrôle est bon tel quel et n'a pas besoin de plus de volume juste pour l'encombrer. Cette approche que je présente imposera des actions des utilisateurs les plus réservés, mais je pense qu'elle compromet la mise en page dans son ensemble pour les utilisateurs qui sont très clairs sur ce qu'il faut faire (qui devrait être la majorité du groupe de discussion que je suppose). ).

9
AndroidHustle

Je ne pense pas que je l'aurais parce que dès que je touche le curseur, je ne vois plus le visage:

enter image description here

J'aime vraiment la solution de @AndroidHustle, mais elle serait toujours couverte par le doigt. Je vais donc recommander ce qui suit:

enter image description here

6
Fresheyeball

C'est un excellent contrôle, et les gens les plus curieux s'y engageraient probablement.

Je vois trois problèmes que vous aimeriez peut-être aborder:

  1. La zone est sombre et pourrait être perçue comme en lecture seule ,
  2. Comme le curseur est personnalisé, il pourrait être perçu comme une simple note au-dessus d'une ligne statique,
  3. Les utilisateurs hésitants n'ont aucune invitation à s'y engager.

Je voudrais suggerer;

  • Affichage du même symbole de classement (le smiley) dans la liste des lieux, de sorte que lorsque ce contrôle est affiché, les utilisateurs peuvent mapper le classement des lieux à ce contrôle interactif.
  • certains comment essayer de montrer qu'il peut glisser vers la gauche ou la droite. Petites flèches? Ou un peu de rebond, peut-être? :)
  • un titre encourageant, par exemple "Notez-le!"
2
JOG

J aime vraiment le concept. Voici quelques réflexions:

  1. Je pouvais voir comment un utilisateur ne comprendrait pas complètement ce que c'est avant de jouer avec. Après l'avoir utilisé une ou deux fois, l'utilisateur se souviendrait probablement toujours de ce qu'il fait. Cela étant dit, je pourrais peut-être afficher une bulle une fois le chargement de l'écran terminé et indiquer "Évaluez-le! ou "Évaluez-moi!" Il disparaîtrait lentement (de manière appropriée). Je voudrais peut-être également afficher la bulle lorsque vous déplacez le curseur et mettez la valeur de la note dans la bulle. Une fois que vous lâchez prise, il s'estompe (encore une fois, de manière appropriée). De cette façon, ils ne voient à quoi il sert que lorsqu'ils accèdent à cet écran et se rappellent de la valeur lorsqu'ils glissent.
  2. Je suis d'accord avec l'un des commentaires précédents que la zone du curseur semble avoir l'air désactivée. Peut-être augmenter le contraste lorsque vous vous déplacez vers la droite. En d'autres termes, comme il obtient une meilleure note, peut-être en allant vers la droite, le remplissage deviendrait lentement la couleur que vous souhaitez représenter avec une note positive. Lorsque vous vous déplacez vers la gauche, la couleur deviendrait lentement la couleur que vous souhaitez représenter une note plus négative.
  3. Je suis déchiré sur la façon dont vous souhaitez afficher la note actuelle. Une partie de moi dit que ce serait bien d'avoir la bulle initiale pour l'afficher. Donc, quelque chose comme ça: "Note: Génial!" Cependant, lorsque vous ne l'avez pas évalué, quelle est la valeur initiale de la notation? Peut-être que c'est "Note: Ok!" Avec cette approche, vous pouvez toujours afficher le bouton lors du chargement à l'écran en tant que note actuelle et l'afficher dans ce format lorsque vous faites glisser. Vous pouvez également essayer de vous souvenir s'ils ont déjà évalué ou non et commencer par "Évaluez-moi!" puis après l'avoir noté pour la première fois, il s'en souvient au format suivant, "Note: Génial!".
2
Ed Glogowski

Excellente idée mais le doigt sur le curseur est un bon point ... avec une souris, vous auriez vu le curseur changer. Je suppose que le visage est toujours utile lorsque vous revisitez le site ... mais pour le processus réel de définition de la note, cela ne fonctionne pas.

Je voudrais alléger la barre de défilement afin que les couleurs vert-rouge soient plus évidentes.

J'utiliserais l'idée de Fresheyeball d'un pop-out mais y mettrais un simple numéro de note.

1
Lisa Tweedie