Fermer

novembre 28, 2019

Healthcare Mobile App Design: conseils et inspiration11 minutes de lecture



Dans cet article, je vais vous donner des conseils et de l'inspiration pour vous aider à créer quelque chose de facile à utiliser et qui offre un accès rapide aux patients qui en ont besoin.

Il y a toujours un équilibre délicat à trouver entre forme et fonctionnalité lors de la conception. application mobile. C'est particulièrement vrai pour les applications de soins de santé.

Que ce soit pour un hôpital, une compagnie d'assurance maladie, une base de données médicale ou une autre société de soins de santé adjacente, l'application que vous concevez doit cocher plusieurs cases:

  • Est-il facile à utiliser?
  • Est-ce que la conception envoie le bon type de message?
  • Est-il accessible?
  • Est-il conforme à la norme HIPAA?

En abordant chacun de ces points de blocage, vous vous assurerez que l'argent de vos clients et le temps de leurs utilisateurs seront bien dépensés.

Aujourd'hui, nous allons nous concentrer sur la manière dont les choix de conception que vous faites contribuent au succès global des applications mobiles que vous développez pour votre ordinateur. clients de soins de santé.

Comment concevoir des applications mobiles pour les soins de santé

Face à la pression croissante exercée sur le secteur de la santé pour évoluer, vous jouez un rôle important pour aider vos clients à atteindre cet objectif. Lorsqu'elle est correctement configurée, une application mobile offre aux professionnels de la santé, aux patients et aux autres utilisateurs un accès gratuit et facile aux informations et aux ressources dont ils ont besoin.

Bien entendu, vous devez respecter les principes de base de la conception d'applications lors de la création d'applications mobiles pour. clients de la santé. Cela dit, vous devez prêter une attention particulière à certains éléments spécifiques.

Laissez-vous inspirer par ces directives de conception et ces exemples d'application:

Couleurs

La psychologie des couleurs est un élément essentiel de la conception de []. expérience en soins de santé. De la couleur d'une salle d'attente à la couleur du logo d'une entreprise, il est facile d'envoyer (de manière subliminale) les mauvais signaux aux patients.

Le blanc est le choix le plus évident pour les grands échantillons de couleur (comme l'arrière-plan de l'application). , car il représente la propreté et la stérilité. Mais qu'en est-il des couleurs d'accent: le logo, les CTA, les icônes, etc.

Selon une étude de 99designs le bleu est de loin la couleur la plus utilisée dans la conception des soins de santé:

 99designs-Logo -Colors (002)

En se concentrant strictement sur les données extraites de ses utilisateurs, ce sont les couleurs les plus couramment utilisées dans la conception du logo des soins de santé:

  • Bleu – 67%
  • Vert – 41%
  • Gris – 29%
  • Blanc – 25%

Le bleu a du sens. C’est une couleur apaisante que nous associons souvent à un ciel dégagé et à une journée de détente au bord de l’océan. Si vous souhaitez que les patients ou les clients des services de santé ressentent une émotion, c’est la paix et la sérénité.

En regardant autour de moi des applications mobiles, j’ai trouvé que la plupart d’entre elles utilisaient bien le bleu – pour leur logo ainsi que pour les couleurs d’accentuation. myJeffHealth de l'Université Thomas Jefferson, en donne un bel exemple:

 Jefferson-Color-Palette

Le bleu dans son logo et ses couleurs d'accent est un bon choix. Ils ne sont ni brillants ni durs à tous les niveaux.

Il est intéressant de noter que le vert était le deuxième plus populaire, car il peut avoir plusieurs connotations basées sur l’industrie dans laquelle il s’est trouvé. Mais si nous le situons dans le contexte des soins de santé, nous pouvons supposer qu'il est là pour représenter la croissance et la vitalité (comme le vert qui nous indique que l'hiver se termine).

Cela ne veut pas dire que vous ne peut pas utiliser des couleurs qui sont moins couramment utilisées. En fait, cela pourrait jouer en votre faveur de concevoir une application qui soit différente de la mer des applications de santé bleues. N'oubliez pas que la couleur primaire que vous choisissez doit correspondre à l'objectif et à la mission de l'entreprise.

Par exemple, le rouge n'est utilisé que par 13% des logos de soins de santé 99designs. Pourtant, CVS l'une des principales pharmacies des États-Unis, utilise le rouge comme couleur primaire:

 CVS-Colors

