7 péchés mortels de conception d'interface utilisateur d'application mobile que vous ne devriez jamais commettre
Publié: 2015-09-09Les règles sont-elles faites pour être enfreintes ? Cela dépend vraiment de la règle. Dans le monde de la conception d'interfaces utilisateur d'applications mobiles, il existe une certaine marge de manœuvre en ce qui concerne l'esthétique, les gestes et les animations. Il peut y avoir des cas où une application simple et fonctionnelle a plus de sens qu'une application voyante, ou vice versa.

Mais il y a certaines règles cardinales que vous ne transgressez pas. Si la conception de l'interface utilisateur de votre application mobile empêche l'utilisateur d'accéder à des fonctionnalités cruciales, c'est interdit. Si votre texte est si petit que personne ne peut le lire, vous devez retourner à la planche à dessin. Texte blanc sur fond clair ? Réessayer.
Nous voulions savoir ce que les concepteurs à succès considéraient comme les sept péchés capitaux de la conception d'interface utilisateur d'applications mobiles. Nous avons demandé à trois experts et avons dressé trois listes distinctes - mais voyez si vous pouvez trouver les similitudes dans chacune.
7 péchés mortels de conception d'interface utilisateur d'application mobile - selon ÄKTA
Alyssa Burke et Macy Nguyen sont concepteurs d'interface utilisateur et d'interaction visuelle chez ÄKTA (@akta), un cabinet de conseil en expérience numérique et en engagement. Tous deux ont travaillé sur des projets de conception mobile natifs pour des entreprises du Fortune 500 et des startups à croissance rapide, apportant leurs côtelettes de conception d'interface utilisateur à certains des meilleurs projets de l'agence. Voici ce qu'ils considèrent comme les péchés impardonnables de la conception de l'interface utilisateur des applications mobiles :
Ignorer le contexte
Les profils personnels des utilisateurs cibles (âge, style de vie, maîtrise de la technologie, etc.) et leurs environnements physiques (intérieur vs extérieur, hors ligne vs en ligne, matin vs soir, etc.) affecteront de nombreuses décisions de conception. Les concepteurs d'interfaces utilisateur d'applications mobiles doivent prendre en compte autant de raisonnement contextuel dans le processus itératif pour réduire le risque de faible convivialité. Même avec des transitions fluides, des boutons lisses et de belles polices de caractères, certaines applications ratent la cible car la conception globale de l'interface utilisateur ne coïncidait pas avec des cas d'utilisation spécifiques (écrans sombres pour les applications principalement utilisées à l'extérieur : mauvaise conception de l'interface utilisateur).
Concevoir dans une boîte
Concevoir et créer des produits numériques est un effort d'équipe (et de communauté). Il est essentiel de montrer le travail de conception tôt et souvent tout au long de la durée du projet à divers coéquipiers et même à des personnes qui ne connaissent pas le projet spécifique (techniciens, débutants, geeks, fanatiques, amis, étrangers, frères et hipsters). Donnez-leur le contexte dont ils ont besoin, mais ne soyez pas trop sur la défensive dès le départ. Mieux vaut faire de la place pour les changements plus tôt dans le processus que de résoudre les problèmes après le lancement.
Snober les développeurs
Plus que des développeurs et des ingénieurs qui sont vos coéquipiers (et des copains de beuverie occasionnels), ce sont des assistants technologiques qui non seulement savent ce qui fonctionne dans le monde réel, mais peuvent également être votre champion pour vous assurer que vos idées sont exécutées comme vous les avez imaginées. Certaines conceptions d'interface utilisateur d'applications mobiles sont techniquement impossibles à réaliser. Il y a aussi des choses qui sont possibles, mais qui prendront beaucoup d'efforts et/ou de temps en dehors de ce qui était prévu pour le projet. Vous ne saurez jamais à moins que vous demandiez. À la fin de la journée, les développeurs construiront vos conceptions. Ils peuvent soit vous soutenir, soit vous détester.
Sous-utilisation du motion design
Alors que l'Internet des objets prend lentement le dessus et que les interfaces numériques jouent un rôle plus important dans la façon dont les gens interagissent avec le monde qui les entoure, cette facette de la conception de l'interface utilisateur doit être prise plus au sérieux par les concepteurs. Les gens, par nature, tirent un sens et réagissent différemment à la façon dont les objets dans leur environnement se déplacent. Utiliser les bons mouvements d'interface utilisateur est un moyen très efficace d'indiquer la priorité et l'urgence. Dans certains cas, lorsqu'il est utilisé de manière appropriée, il peut également susciter le plaisir. En prime, consultez les douze principes de base de l'animation de Disney.
Utilisation de petits caractères
Les gens lisent le contenu sur les écrans plus lentement, avec moins de précision et de manière moins complète que sur papier. En règle générale, la taille des caractères pour les interfaces numériques doit être, au minimum, le double de la taille de ce qui fonctionnerait pour l'impression. Différentes polices de caractères et paramètres de type donnent également des résultats variables, en particulier lorsque les utilisateurs essaient d'accomplir plusieurs tâches sur leurs appareils mobiles. En plus d'éviter les petites tailles de caractères, déterminez comment d'autres éléments de l'interface utilisateur tels que les formes de boutons, les images et les interactions affectent l'UX globale souhaitée.
Ignorer les cibles tactiles
De nombreux concepteurs d'interfaces utilisateur d'applications mobiles ignorent encore le simple fait que les doigts des utilisateurs varient en taille. Lorsqu'il s'agit d'action ou de cibles tactiles axées sur les tâches, restez simple et aussi grand que possible. Tenez compte des «mouvements nerveux» lors de la conception pour les personnes âgées et, de la même manière, des tapotements inexacts lors de la conception pour les enfants. Vous pouvez laisser une zone vide autour d'un actif lorsque vous le découpez pour augmenter intrinsèquement la taille du robinet afin qu'il ne ralentisse pas trop le temps de chargement.
Être un fidèle de la plateforme
Avoir un seul design pour Android et iOS est limité et peut avoir des effets négatifs sur vos objectifs UX globaux. Les deux plates-formes ont des modèles de conception différents que leurs utilisateurs respectifs connaissent bien. Les concepteurs d'interface utilisateur doivent non seulement les connaître, mais aussi explorer les applications largement utilisées qui sont disponibles sur les deux plates-formes.

