Marquer comme interaction préférée
Mon client est une grande entreprise qui conçoit ses pages Web sur la base de leur bibliothèque de conception. Essayer de créer un catalogue pour toutes leurs applications internes. Après plusieurs discussions, nous sommes arrivés à cette conception et elle a été acceptée.
Je me demandais quelle interaction serait correcte lorsque l'utilisateur clique sur l'icône préférée. J'ai décidé de créer une nouvelle section lorsque la première application a été préférée. 
Quelle serait la bonne façon de procéder?
Si nous prenons un peu de recul, le client veut un catalogue propre de ses applications internes répertoriées en fonction du profil utilisateur qui se connecte à l'aide de (SSO). Comment puis-je aider les utilisateurs à voir ensemble leurs vidéos récemment consultées et leurs favoris?.
Aucune suggestion
Ne le déplacez pas automatiquement. Si je suis à mi-chemin de la liste et que je pense "Oh, j'aime celui-ci!" et cliquez sur l'étoile, je serais très frustré si elle disparaissait de la vue. Je préfère simplement indiquer qu'il a été ajouté à la liste des favoris de l'utilisateur en remplissant votre icône "Favoris".
De plus, fournissez un moyen de filtrer par favoris. Si la chose que je veux voir est dans mes favoris et je le sais, ne le déplacez pas ailleurs pour moi, mais permettez-moi de filtrer ceux que je ne veux pas voir (c'est-à-dire les non-favoris).
Il s'agit d'une interaction assez courante sur de nombreux sites Web d'achat et la norme est à peu près toujours:
- Si l'utilisateur clique/appuie sur l'icône ouverte (par défaut), tournez l'icône ouverte en icône remplie et ajoutez-la aux favoris.
- Si l'utilisateur clique/touche sur l'icône remplie, changez l'icône remplie par défaut et supprimez-la des favoris.
Déplacer les produits dans une section distincte pendant l'interaction serait une expérience très troublante et rendrait difficile la correction des erreurs (par exemple, l'utilisateur a accidentellement favorisé un élément qu'elle ne voulait pas, maintenant elle doit le trouver dans un nouvel emplacement pour le supprimer). ).
Vous pouvez également ajouter un état intermédiaire qui affiche un indicateur clair qui indique que quelque chose s'est produit. Par exemple, un message qui apparaît et disparaît en 2 secondes ou quelque chose comme ça.
Et comme @maxathousand l'a dit, fournissez un moyen de basculer la vue pour n'afficher que les favoris, récemment utilisés ou toutes les applications. Cela devrait probablement aller dans la même hiérarchie que votre champ de recherche car il atteint un objectif similaire.
J'ajouterais un ♡ lorsque l'article n'est pas sélectionné, puis je lui donnerais une couleur d'action comme celle-ci ♥ lorsqu'elle sera préférée.
Utilisez une couleur de succès brillante comme le vert ou le jaune ou toute autre chose qui fonctionne avec votre thème ou modèle, lorsque l'utilisateur clique sur ajouter des transitions ou des animations afin que la couleur se fane dans le cœur décrit et l'utilisateur enregistre l'événement pendant qu'il se produit.
icône du cœur = icône préférée standard pour la plupart des sites Web/applications