Pour une entreprise telle que CVS qui se préoccupe uniquement de fournir des soins rapides à des clients en détresse, le rouge a du sens. C'est quelque chose que nous associons étroitement aux organisations qui sauvent des vies, telles que les salles d'urgence et la Croix-Rouge.

Remarque à propos de l'accessibilité

S'il existe un secteur dans lequel une application accessible n'est pas négociable, ce sont les soins de santé.

Il est bon que vos utilisateurs aient des problèmes qui les empêchent d’utiliser pleinement votre application. Assurez-vous donc de choisir des couleurs très contrastées par rapport au fond et pouvant être vues par les utilisateurs malvoyants.

Par exemple, myJeffHealth affiche cette illustration sur ses pages de localisation:

 Jefferson-Color-Contrast

Étant donné que cette illustration est principalement composée de nuances de bleu et de vert, les utilisateurs daltoniens bleu-vert pourraient avoir du mal à la voir. Donc, si vous le pouvez, évitez les combinaisons de couleurs contenant des couleurs avec lesquelles les utilisateurs malvoyants ont tendance à avoir des difficultés (par exemple, bleu-vert, rouge-vert, bleu-gris, etc.).

Typographie

La typographie est Une autre de ces cas particuliers dans la conception d'applications de soins de santé.

Par exemple, l'utilisation de polices décoratives n'a pas beaucoup de sens. Cela ressemble à la logique des couleurs dont nous avons parlé précédemment. Vous voulez utiliser un style qui envoie le bon message aux patients et aux clients, et quelque chose de fluide ou d'avant-garde irait à l'encontre de cela.

Alors, si vous recherchez une typographie pour styliser vos applications avec, restez fidèle à Serif and Sans. polices serif.

La médecine Stanford par exemple, a choisi ces polices simples pour écrire toutes ses communications en:

 Stanford-Medicine-Fonts

Source Sans Pro et Fjord sont des choix simples mais audacieux en typographie. Ils envoient le message que Stanford Medicine est une organisation forte et stable à qui confier sa santé. Et comme ils sont à la fois propres et faciles à lire, ils suggèrent également qu’il y aura peu ou pas de barrière à l’entrée.

HealthCare.gov a fait un choix similaire avec sa typographie. Comme il l'explique sur le site:

«L'intention est que le consommateur soit d'abord attiré par ces titres accueillants. Une fois que nous avons leur attention, nous pouvons les attirer dans les détails avec le sans-serif hautement lisible. »

Il s'agit de la police Bitter utilisée dans leurs titres pour souhaiter la bienvenue aux utilisateurs des points clés de l'application:

 HealthCare- Bitter-Font (002)

HealthCare.gov explique ensuite pourquoi il a choisi Opens Sans pour ses sections de contenu principales:

«Lorsque le consommateur se concentre sur les détails, il est très impliqué. Cela signifie que le texte doit être aussi lisible que possible. Il est prouvé que les sans-fichiers sont plus faciles à lire à l'écran et sont incroyablement adaptables lorsqu'ils sont redimensionnés et affichés sur différentes plates-formes et navigateurs. ”

Il s'agit de la police Open Sans utilisée dans son contenu principal:

 HealthCare-Open -Sans-Font (002)

En choisissant les bonnes polices dès le départ, vous aurez moins à vous soucier de la création de la bonne quantité d'espace pour rendre votre texte facile à lire également.

Remarque à propos de l'accessibilité [[19659034] La typographie ne concerne pas que le texte de votre application. N'oubliez pas que la taille du texte peut affecter vos utilisateurs, qu'ils soient altérés ou non altérés.

Un exemple fantastique de cela provient de l'application VSP :

 VSP-Big-Buttons-and-Type

Comme vous pouvez l'imaginer, une entreprise offrant une assurance de la vue compte de nombreux clients malvoyants qui pourraient tirer profit d'un texte plus volumineux. Vous le trouverez également partout dans l'application.

 VSP-Nav

La navigation contextuelle utilise également un texte de très grande taille. Cela garantit que les utilisateurs peuvent voir clairement quelles sont leurs options sans avoir à plisser les yeux ou à rapprocher l'écran de leurs visages.

Ce choix de conception garantit également que tous les boutons et autres éléments cliquables de l'application sont suffisamment grands pour être exploités. facilité et précision.

La navigation devrait être assez simple, mais elle semble se compliquer avec les applications de soins de santé. Pour commencer, beaucoup d'applications que j'ai rencontrées sur l'App Store n'étaient pas réellement des applications mobiles. C'étaient des PWA.

Par exemple, celui de Highmark Plan :

 Highmark - Nav-Icons

