Placement du bouton principal dans la fenêtre contextuelle
Quelle est la meilleure position pour afficher les boutons principal et secondaire dans une fenêtre contextuelle?
télécharger la source bmml - Wireframes créés avec Balsamiq Mockups
Article de référence: http://uxmovement.com/buttons/why-ok-buttons-in-dialog-boxes-work-best-on-the-right/
Dans votre exemple, il n'y a aucune action principale et secondaire. Les deux sont des actions primaires mais sont affirmatives et dédaigneuses . Si vous souhaitez suivre Lignes directrices sur la conception des matériaux , placez l'affirmative à droite et la dédaigneuse à gauche.
Actions
Les dialogues présentent un ensemble d'actions ciblées et limitées, qui sont généralement affirmatives ou dédaigneuses.
- Les actions affirmatives sont placées sur le côté droit et continuent le processus. Les actions affirmatives peuvent être destructrices, comme "Supprimer" ou "Supprimer".
- Les actions rejetées sont placées directement à gauche des actions affirmatives et ramènent l'utilisateur à l'écran ou à l'étape d'origine du processus.
- Le texte d'action négative et affirmative peut être "Annuler"/"OK" ou des verbes actifs spécifiques ou des phrases verbales qui indiquent le résultat de la décision.
Si vous utilisez cette fenêtre contextuelle, la première approche est préférable et si vous souhaitez opter pour une application Web ou de bureau, utilisez la deuxième approche placée sur le côté droit. La raison en est que les personnes mobiles tapent généralement sur l'écran avec les doigts ou le pouce du côté droit afin qu'il leur soit facile de sélectionner immédiatement. Les gens préfèrent cliquer d'abord sur la droite, donc toujours une action positive ou dans quelle application souhaitez la confirmation de l'utilisateur, le bouton "SOUMETTRE" utilisé à droite.
Dans les applications Web ou de bureau, le point central est pris en compte. Donc, si vous avez observé, lorsque vous obtenez une fenêtre contextuelle ou une notification ou une alerte, toujours des boutons nommés "oui" ou "ok" ou "confirmer" placés à gauche de l'écran.
Je pense que c'est la même situation que dans n'importe quelle alerte/modale avec des boutons "ok"/"annuler".
Voici un article détaillé qui explique pourquoi les boutons "ok"/"soumettre" doivent être placés à droite: Pourquoi les boutons "Ok" dans les boîtes de dialogue fonctionnent mieux à droite .
Sur la conception des matériaux, vous pouvez voir la même approche: Dialogues . 
Selon ma compréhension, le placement du bouton doit être basé sur l'importance de l'action.
Par exemple, s'il s'agit d'une action comme une traction bancaire ou donnant accès à des informations sensibles qui nécessitent la plus grande attention de l'utilisateur, le bouton affirmatif doit être sur le côté gauche. L'utilisateur a tendance à utiliser le bouton sur le côté droit car il est accessible très rapidement. Tant sur mobile que sur le web, le côté droit est plus facilement accessible à 90% des personnes dans le monde qui sont des droitiers. Si vous appuyez accidentellement sur le bouton sur le côté droit, il s'agit du bouton d'action de rejet afin que l'action n'ait aucun impact sur l'utilisateur, il peut recommencer le processus.
Dans la mesure où les informations ne sont pas très sensibles, le bouton d'affirmation peut être sur le côté droit car il est très bien accessible.