web-dev-qa-db-fra.com

Placer de petits boutons dans une disposition occupée

Je travaille sur une calculatrice médicale Android. Son design est basé sur des cartes comme dans l'image ci-dessous. Ma question est: quelle est la meilleure approche pour faire savoir aux utilisateurs que ce sont des boutons et peut être pressé? Aussi les chiffres (les 3 zones) peuvent être pressés pour être écrasés, comment puis-je faire savoir à l'utilisateur que ces chiffres peuvent être pressés? Merci.

enter image description here

1
Bialy

En accord avec les deux autres réponses, je poursuivrais une stricte architecture d'information/vue d'ensemble du mode édition avec ce type d'application.

La couche d'aperç devrait fournir un type de médicament de haut niveau, un mode d'administration et une posologie soigneusement ordonnés, en mettant l'accent sur la lisibilité et la facilité de recherche. Présentez-le comme un jeu de cartes, comme vous le faites déjà. Certaines personnes suivent des régimes de médicaments complexes qui peuvent facilement constituer des listes de 15 à 20 articles. Je m'excuse d'ailleurs, je déduis simplement que c'est le but général de votre application - il pourrait être utile d'ajouter des informations sur le flux de travail des utilisateurs pour minimiser les conjectures de vos répondants.

Si vous vous en tenez à l'une des conceptions de cartes recommandées pour les matériaux avec un motif récurrent, vous pouvez optimiser les détails de l'interface utilisateur de votre mode de présentation pour faciliter la consommation passive des informations, c'est-à-dire lire la modification ci-dessus.

Afin d'offrir à vos utilisateurs des modifications ergonomiques, faites-les passer facilement de la vue d'ensemble à mode édition, un médicament à la fois. La possibilité de le faire peut être un seul bouton d'édition ou une cible tactile dans un emplacement récurrent - de cette façon, chaque carte n'a besoin que d'un élément interactif, ce qui résout votre problème d'espacement. Vous pouvez même mapper une interaction de type double-tap-to-edit sur la carte entière si vous parvenez à créer une sorte de micro-animation qui agrandit la carte pour remplir tout l'écran; quelque chose que vous devriez certainement tester avant de vous engager.

En mode édition, vous pouvez profiter de tout l'écran, ce qui rend les modèles d'interaction comme ...

  • appuyez pour écraser,
  • curseurs ou épurateurs
  • filateurs numériques (avec plancher et plafond)

... ergonomiquement réalisable.

Le matériel a des éléments de modèle d'interface utilisateur pour toutes ces choses.

Une simple sauvegarde appel à l'action oblige l'application à consommer toutes les modifications apportées et revient au mode d'aperçu, qui est un modèle hautement apprenable. En plus de gérer le problème d'aménagement de l'espace, ce mode d'interaction légèrement plus compartimenté est également plus sûr. Il s'agit d'une application médicale/pharmaceutique, de par son apparence, vous devez donc minimiser les risques d'erreur utilisateur par-dessus tout - la dernière chose que vous souhaitez voir se produire est une surdose accidentelle, ce qui pourrait avoir des conséquences juridiques et morales . Sur cette note, testez soigneusement votre conception auprès des utilisateurs. Considérez qu'avec l'âge et des conditions comme le diabète viennent des problèmes de vision et de coordination main-à-œil dans certaines cohortes de patients.

Il est tentant de demander aux utilisateurs de modifier les informations in situ, comme vous pouvez le faire sur une application de bureau où l'espace est moins préoccupant. Cependant, les conflits d'espace - entre une densité élevée d'informations et des modèles d'interaction ergonomiques - sont un défi inhérent aux applications mobiles, c'est pourquoi je recommanderais plutôt de travailler avec une profondeur de navigation. Bonne chance!

0
Andreas Mehne

1. Cartes

quelle est la meilleure approche pour faire savoir aux utilisateurs que ce sont des boutons et que vous pouvez les appuyer?

Suivez les directives de conception de matériaux pour offrir une meilleure expérience utilisateur pour la plate-forme Android. Jetez un œil à une spécification de cartes Il n'y a aucune raison d'inventer un vélo ici.

enter image description here

2. Édition de contenu

comment puis-je faire savoir à l'utilisateur que ces chiffres peuvent être pressés?

  1. Vous pouvez avoir [~ # ~] modifier le bouton [~ # ~] comme une action, ce qui est 100% compréhensible par les utilisateurs

  2. Fournissez la fonctionnalité d'édition sous forme d'écran séparé. Tout d'abord, les utilisateurs se concentreront sur la tâche d'édition. Deuxièmement, vous aurez beaucoup d'espace à l'écran pour rendre l'édition plus confortable pour les utilisateurs

enter image description here

3
Alexey Kolchenko

Essayez peut-être d'utiliser un bouton réel ou une entrée sur des éléments ou d'utiliser le même shadow et la bordure. Les entrées seront probablement plus difficiles.

0
Solomon Ucko