Scénario: J'ai une interface utilisateur basée sur des tuiles à l'écran. Chaque tuile est de même hauteur et largeur. L'écran agit de la même manière pour alimenter. Le nouveau contenu est ajouté au flux. L'utilisateur peut faire défiler verticalement pour afficher le jeu de tuiles suivant (Jeu de chargement de carreaux suivant de manière paresseuse). Les tuiles de l'utilisateur sont également affichées dans le flux. L'utilisateur peut modifier, supprimer ses tuiles du flux.
Problème: Actuellement, si l'utilisateur supprime sa tuile, la tuile est supprimée de son flux. Toutes les tuiles suivantes se déplacent d'une position vers le haut. Cependant, cela provoque beaucoup de mouvement sur l'alimentation. vérifier l'image ci-dessous.
les flèches affichées dans l'image ci-dessus sont le mouvement actuel des tuiles après suppression
Quel devrait être le comportement attendu quand une tuile est supprimée? Ici, l'utilisateur peut être sur n'importe quelle page de flux. Existe-t-il une convention, un protocole ou un modèle spécifique à suivre dans l'interface utilisateur basée sur les tuiles? Quelle est la bonne façon pour y parvenir avec une expérience utilisateur optimale
P.s. Actuellement, je regarde les options suivantes:
Je choisirais l'option 1 basée sur les directives du Nielsen Norman Group pour la convivialité de la page d'accueil.
Lorsque les utilisateurs rechargent ou actualisent votre page d'accueil, les modifications peuvent être choquantes. Essayez de garder la transition aussi fluide que possible et de maintenir la continuité avec leur expérience précédente de votre page. Ne rafraîchissez pas automatiquement la page d'accueil pour envoyer des mises à jour aux utilisateurs . Le rechargement automatique semble intrusif - c'est comme retirer le tapis de sous vos utilisateurs, en particulier s'ils utilisent une partie de la page qui disparaît ou change de position pendant l'actualisation.
Source: 113 Lignes directrices de conception pour la convivialité de la page d'accueil
Cela élimine essentiellement l'option deux. Gardez la vignette grisée jusqu'à ce que l'utilisateur actualise lui-même la page. Ajoutez peut-être une option "Annuler" à la vignette grisée.
Les utilisateurs choisissent souvent les fonctions du système par erreur et auront besoin d'une "sortie de secours" clairement marquée pour quitter l'état indésirable sans avoir à passer par un dialogue prolongé. Prise en charge annuler et rétablir.
Source: 10 heuristiques d'utilisabilité pour la conception d'interface utilisateur