web-dev-qa-db-fra.com

Filtrer par préférences alimentaires

Je concevons un filtre de préférences diététiques pour une application de commande de nourriture. Contrairement aux filtres réguliers où les utilisateurs veulent que les filtres sélectionnés affichent, dans ce cas, les utilisateurs sélectionneront ce qu'ils ne veulent pas dans leur nourriture. Comme il s'agit d'une sorte de filtre d'exclusion.

enter image description here

c'est comme ça que je le concevez. Je suis inquiet car il s'agit de l'inverse de la logique du filtre que les utilisateurs sont utilisés pour, cela fera-t-il intuitif? Y a-t-il une meilleure manière de faire cela?

14
Ameen Akbar

Vous pouvez faire les étiquettes des cases à cocher négatives (par exemple, sans porc ou sans porc). Je modifierais les cases à cocher pour basculer car il est plus clair que vous cochez quelque chose à exclure ou à être inclus.

dietary filters

C'est un problème très similaire lorsque vous excluez les moyens de transport lors de la recherche d'un itinéraire. Vous pourriez trouver une plus grande inspiration là-bas.

Means of transport

14
Nash

Création du filtre de cette manière constitue-t-elle une cohérence avec d'autres filtres que vous utilisez? Si c'est le cas, il serait préférable de trouver un moyen de créer un filtre à l'aide de la logique cohérente en reformulant la requête.

La première option ci-dessous (à gauche) a toutes les options de la liste présélectionnées, de sorte que l'utilisateur peut désélectionner des aliments spécifiques selon leurs besoins.

La deuxième option (à droite) revoit la question de demander ce qu'ils veulent Évitez manger, afin qu'ils puissent vérifier leur préférence.

"Include foods that contain" list with all items checked vs "What foods do you want to avoid?" with only one item selected.

11
Steve O'Connor

Je pense que les réponses jusqu'à présent manquent une tour évidente. Combinez les filtres incluant et excluez. Chaque élément a un bouton radio pour inclure et exclure.

Ici, l'utilisateur souhaite voir des aliments contenant de la viande de poulet et des noix mais ne contient pas de champignons.

-- Filter by ingredients --
    Inc. Exc.
     ☐   ☐    Prawns
     ☐   ☐    Pork
     ☑   ☐    Chicken meat
     ☐   ☒    Mushrooms
     ☑   ☐    Nuts

Ceci est similaire à la réponse de Steve O'Connor, cependant, je pense que c'est subtilement meilleur, car il permet à l'utilisateur de communiquer des déclarations telles que "Je ne me soucie pas de ce qui y est, je ne veux tout simplement pas de champignons" et "Je sais que je veux absolument du poulet".

En supposant que vous ayez une grande liste d'ingrédients possibles, vous pouvez avoir une boîte de recherche qui vous permet de filtrer les options. Ici, l'utilisateur a déjà décidé de vouloir des pâtes. L'option est donc "collé" au sommet de la liste, et maintenant, ils veulent vérifier les options laitières.

-- Filter by ingredients --
    Inc. Exc. [Dairy]
     ☑   ☐    Pasta
    -----------------
     ☐   ☐    All Dairy
     ☐   ☐    Butter
     ☐   ☐    Milk
     ☐   ☐    Cheese
     ☐   ☐    Yoghurt
4
Robin Georg

Vous ne voulez pas que ce filtre ait l'air et travaillez sous différentes des autres filtres. Tout est sur le bon titre/étiquette ci-dessus. Rendez-la sans équivoque. Vous devez peut-être ajouter une description sous le titre qui explique le but du filtre un peu plus.

Vous pouvez également rendre le filtre montrer l'exclusivité un peu mieux en ajoutant une grève:

enter image description here

3
jazZRo

Je prends toutes les idées ici et je fais une synthèse d'une sorte:

  1. Liste tout des options disponibles

  2. Utilisez un format de bascule avec un bouton vert pour inclure sur le côté gauche et un bouton rouge pour exclure du côté droit, comme:

✓ | Kosher | x✓ | Meats | x

  1. Faites tout neutre au début (peut-être Blancs) - mais lorsque l'utilisateur spécifie une préférence directe de la restriction pour tout, soulignez ce choix (en colorant la bascule avec des couleurs positives pour les couleurs OK et négatif/DANGER/DANGER/DANGER ceux)

  2. Déplacez les bascules sur le haut et le non-ok bascule au bas de la liste.

Si vous pouvez imaginer - je suis désolé, je n'ai pas accès immédiat à un ordinateur en ce moment à des fins de présentation graphique - le traitement des adresses électroniques de Gmail dans la boîte To. Vous obtenez des bascules avec X à supprimer sur le côté gauche.

1
jonvyltra

Bonding Off Robin ci-dessus, fondamentalement, vous souhaitez ou non un article de liste.

Donc, IMO pourrait être de faire des commutateurs à côté d'eux.

Pour les activer ou éteindre.

Pas de mises en page compliquées, quelques commutateurs à côté des articles, peut-être dans une colonne plus large que la vôtre au format de la grille.

0
mastablasta