Quelle est la meilleure UX/UI pour comparer trois à quatre produits en fonction d'un certain ensemble de paramètres dans l'application Android. Le public est principalement un Android en mode portrait) Les utilisateurs doivent pouvoir sélectionner plusieurs produits sur un écran, puis dire Comparer, ce qui les amène à l'UX/UI suivant.
Actuellement, ce que je pense est comme ça (réduit à Mobile), où les produits peuvent glisser vers la gauche ou la droite et l'utilisateur peut voir tous les articles comparés. - Mais cela est probablement le mieux adapté aux ordinateurs de bureau et aux tablettes, et serait probablement mieux adapté à la comparaison de deux produits.
Courtoisie d'image: https://uxmag.com/articles/comparing-compare
Je suggérerais d'ancrer la barre supérieure (avec les 3 produits) et de répertorier toutes les fonctionnalités verticalement avec des icônes pour indiquer la disponibilité. Je pense que cette approche serait la plus directe et tout ce que l'utilisateur aurait à faire serait de faire défiler (naturellement)
Cela semble difficile car vous devez afficher autant d'informations sur un très petit écran. Posons-nous sur la perspective des besoins des utilisateurs, ils sont probablement intéressés à comparer les mêmes informations sur différents produits (par exemple en comparant la "taille d'écran" pour les 3 produits. Votre approche permet à l'utilisateur de voir toutes les informations d'un seul produit, donc l'utilisateur doit faites défiler activement les produits, gardez les informations à l'esprit et faites la comparaison mentalement.Je préfère une approche de conception "ne me faites pas penser": afficher les mêmes informations pour différents produits en une seule fois.
Vous pouvez utiliser certaines entrées pour laisser l'utilisateur décider des informations à afficher. Des études de psychologie, nous savons que les gens choisissent généralement des articles en utilisant seulement quelques informations. Dans la maquette, j'ai inclus le prix en tant qu'informations correctives (probablement les principales informations que les utilisateurs veulent voir, mais je les interviewerais d'abord!). Inutile de dire que cela fonctionne mieux avec des textes courts.
télécharger la source bmml - Wireframes créés avec Balsamiq Mockups