7 péchés mortels de conception d'interface utilisateur d'application mobile - selon Moblico Solutions
Nous avons discuté avec plusieurs membres de l'équipe de Moblico Solutions (@moblico), une entreprise de solutions de gestion des relations mobiles dont l'objectif est d'aider les marques à « créer des moments mobiles plus efficaces ». Après avoir conseillé des clients de plusieurs secteurs sur la manière d'améliorer l'expérience de leurs applications, ils savent ce qui fonctionne dans la conception de l'interface utilisateur d'applications mobiles et ce qui ne fonctionne pas. Voici leur point de vue sur les 7 péchés capitaux de la conception de l'interface utilisateur des applications mobiles :
Recommandé pour vous:
Prenant beaucoup d'espace sur un appareil par rapport à la valeur perçue
Lorsque vous obtenez la redoutable fenêtre contextuelle "à court d'espace", vous accédez immédiatement à vos applications et commencez à supprimer. Si une application est volumineuse, occupe beaucoup d'espace et n'offre pas assez de valeur ? Hasta la vista. Mieux vaut garder les applications petites pour rester à l'écart du billot.

Demander la permission dès le lancement de l'application (push, localisation, caméra, etc.)
À quelle fréquence téléchargez-vous une application et êtes-vous si impatient de l'ouvrir et de commencer à l'utiliser, pour vous retrouver immédiatement avec une boîte ? Je ne sais pas ce que disait la boîte, je l'ai juste fermée et j'ai continué. Qu'est-ce que c'était, je me demande ? Tant pis. Nouvelle appli !
Nécessite une connexion, un enregistrement ou pire - un achat - après le téléchargement et avant que l'application puisse être utilisée
En fait, peut-être que celui-ci devrait être le numéro un - c'est un appel difficile. L'une des pires choses que vous puissiez faire à un utilisateur est de le laisser télécharger votre application, puis de lui dire qu'il doit avoir une sorte de plan payant pour l'utiliser réellement. Mauvais mauvais mauvais. Supprimé.
Création d'une conception d'interface utilisateur d'application mobile qui ressemble au site Web en ligne
Cela ne va-t-il pas à l'encontre de l'objectif d'avoir une application mobile ? S'il y a une chose qui brûle un développeur mobile, c'est simplement de « réduire » l'expérience en ligne et de l'appeler une application. Les applications mobiles ont, ou devraient avoir, une utilité spécifique, et la réduction d'un site Web sert rarement les objectifs que l'utilisateur attend.
Annonces mal placées ou annonces qui vous incitent à cliquer dessus avec un petit "x".
À quel point est-il ennuyeux de faire défiler un site mobile et que votre doigt s'attarde trop longtemps sur une image et que vous vous dirigez vers une publicité de navigateur ? Et à propos de ce petit "x" - qui peut frapper ça ? Cela devient un pari. Est-ce que j'essaie d'appuyer sur le petit "x" au risque de faire un gros doigt dessus et de cliquer sur l'annonce ? Argh ! Les choix!
Me surchargeant de notifications push
Oui, vous avez maintenant une application et vous êtes sur les écrans d'accueil de millions de personnes. C'est beaucoup de puissance. Mais réfléchissez avant de pousser, et demandez-vous toujours : est-ce pertinent ? Cet utilisateur voudra -t-il cette notification ? Bien sûr, vous pouvez avertir chaque fois que vous publiez un nouveau t-shirt sur votre boutique mobile, mais devriez-vous ? Un grand pouvoir implique de grandes responsabilités.
Absence d'authentification unique (SSO) pour accéder aux comptes mobiles
Les meilleures expériences utilisateur se produisent lorsque les développeurs d'applications supposent que les gens ne veulent pas travailler pour l'expérience. Personne ne veut vraiment créer une nouvelle connexion à votre application. Le SSO est notre réalité maintenant, et nous devons l'adopter. Facebook a gagné. Allons-nous en.