Ceci est une application bien conçue, quel que soit son type. Et les développeurs ont fait un bon choix en plaçant la navigation sous la barre d’en-tête principale de l’application. De cette façon, les liens sont plus proches de la zone du pouce.

Les icônes sont un autre bon choix car elles augmentent la zone cliquable pour chaque lien de page. Ils améliorent également la capacité des utilisateurs à choisir efficacement la page vers laquelle ils souhaitent se rendre car le texte risque d'être trop petit pour être lu.

Remarque sur l'accessibilité

Si vous concevez une application native pour les soins de santé, les besoins en matière de navigation être beaucoup plus facile que l'exemple ci-dessus. Lorsque vous travaillez dans les contraintes du Web, c’est une chose. Mais lorsque vous avez la possibilité de créer une navigation plus efficace dans une application, vous devriez la prendre. Spécialement pour les soins de santé.

Il existe plusieurs façons de procéder:

  • Utilisez des boutons très grands dans la navigation au fond collante.
  • Affichez des info-bulles pour guider les utilisateurs dans l'application.
  • Concevez tous les formulaires pour accessibilité: champs surdimensionnés, surligner les champs actifs, remplir automatiquement les réponses, tabulation sur les champs, etc.

N'ayez pas peur d'adopter une approche plus étroite de la navigation. Si vous savez que vos utilisateurs vont effectuer une activité spécifique, vous n'aurez peut-être pas besoin d'enregistrer l'interface avec une navigation.

Examinons l'application mobile Doctor On Demand : [19659074] DrOnDemand-Easy-Nav  » src= »https://d585tldpucybw.cloudfront.net/sfimages/default-source/default-album/drondemand-easy-nav77016dc7a85446b49d68c4c032615777.png?sfvrsn=2974b65b_0″ data-displaymode= »Original »/>

Les développeurs de cette application ont rendu les déplacements très faciles. Même si je regrettais normalement la barre de navigation manquante, cette application a du sens.

Je suppose que leurs utilisateurs font trois actions plus que toute autre chose:

  • Rencontrer un médecin virtuellement.
  • Prenez rendez-vous pour en rencontrer un dans le futur.
  • Trouvez une pharmacie à laquelle envoyer une ordonnance.

Avec ces options présentées de cette manière et dans cet ordre, vous pouvez sans risque supposer que les utilisateurs ne font pas les trois. dans la même session.

Généralement, lorsque nous parlons de navigation, c’est la barre ou le menu qui conduit les utilisateurs à une page spécifique. Cependant, dans le cas de cette application et de son objectif, je considère la navigation plus comme le fait de passer d’une partie de l’application à l’autre. Ce qui signifie que les étapes de transition sont faciles à exécuter.

 DrOnDemand-Survey-Clickable-Buttons (002)

Dans cette application, les étapes de transition sont en réalité une forme conditionnelle.

La première page demande au patient la raison de la visite du médecin. C’est la même question qu’on leur demande s’ils ont appelé leur médecin. La seule différence est qu’ils reçoivent des suggestions basées sur des réponses communes. Ils ont également une barre de recherche qui les aide à localiser d'autres raisons.

Ensuite, il y a des pages comme celle-ci:

 DrOnDemand-Slider (002)

Encore une fois, c’est une question normale à poser, mais il est beaucoup plus facile pour le patient de fournir une réponse. Il n'est pas nécessaire d'ouvrir le clavier, de passer au clavier numérique et de saisir le bon chiffre. Ils peuvent utiliser la barre de défilement située dans la zone du pouce pour choisir le nombre de jours où ils se sont sentis mal.

Le reste du formulaire fonctionne tout aussi facilement, avec des boutons, des cases à cocher, etc. faciles à cliquer. Pour les utilisateurs malvoyants ou qui ont du mal à utiliser un clavier sur leur appareil, il s'agit d'un meilleur moyen de déplacer facilement les utilisateurs d'une partie d'une application à une autre.

Wrap-Up

Lors de la conception d'applications de santé, il est Il est important de penser au-delà de ce qui paraît bien ou impressionnera vos utilisateurs. Souvent, les personnes qui accèdent à cette application sont des patients qui souhaitent un accès rapide et facile à des informations ou à des prestataires de soins de santé. Donc, la conception ne doit pas gêner cela.

En examinant attentivement la manière dont ces éléments clés doivent être conçus et en n'oubliant jamais l'accessibilité, vous pouvez créer efficacement une application que les patients se feront un plaisir d'utiliser.





Source link