Quel que soit le type d'application que vous créez, avez créé ou prévoyez de créer, les erreurs de conception peuvent être fatales pour l'adoption et l'utilisation. Les utilisateurs veulent télécharger des applications amusantes, fonctionnelles et intéressantes lors de multiples utilisations. Les utilisateurs veulent également des applications esthétiques qui ne nécessitent pas beaucoup d’efforts pour interagir.
Le problème pour les concepteurs est que, parfois, nous sommes si proches d'un projet que nous manquons des erreurs flagrantes de conception et de convivialité, car nous savons comment cela fonctionne. Aujourd'hui, nous allons vous aider à dresser une liste de contrôle des erreurs à rechercher et à éviter dans la conception d'applications.
(Remarque: toutes les conceptions incluses proviennent d'applications qui fonctionnent correctement. Vous bénéficiez ainsi d'une bonne dose d'inspiration visuelle.)
1. Mauvaise première impression
Une bonne application commence par une bonne première impression. Cela devrait aller de soi, mais si les utilisateurs sont désactivés par votre page de téléchargement ou leur impression initiale à l'ouverture de l'application, il est probable qu'ils n'interagiront plus avec elle. Il est essentiel de faire une bonne première impression.
L’écran d’accueil devrait se charger rapidement et offrir aux utilisateurs une action claire et facile à comprendre. Dites-leur ce qu'ils sont là pour faire. Rappelez-leur la raison pour laquelle ils ont téléchargé l'application en premier lieu.
Les actions nécessaires doivent être faciles à trouver et à exécuter et doivent toutes se dérouler dans un conteneur ordonné et organisé qui reflète le style visuel de votre marque et le reste du contenu de l'application.
2. Pas de repères exploitables
Qu'est-ce que votre application est faite pour faire? Comment communiquez-vous cela aux utilisateurs?
La conception doit inclure de nombreux repères visuels aidant les utilisateurs à comprendre exactement quelles actions doivent être entreprises, où toucher l'écran et ce qui se passera. Pour visualiser ces informations, revenez à la théorie de la conception pour les bases:
- Couleur: Les couleurs vives attirent le regard et constituent une bonne option pour les éléments pouvant être touchés.
- Espace: laissez suffisamment d’espace autour des éléments clés pour qu’ils soient faciles à trouver et à toucher.
- Typographie: utilisez des polices simples et propres, souvent avec des largeurs de trait uniformes, dans une taille appropriée pour l'écran. Chaque instruction doit être clairement lisible.
- Indiquez aux utilisateurs où ils se trouvent ou montrez leur état actuel. (Exemple: changements de couleur de l'état de survol.)
- Répondez lorsqu'une action est exécutée (cela inclut le succès et l'échec). (Exemple: notification de réussite lorsqu'un formulaire est soumis.)
- Dites aux utilisateurs ce qui se passe ou ce qui devrait se passer ensuite. (Exemple: flèches de navigation ou roue de progression du chargement.)
3. Conception encombrée
La plus grande faille dans de nombreuses applications est l'encombrement. C'est comme si le concepteur essayait d'obtenir chaque partie de la conception de l'application, qu'il s'agisse d'un jeu, d'un outil ou d'un fil de nouvelles, sur un seul écran.
Oublie!
Les applications sont conçues pour fonctionner sur de petits écrans. Essayer de faire trop de choses à la fois est une lourde tâche pour les utilisateurs.
Pensez à chaque? Écran? en tant que conteneur unique pour un seul élément. Lorsque vous passez à l'écran suivant, une nouvelle information peut être affichée. Les utilisateurs vont glisser et faire défiler si le contenu est engageant. Et ils sont encore plus susceptibles de le faire si la conception est propre et facilement accessible.
4. Les éléments tactiles sont trop petits (ou trop proches)
Méfiez-vous des gros doigts. Les éléments trop rapprochés ou trop petits pour pouvoir taper sans zoom constituent un problème pour les utilisateurs.
Assurez-vous qu'il y a suffisamment d'espace autour de chaque élément pour vous aider à éliminer les clics involontaires. Il n'y a pas de formule magique pour cet espace, mais quand c'est faux, vous le saurez. (Jetez un coup d'œil à vos analyses.)
Voici comment j'ai créé ma balance. J'ai emprunté un ami avec de grandes mains. A dessiné un cercle autour de son index et c'est ma ligne directrice. Le bouton n'a pas besoin d'être de cette taille, mais la zone pouvant être touchée doit l'être. Et rien ne devrait être plus proche.
Pour cette raison, les cartes et les éléments de conteneur à cliquer pour les actions sont bien. Cela signifie que partout où vous appuyez sur une zone liée au contenu, l'utilisateur est au même endroit. (Son design est convivial et convivial.)
5. Icônes ou actions non standard
Il n'y a aucune raison de recréer l'iconographie pour vos projets. Le lien Facebook est censé être un? F? à l'intérieur d'un bouton; Twitter devrait être représenté par un oiseau. Pourquoi? Parce que chaque utilisateur sait exactement quels sont ces éléments et ce qu’ils font. Alors, pourquoi voudriez-vous le changer?
Incorporer une iconographie standard et des indices exploitables dans la conception. Cela vous fera gagner du temps et contribuera à éviter la frustration des utilisateurs.
6. Incohérences de conception
Tout dans une seule application devrait ressembler et fonctionner de la même manière. Lorsqu'un utilisateur navigue plus en profondeur dans l'interface, il devrait commencer à avoir une attente de ce qui va arriver et de son fonctionnement.
À mesure qu'ils apprennent l'application, celle-ci doit répondre à ces attentes de manière esthétique et opérationnelle. Cela inclut tout, des choix de couleurs et de types aux outils utilisateur et à leur fonctionnement.
7. Boucles de commentaires incomplètes
Chaque interaction devrait susciter une réaction égale et opposée. (C'est l'une des lois de la physique numérique, non?)
Les commentaires donnent à l'utilisateur un sentiment de contrôle en s'engageant dans une application et vous fournissent des informations précieuses sur la manière dont les utilisateurs s'engagent. Le retour d'information aide également les utilisateurs à prendre des décisions et facilite l'interface.
La boucle de rétroaction devrait:
8. Pas en phase avec la plate-forme
Êtes-vous un utilisateur iPhone ou Android? Posez cette question dans une salle bondée et vous obtiendrez de nombreuses réponses passionnées. Souvenez-vous de cela lorsque vous concevez et publiez une application.
Il devrait être en phase avec l'esthétique de la plateforme sur laquelle il est téléchargé. Cela pourrait même inclure deux versions légèrement différentes de l'application.
Les directives Android et iOS vous aideront à le faire assez facilement. Mais vous devez prendre en compte l'interface complète. Pensez simplement à l'icône de l'application skeuomorphic solitaire de l'écran d'accueil de votre iPhone, qui demande à être supprimée.Dites ce que vous voulez du nouveau logo Instagram, par exemple, mais il correspond maintenant à l'interface.
9. L'interface est trop compliquée
C'est un problème courant avec les applications de jeu: elles sont trop compliquées. Au moment où vous vous en rendez compte, vous ne voulez plus jouer.
L'interface devrait être simple. Il devrait être scannable. Il devrait être facile à comprendre et à utiliser sans manuel du propriétaire.
Tout le reste est trop compliqué.
Pour la plupart des utilisateurs, l'application est téléchargée pour résoudre un problème. Chaque application est une solution. (Vous n'utilisez pas la même application comme alarme et pour jouer à un jeu, n'est-ce pas?) N'oubliez pas cela lorsque vous êtes en phase de conception. Quel est le problème que vous essayez de résoudre? Résoudre et passer à autre chose.
10. Oublier de définir les valeurs par défaut
Les valeurs par défaut dans les formulaires et les éléments interactifs peuvent être d'une grande aide pour les utilisateurs. Considérez-les comme une procédure visuelle à petite échelle. Les valeurs par défaut peuvent inclure n'importe quoi, d'une préférence pré-marquée (choix le plus courant ou une option nulle) dans les listes et les cases à cocher, le texte d'instruction dans les champs de saisie ou tout autre exemple illustrant ce qui est censé se produire.
Les valeurs par défaut sont utiles car elles peuvent faciliter la tâche de l'utilisateur en lui montrant comment utiliser l'application, en offrant une option aux utilisateurs incertains (comme dans le cas d'une valeur par défaut nulle) et en accélérant l'intégralité de l'interaction.
Les valeurs par défaut sont également un bon retour pour vous, en particulier pour les formulaires, car elles aident à réduire le nombre d’erreurs et avec un "null". option, vous savez immédiatement que l'utilisateur n'a pas fait de sélection.
Conclusion
Il est maintenant temps de mettre en application votre excellente idée d'application. Vous pouvez utiliser ce message comme une liste de contrôle ou un rappel pour vous aider dans le processus de contrôle qualité afin de vous assurer que votre application est aussi performante que possible visuellement et en termes de convivialité. Bonne chance!
Quelles erreurs tueuses remarquez-vous dans les applications ou les sites Web? J'aimerais entendre parler de choses qui vous rendent fou. Parlons sur Twitter.