Meilleure méthode d'affichage des recettes
Je travaille sur une application permettant d'économiser des recettes et j'essaie de trouver la meilleure méthode de présentation des recettes.
Chaque recette affichée sur la page a un nom, mais pas nécessairement une photo. Je veux une mise en page qui soit bonne pour a) la découverte de recettes nouvelles/passionnantes et b) pour trouver une recette spécifique.
Je suis entre
Une disposition de style pinterest. C'est mon premier choix pour le moment, car il permet aux recettes qui n'ont pas de photos d'être plus petites et n'ont donc pas besoin d'une image d'espace réservé. Les inconvénients sont que je ne suis pas sûr que la disposition du style pinterest rende la recherche d'une recette trop confuse.
Une disposition de style grille. C'est mon deuxième choix, uniquement parce que la grille nécessite que chaque recette ait une image, il pourrait donc y avoir beaucoup d'images d'espace réservé sur leur écran. C'est probablement plus organisé que le style Pinterest, donc c'est bien.
Une disposition de style liste. Je ne suis pas si sûr de celui-ci. Bien que cette disposition soit probablement la meilleure pour trouver une recette spécifique, la découvrabilité des nouvelles recettes n'est pas très bonne.
Il semble qu'il soit temps pour vous de mener des recherches sur les utilisateurs afin de déterminer la meilleure méthode de recherche et de découverte.
Si vous n'avez pas encore parlé à votre public cible, vous devriez faire quelques interviews rapides pour en savoir plus sur ce qu'ils font lorsqu'ils recherchent des recettes et les enregistrer pour une utilisation future. Celles-ci peuvent être des conversations rapides de cinq minutes dans les cafés (je me suis littéralement assis dans un café avec une pile de cartes-cadeaux de 5 $ pour ce café et j'ai mis une petite carte de tente qui disait "Je t'achèterai un café si tu en prends 5 minutes et discutez avec moi de [sujet] "), cela n'a pas besoin d'être très approfondi.
Vous devrez créer un prototype (la fidélité que vous devez utiliser dépend de la longueur de votre conception; puisque vous posez cette question, je suppose que vous n'êtes pas trop loin, et il devrait donc être assez facile à assembler un prototype basse fidélité) et une liste de tâches qui fonctionne avec votre prototype. N'oubliez pas que votre liste de tâches doit utiliser la langue de vos utilisateurs.C'est pourquoi j'ai ajouté le rappel de parler d'abord à votre public potentiel pour vous assurer que vous comprenez comment il pense à rechercher, enregistrer et parcourir des recettes. Si c'est la première fois que vous effectuez des recherches sur les utilisateurs, je vous recommande de choisir l'un de vos deux cas d'utilisation ici et de vous concentrer dessus. Vous en apprendrez beaucoup en menant vous-même cette recherche, et au fur et à mesure que vous en apprendrez plus, vous pourrez répéter votre conception et vos recherches pour créer la meilleure expérience utilisateur possible pour vos utilisateurs.
La solution 1 est le choix flexible mais peut rapidement devenir écrasante.
J'aime les suggestions faites par @Peter et je pourrais les étendre légèrement. J'aurais un popover avec des recettes similaires lorsque les clics sur "Plus comme ça" et montrer un compteur de combien de personnes ont aimé cette recette.
Le fait est que nous pourrions fournir de nombreuses idées, mais seul votre public cible peut vous offrir les informations dont vous avez besoin pour prendre cette décision. Je voudrais créer une maquette html rapide et tester avec un petit groupe, peut-être même les laisser réorganiser les éléments sur la page comme ils aimeraient les voir.
Je suis d'accord que 1 ou 2 serait approprié, mais pour vos objectifs, je considérerais plus que la mise en page. Que diriez-vous:
- "Plus comme ça" - une fois que quelqu'un a trouvé une recette qu'il aime, montrez-lui des recettes similaires
- Notes des utilisateurs - amener les utilisateurs à évaluer les recettes en fonction de facteurs tels que la qualité et la nouveauté aiderait les utilisateurs et renforcerait l'engagement
- Ajustements des utilisateurs - que feraient les utilisateurs différemment après avoir fait la recette?
Comme le dit Nadyne, test, test test!
Eh bien, un catalogue de recettes devrait avoir des IMAGES parce que c'est la première chose que l'utilisateur considérera avant de taper ou de cliquer sur une recette particulière. À mon avis, la mise en page Pinterest/Google + serait bien, mais comme la plupart des recettes ont tendance à avoir des noms plus longs, cela créerait beaucoup de chaos. Je suggérerais aux utilisateurs de basculer entre la disposition (1) et (3). Comme ce qu'a fait eBay avec sa récente mise à jour iPhone.
Si nous partons des hypothèses au lieu des vraies données utilisateur, # 1 est le gagnant mais peut-être avec quelques modifications.
Comme l'a dit @Peter, rendre # 1 plus visuel avec un système de marquage et une certaine forme de méthode par défaut est préférable. Pensez-vous que les utilisateurs vont vraiment cliquer sur quelque chose sans image? Je ne le ferais pas. Même si le titre disait "recette exacte de poulet peri-peri de Nando" ce qui, pour moi, est extrêmement convaincant. Il a besoin d'une photo.
Jetez un oeil à quelques grands systèmes de marquage ici: http://www.awwwards.com/ et j'ai également utilisé le site nouvellement repensé de Jamie Oliver récemment si vous ne l'avez pas vu: http : //jamieoliver.com/
N'oubliez pas que les recettes sont visuelles. En jetant un œil aux livres de recettes, vous remarquerez que les ingrédients et la méthode représentent environ 1/3 de la recette globale, les utilisateurs sont plus attirés par les stimuli visuels qu'écrits.