Utilisation d'un contrôle carrousel dans une application mobile
Supposons, par exemple, que dans mon application mobile, je souhaite afficher une liste des produits recommandés associés pendant que l'utilisateur consulte le produit principal (par exemple, comme la façon dont Amazon affiche une liste de livres recommandés en fonction du livre que les utilisateurs consultent déjà).
Est-ce une bonne idée d'utiliser un contrôle Carrousel pour les afficher? Le contrôle Carrousel est en bas. Regarde ça:
télécharger la source bmml - Wireframes créés avec Balsamiq Mockups
Résumé: Le contrôle du carrousel a quelques inconvénients sur mobile. Une solution plus simple pourrait mieux fonctionner. Pourtant, le test A/B est le meilleur moyen d'évaluer l'idée.
Quelques considérations sur l'utilisation du contrôle du carrousel:
Style d'interaction
Les gens interagissent avec un mobile d'une manière spécifique. Vous pouvez trouver quelques informations dans l'article Comment les utilisateurs détiennent-ils vraiment les appareils mobiles? article. Regardez l'image et pensez à l'interaction du carrousel en bas de l'écran:
Extrait de Comment les utilisateurs détiennent-ils vraiment les appareils mobiles? par Steven Hoober
Contenu
Vous avez probablement voulez personnes pour interagir avec le carrousel. Ensuite, vous devez avoir un contenu engageant, afin qu'ils le voient et y réagissent. Les problèmes avec le carrousel sont:
• Certains contenus sont invisibles, il n'y a donc aucun engagement
• Le contenu visible est trop petit (détails/qualité faibles) pour être attrayant pour les utilisateurs
• L'interaction du carrousel pourrait être non évidente en raison de la faible accessibilité
• Les possibilités de carrousel pourraient être cachées par le Palm
Vous pouvez essayer différentes approches pour résoudre ces problèmes:
Concevez avec les vraies données et connaissez vos utilisateurs
Utilisez les données réelles pour voir à quoi ressemblera le contenu. Qu'est-ce qui engage les utilisateurs? Est-il visible sous votre contrôle?
Envisagez différentes solutions
Essayez différentes solutions, plus simples et plus évidentes:
Effectuer des tests A/B
C'est la méthode la plus valable pour tester la solution. Et c'est facile de nos jours.
C'est une bonne idée étant donné qu'une image de produit suffit à elle seule pour que l'utilisateur suive vos recommandations. Cela fonctionnera pour les tissus mais pourrait ne pas être efficace pour le matériel . Ce dernier exemple nécessitera l'ajout de détails. Et la conception présentée aura du mal si vous avez autre chose qu'une ligne de texte supplémentaire sous chaque image.
En supposant que l'image seule soit suffisante, votre conception est en fait très bonne: vous placez des recommandations en bas, vous évitez les points pour la navigation et l'utilisation flèches gauche et droite (en dehors des recommandations de rotation automatique). Les études d'utilisabilité démontrent que ces aides à la navigation plus explicites sont plus efficaces: lire ici .