web-dev-qa-db-fra.com

Actions via des boutons et des idées alternatives

Dans l'image suivante, vous pouvez voir une capture d'écran de l'apparence actuelle d'un panneau "Contacts" que j'ai créé. Dans la zone que j'ai mise en évidence (en bas), il y a deux boutons pour ajouter et supprimer des contacts respectivement. J'ai certains doutes quant à savoir si les utilisateurs trouveront cette technique visuellement attrayante et/ou amicale.

Contacts Panel

Tout d'abord, la technique actuelle de mise à disposition de certaines actions pour les utilisateurs fonctionne-t-elle?

Dans tous les cas, quelles sont les alternatives?

Comment puis-je améliorer l'expérience de l'utilisateur à travers les alternatives? Pourquoi?

De la même manière, existe-t-il une meilleure façon de proposer une action "retour" ou "annulation" autrement qu'en insérant un bouton dans l'en-tête du panneau? (Cela ne s'applique pas au panneau illustré).

Toute aide serait appréciée.

1
Chris Smith

Je suppose qu'il est important de savoir comment les utilisateurs vont utiliser cette mise en page, pour des utilisateurs particuliers qui auront besoin de gérer leurs propres actions en bloc de listes de contacts ne sont pas une caractéristique clé, je veux dire que vous supprimez généralement un seul contact à la fois et ajoutez un contact à la fois.

Si vous recherchez quelque chose axé sur les utilisateurs qui gèrent de longues listes de contacts (utilisation professionnelle ou professionnelle) et que vous devez supprimer massivement, vous aurez besoin de la fonctionnalité mais, dans ce cas, vous devrez peut-être également ajouter une fonctionnalité d'importation en masse. ..

Avec les informations actuelles, voici ce que je suggère:

Options for contacts layout

Quelques points que vous devez garder à l'esprit:

  • Je suppose que l'option d'édition devrait également être ajoutée à côté de l'icône d'action de suppression.
  • Avec les boutons d'action sur la droite, vous devez faire attention à la limitation des caractères.
  • En fonction des données requises pour ajouter un contact, la fonctionnalité d'ajout rapide suggérée devrait être améliorée, mais elle devrait vous permettre d'ajouter des informations de base pour créer l'élément, puis d'ajouter plus d'informations si nécessaire (tout comme les événements de calendrier Google fonctionnent, par exemple).

J'espère que cela peut vous être utile :)

0
Kulyn

Je recommanderais d'utiliser + (ajout) et ✖ (suppression) à côté de chaque "contact" dans la liste (aligné à droite).
Si l'utilisateur est en mesure de sélectionner plusieurs contacts, n'oubliez pas de mettre en surbrillance ceux déjà ajoutés avec une couleur différente et de griser/griser ceux supprimés.

Cette technique présente un autre avantage: vous avez besoin de moins de clics pour effectuer les mêmes tâches.
Le titre devra être modifié: une commande est plus facile à saisir que les choix binaires (quelque chose comme Sélectionnez Contacts au lieu de Supprimer ou ajouter des contacts ).

1
Knu

Vous pouvez afficher le bouton Delete uniquement sur les éléments sélectionnés dans la liste (en mettant en surbrillance la ligne) de sorte qu'il soit toujours juste à côté de l'endroit où vous venez de sélectionner, plutôt que d'avoir à sauter jusqu'en bas à chaque fois, même si Edit devait également être une option dans ce contexte - j'envisagerais de faire que l'action en ligne avec le nom du contact, mais vous n'avez pas mentionné la nécessité de Éditer...

Oui, il faut découvrir le bouton Delete en sélectionnant d'abord un contact, et cela dépend si vous pensez que vos utilisateurs peuvent gérer cela et s'il existe un moyen d'enseigner cela facilement aux utilisateurs. Une option consiste à sélectionner simplement le premier contact par défaut.

Ensuite, vous pouvez placer un bouton Done là où vous aviez le bouton Remove.

enter image description here

1
Roger Attrill