7 péchés mortels de conception d'interface utilisateur d'application mobile - Selon Ideaware Co.
Andres Max (@andresmax) est le fondateur d'Ideaware Co. (@ideawareco), une agence de création numérique qui aide les startups et les entreprises du Fortune 500 à créer des applications attrayantes. Avant de fonder Ideaware, Max était un concepteur UX principal chez Mashable. Ayant conçu pour plus de quelques poids lourds de l'industrie, Max a des sentiments forts sur ce qu'il considère comme les sept péchés capitaux de la conception d'interface utilisateur d'application mobile :
Aucun commentaire de l'utilisateur une fois que l'utilisateur appuie sur quelque chose
Pour l'amour de Dieu, donnez à l'utilisateur des commentaires une fois qu'il a fait quelque chose sur votre application - sinon l'utilisateur pensera simplement que l'application a été suspendue et la quittera.
Embarquements éternels
Si je suis sur mon téléphone, je veux probablement faire tout ce que je fais dans votre application rapidement. Ne me posez pas des centaines de questions et ne me demandez pas de remplir des milliers de champs.
Faire des points de contact de la mauvaise taille
Veuillez arrêter de faire des boutons ou des champs de taille minimale. Ce n'est pas le Web — mes doigts doivent pouvoir taper sur une action "assez proche" et pas précisément sur un pixel.
Présentation de modèles de navigation étranges
Vous voulez que les gens obtiennent votre application rapidement ? Alors n'introduisez pas votre propre version de la façon dont une application mobile doit être naviguée. Directives d'interface utilisateur d'Apple et Guide de conception d'Android. sont là pour une raison. N'introduisez pas de friction et donnez à votre nouvel utilisateur potentiel une autre raison de désinstaller votre application.
Mauvais schémas de couleurs
Soyez indulgent pour les yeux là-bas, soldat. Vous n'avez pas besoin de vous démarquer avec votre texte jaune sur noir.
Espace blanc
Les applications ont besoin de beaucoup d'espaces blancs, point final. Les éléments doivent être espacés, les boutons doivent être gros et tout doit respirer. Il n'y a pas de pli dans un appareil mobile, arrêtez de tout entasser sur un seul écran.
L'enfer des notifications push
Pour l'amour de Dieu, n'envoyez pas 20 notifications push à vos utilisateurs par jour. Après quelques instants, votre application criera simplement "Désinstallez-moi".

À quoi ressembleraient vos 7 péchés mortels de conception d'interface utilisateur d'application mobile ?
Alors que la liste de chaque designer semblait un peu différente, il y avait certainement des points communs qui se démarquaient. Éviter les notifications push sauf lorsqu'elles sont vraiment nécessaires et s'assurer que la conception de l'interface utilisateur de votre application mobile est réellement utilisable - en rendant la navigation intuitive et en dimensionnant correctement les éléments - en sont deux grands.
[Publié à l'origine sur blog.proto.io le 17 août]






