6 ajustements simples de conception d'interface utilisateur pour faire passer votre application de "Meh" à incroyable
Publié: 2015-09-16Vous avez créé votre prototype d'application mobile selon les spécifications, mais quelque chose ne va pas. Peut-être que cela ne se déroule pas aussi bien que vous le souhaitez, ou que la conception de l'interface utilisateur ne vous donne pas cet effet "Wow". Vous voulez que votre application ressemble à de la magie, mais en ce moment, cela ressemble plus à votre père tirant un quart de votre oreille qu'à David Copperfield faisant disparaître les pyramides.
Que fais-tu? Est-ce que vous abandonnez le tout et recommencez votre conception à partir de zéro ?
Ou peut-être que, par miracle, l'application peut être enregistrée avec une simple modification de conception. Après tout, vous vous êtes engagé dans la conception avant de construire le prototype ou la version bêta, il doit donc y avoir quelque chose de bon dedans – et il serait dommage de gaspiller tout ce travail acharné.
Nous avons demandé à 6 concepteurs quels ajustements mineurs faisaient selon eux la plus grande différence pour un concepteur d'interface utilisateur. Peut-être que leurs réponses vous inspireront pour apporter la touche finale parfaite à votre application, en la faisant passer de bonne à excellente (ou de géniale à incroyable !)
1. Quand il s'agit de copier, coupez le gras.
Si vous utilisez une application sur un petit appareil, il est probable que vous ne souhaitiez pas passer une tonne de temps à lire. Non seulement une surabondance de copie ralentit votre utilisateur, mais elle évince également la conception de votre interface utilisateur.
Maureen Kerwin est Interaction Designer chez Nokia Networks (@nokianetworks). Le conseil de Kerwin pour améliorer instantanément n'importe quelle application ? Effectuez un audit de la copie et coupez tout ce dont vous n'avez pas besoin.
"Revoyez la copie partout où vous avez des répétitions ou tout simplement trop de mots", explique Kerwin. "Il y a presque toujours quelque chose que vous pouvez supprimer ou réviser pour être plus clair et plus succinct."
Dans ce cas, le meilleur ami d'un concepteur d'interface utilisateur est parfois l'éditeur ou le correcteur. Si vous ne pouvez pas décider quelle copie couper (ou condenser), avoir ce deuxième œil objectif sur votre application fait toute la différence.
2) Obtenez les commentaires des utilisateurs.
Si vous ne parvenez pas à comprendre ce qui ne fonctionne pas dans la conception de votre interface utilisateur, le moyen le plus rapide d'obtenir une réponse consiste simplement à demander à vos utilisateurs.
Mike De'Shazer (@itsdeshazer) est co-fondateur et PDG de CodeCloud.me (@CodeCloudMe), une plateforme interactive qui aide les utilisateurs à apprendre à coder et leur permet de créer des applications. Connaître vos utilisateurs et obtenir leurs commentaires, dit De'Shazer, est la méthode la plus fiable pour rendre la conception de votre interface utilisateur efficace.
"Il existe différents types d'optimisations UX avec des objectifs différents", déclare De'Shazer, "mais la meilleure façon d'optimiser la conception et l'expérience de l'interface utilisateur pour n'importe quelle technologie est de mieux comprendre les personnes qui l'utilisent."
Lorsque votre application tombe à plat, envoyez votre prototype à un groupe d'utilisateurs bêta. Leurs suggestions sur la façon d'améliorer l'expérience peuvent être les commentaires les plus précieux que vous puissiez obtenir.
3) Faites vite.
Tous vos utilisateurs (et utilisateurs potentiels) ont besoin de rapidité. Si vous remarquez que votre expérience utilisateur ne clique pas comme vous le souhaitez, ce n'est peut-être pas tant un problème de conception de l'interface utilisateur, mais la vitesse de l'application elle-même.
Amna Rizvi est développeur d'applications chez GadgTecs (@GadgTecs), un blog scientifique et technologique qui présente des applications, des gadgets et des actualités scientifiques. En tant que créateur et observateur d'applications mobiles, Rizvi estime que la vitesse et le temps de démarrage sont deux des aspects les plus importants de l'optimisation de l'expérience utilisateur.
"L'un des aspects les plus importants pour moi est le temps de démarrage de l'application", déclare Rizvi. "L'application devrait avoir une page de démarrage incroyable et devrait se charger très très rapidement."
Recommandé pour vous:
Que signifie la disposition anti-profit pour les startups indiennes ?
Comment les startups Edtech aident la main-d'œuvre indienne à se perfectionner et à se préparer pour l'avenir...
Stocks technologiques de la nouvelle ère cette semaine : les problèmes de Zomato continuent, EaseMyTrip publie des...
Les startups indiennes prennent des raccourcis à la recherche de financement
La plate-forme de marketing numérique Logicserve met en sac un financement INR 80 Cr et se rebaptise LS Dig ...
Un rapport met en garde contre un examen réglementaire renouvelé sur l'espace Lendingtech
Les premières impressions, bien sûr, sont les plus importantes, dit Rizvi. "Les utilisateurs sont rapidement découragés lorsqu'ils cliquent sur l'application et doivent attendre longtemps avant de pouvoir faire quoi que ce soit. Donc, à mon avis, l'application devrait être instantanée, quelle que soit sa taille. »
Pas époustouflé par votre travail le plus récent ? Voyez si vous pouvez rationaliser l'expérience. Accélérez les temps de chargement et envisagez de faire en sorte que toutes les animations que vous intégrez à la conception de l'interface utilisateur s'étalent sur des périodes plus courtes. Si cela ne rend pas votre application un peu plus brillante, lisez la suite.
4) Habillez la conception de votre interface utilisateur avec une animation.
Andrew Riley est le fondateur de Ticketlab (@ticketlabUK), un service de billetterie en ligne qui permet aux artistes de créer et de vendre des billets pour des événements. Il est également consultant digital et développeur frontend.
Pour Riley, le mouvement est le meilleur moyen d'ajouter un impact immédiat à la conception de votre interface utilisateur.
"Mon meilleur conseil pour améliorer l'ambiance d'une page Web ou d'une application est très simple : l'animation. Je ne parle pas des logos rebondissants et des reflets d'objectif de l'ère Flash, mais d'animations subtiles », déclare Riley. "Dans sa forme la plus simple, lorsqu'un état de survol implique un changement de couleur d'arrière-plan, appliquez-lui simplement une transition linéaire de 0,3 seconde. Vous constaterez que cela fera instantanément ressembler la conception de votre interface utilisateur moins à un site Web qu'à une application.
La meilleure partie de cette modification de conception est que cela ne prend pas longtemps à faire, dit Riley, mais l'effet peut être énorme. "Une transition peut être appliquée de manière intelligente à presque tous les changements d'état pour donner vie à une conception. Malgré la disponibilité de cette fonctionnalité CSS depuis plusieurs années maintenant, elle est encore sous-utilisée dans de nombreuses nouvelles applications, mais sa mise en œuvre ne prend que quelques instants dans de nombreux cas.
Gert Hattingh, CTO de One Click Here (@Oneclickhere1), est d'accord. Chez One Click Here, dit Hattingh, les concepteurs et les développeurs prennent le temps de tester la conception de l'interface utilisateur à plusieurs étapes, en s'assurant que le flux est parfait.
"Travailler dans un environnement agile vous donne la possibilité de tester l'interface utilisateur au fur et à mesure du développement. Nous aimons jouer avec les transitions pour guider l'utilisateur à passer à l'étape suivante », explique Hattingh. "L'ajout d'une animation subtile à un bouton lorsqu'il est utilisé aide l'utilisateur à savoir quoi faire et améliore l'expérience globale."
L'animation attire l'attention de vos utilisateurs, aide à les guider tout au long de l'expérience et peut ajouter ce coup de pouce supplémentaire indispensable à la conception de votre interface utilisateur, mais n'oubliez pas de ne pas aller trop loin - comme nous le rappelle notre prochain développeur, parfois moins c'est plus.
5) Simplifiez, simplifiez, simplifiez.
Aucun utilisateur ne veut être bombardé d'une cacophonie de stimulation visuelle, qu'il s'agisse d'une palette de couleurs qui prend trop de libertés ou d'un abus flagrant de textures visuelles (même si vous êtes un adepte du skeuomorphisme, vous pouvez toujours aller trop loin avec le ombres et brillance).
Amrita Talwar est un développeur qui a travaillé sur plusieurs applications Android et iOS, dont PoolMyRide (@poolmyride), une application multiplateforme qui permet aux utilisateurs de trouver des partenaires de covoiturage. D'après l'expérience de Talwar, la clé pour faire passer une conception d'interface utilisateur de bonne à excellente est de rester simple :
"Concevoir une application, c'est comme créer une chanson sans paroles - elle doit être comprise globalement. Pour rendre l'application conviviale et belle, je suis ces étapes :
– Envisagez d'utiliser la conception matérielle avec des icônes plates et assurez-vous que la conception de votre interface utilisateur s'adapte à différents appareils.
– Minimiser le nombre de clics, de gestes et d'interactions que l'utilisateur doit effectuer. Tout ce que vous voulez que l'utilisateur fasse doit être fait avec le moins de clics possible.
- Garder la conception de l'interface utilisateur propre. Il peut être tentant d'encombrer votre interface utilisateur de fonctionnalités, mais donnez la priorité à ce dont l'utilisateur a vraiment besoin. Parfois, il est préférable de ne conserver que les fonctionnalités les plus importantes et de laisser de côté les "avantages", car le coût de votre conception globale est un net négatif.
Une conception simplifiée signifie moins de charge pour vos utilisateurs. La conception de votre interface utilisateur devrait faire le travail pour eux, et non l'inverse.
6) Regardez en dehors de votre zone de confort pour trouver l'inspiration.
Parfois, le coupable derrière un design ho-hum est simplement un manque d'idées nouvelles. C'est particulièrement courant lorsque l'on cumule quelques années d'expérience dans le secteur, notamment au sein de la même agence. Avez-vous remarqué que vos conceptions d'interface utilisateur commencent toutes à se ressembler - même écran de démarrage, mêmes animations, boutons, icônes ou polices de caractères similaires ?
Il est peut-être temps de mettre de côté votre projet actuel et de jeter un œil à d'autres applications mobiles pour bousculer votre routine. Un bon point de départ pourrait être une liste des 10 meilleures conceptions d'interface utilisateur innovantes d'entreprises émergentes. Examinez de près ce que ces applications font différemment et réfléchissez à la manière dont vous pouvez vous approprier certains de ces concepts.
Pour une vision encore plus fraîche, regardez en dehors de l'industrie des applications mobiles en général. Par exemple, jouer à un jeu vidéo peut être une leçon précieuse de narration, et un voyage au musée d'art peut mener à certaines de vos meilleures idées. Même le simple fait de passer un peu de temps supplémentaire avec vos enfants (ou nièces et neveux) peut affiner votre jeu de conception d'interface utilisateur.
Pas envie de bouger de votre fauteuil ? Lisez simplement comment d'autres designers obtiennent leurs meilleures idées lorsqu'ils frappent un funk créatif. Parfois, l'inspiration vient des endroits les plus improbables.
[Publié à l'origine sur blog.proto.io le 28 août]