Les 10 commandements de la conception d'applications mobiles
Publié: 2017-09-20Tu ne compliqueras pas les choses
Il y a plus de 3,4 millions d'applications sur le Google Play Store et un peu plus de 2 millions sur l'App Store d'Apple. Cela signifie qu'en moyenne, 3 389 applications sont ajoutées au Google Play Store par jour - et bien qu'Apple soit un peu plus sélectif, 1 557 applications arrivent toujours sur l'App Store quotidiennement.
Si vous êtes un concepteur d'applications mobiles et que vous souhaitez que votre application se démarque du déluge quotidien, vous devez créer un produit à la fois beau et agréable à utiliser.
Besoin d'un peu de conseils pour vous assurer que vous faites tout ce que vous pouvez pour concevoir une application réussie ? Il n'est pas nécessaire de gravir une montagne - nous avons ici vos 10 commandements de conception d'applications mobiles :
Tu ne compliqueras pas les choses
En tant que concepteur d'applications, il est facile de se laisser emporter. Lorsque vous mettez une nouvelle application sur le marché, vous avez le sentiment que vous devez intégrer toutes sortes de fonctionnalités qui (pour le moment) semblent si nécessaires. Cela est particulièrement vrai lorsque vous travaillez sur un projet avec une équipe. Personne ne veut être la personne qui tient constamment une hache sur les idées de tout le monde - ou celle qui est connue pour supprimer une fonctionnalité qui tue d'un projet. Pourtant, avec la conception d'applications mobiles, l'inclusion de fonctionnalités supplémentaires à la périphérie conduit souvent à la confusion des utilisateurs et à une interface utilisateur encombrée et floue.
"Les utilisateurs mobiles veulent une expérience utilisateur élégante et rapide. Charger votre application avec un tas d'étapes supplémentaires, ou même essayer de copier une expérience de bureau pour un produit est une mauvaise approche de conception », déclare Mark Tuchscherer, président de Geeks Chicago. "Les utilisateurs mobiles adopteront une approche minimaliste par-dessus tout."
Nous sommes d'accord - limitez vos fonctionnalités à ce qui est nécessaire, et pendant que vous y êtes, assurez-vous que votre interface utilisateur reflète un état d'esprit similaire. Votre interface utilisateur doit faire exactement ce dont l'utilisateur a besoin, et rien de plus.
Vous vous assurerez que votre conception est accessible
Comme nous l'avons déjà dit, l'accessibilité n'est pas seulement quelque chose d'agréable à avoir - c'est une fonctionnalité cruciale qui doit absolument être présente dans votre application. Pour être franc, si vous ne placez pas l'accessibilité au premier plan de la conception de votre application mobile, vous devez retourner à la planche à dessin.
D'une part, il est absolument nécessaire de capter un public représentatif, étant donné que 57 millions d'Américains ont un handicap. En fait, il y a plus d'Américains malentendants sur Internet que d'Italiens dans le monde. Il en va de même pour les Américains ayant une déficience visuelle. N'oubliez pas que ce ne sont que des Américains !
Au-delà de cela, le design accessible est simplement un bon design. Les meilleures pratiques de conception d'accessibilité suggérées par Apple et Android mettent en évidence des choses que vous devriez absolument faire de toute façon, comme étiqueter avec précision vos commandes d'interface utilisateur, offrir une navigation basée sur le focus et éviter les commentaires audio uniquement sur les applications.
Et bien sûr, que vous conceviez pour Android ou iOS, vous devez absolument tester votre application auprès d'un large public. Ne vous contentez pas de le faire circuler dans votre bureau, mettez-le entre les mains d'une population diversifiée. La dernière chose que vous souhaitez est que votre application soit inutilisable par une grande partie du marché.
Tu ne réinventeras pas la roue
Bien qu'il puisse y avoir beaucoup d'appareils, il existe quelques indices de conception universelle et UX que presque tout le monde suit. Considérez votre propre expérience d'utilisation des applications : lorsque vous interagissez avec votre écran, vous vous attendez à ce que certaines choses se produisent. Dans certaines applications, cela peut signifier que vous vous attendez à ce qu'un menu apparaisse sur le côté lorsque vous faites glisser votre pouce dessus. Pour d'autres, cela pourrait signifier des gestes tactiles logiques et familiers, comme déplacer des objets avec un glisser-déposer.
Nous ne vous suggérons pas de simplement assembler votre application au coup par coup en fonction d'éléments d'interface utilisateur déjà disponibles, mais vous devez être conscient de ce que vos utilisateurs attendent de leur expérience d'application. Tout nouvel élément que vous ajoutez devra être expliqué, soit par un processus d'intégration personnalisé, soit par un apprentissage intuitif. Cela ajoute une couche supplémentaire de complexité pour votre utilisateur. À moins que vous n'ayez absolument aucune autre option, cela devrait être évité.
Pensez-y de cette façon : si vous téléchargiez une application pour parcourir vos photos et que cela vous obligeait à apprendre une toute nouvelle façon d'interagir avec votre écran (par exemple, en utilisant des gestes avec lesquels vous n'étiez pas familier), continueriez-vous à utiliser ce? Et s'il y avait une autre application qui vous permettait d'utiliser des gestes que vous connaissez déjà ?
Ne jetez pas les conventions juste pour vous différencier de vos concurrents. Vous devez toujours travailler dans le langage de conception que vos utilisateurs connaissent, à moins que l'ajout de nouveaux éléments soit inévitable et ajoute quelque chose à l'expérience de l'application.
Vous vous souviendrez toujours pour qui vous concevez
Si vous concevez une application mobile de retouche photo pour les photographes, vos priorités seront différentes de celles que vous auriez si vous concevez un jeu de mémorisation de mots pour les tout-petits. Chaque public pour lequel vous concevez aura des attentes différentes et chacun répondra à différents types de conceptions.
Il peut être utile de développer des personnages pour les utilisateurs fictifs de votre application afin de modéliser la façon dont vous vous attendez à ce que les gens interagissent avec elle. Vous dessinez pour un professionnel ? Un étudiant? Un docteur? Une entreprise? Une petite entreprise ? Créez-vous quelque chose qui est conçu pour être utilisé par les clients ou le personnel ? Programmeurs ou designers ? Musiciens ou coureurs ?
Avant de commencer à esquisser un design, assurez-vous de savoir exactement ce que vous créez et pour qui vous le créez. Vous devriez être en mesure de résumer votre objectif et votre groupe démographique cible en une seule phrase simple : "Une application de rencontres pour les amateurs de voyages". "Une application de mixage en studio pour les producteurs débutants." "Un outil de diagnostic réseau pour les professionnels de l'informatique."
Recommandé pour vous:
Comment Metaverse va transformer l'industrie automobile indienne
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 ...
Si vous avez du mal à le faire, demandez-vous pourquoi : êtes-vous vraiment concentré sur la création de la meilleure expérience pour votre utilisateur, ou essayez-vous simplement de concevoir quelque chose qui vous semble cool ? Ne perdez jamais la concentration de votre cible.
Tu utiliseras des polices qui ne sont pas désagréables
Ce péché de conception est quelque chose que nous avons tous vécu. Peu importe si c'est dans une application, sur un papier à en-tête du cabinet de votre médecin ou sur une diapositive PowerPoint - lorsqu'une police n'a pas sa place, nous le remarquons.
Assez a été écrit sur la chute de Comic Sans ou Papyrus que vous penseriez que les concepteurs d'applications mobiles accorderaient un peu plus d'attention aux polices qu'ils utilisent dans leurs conceptions - mais ce n'est pas toujours le cas. Et il ne suffit pas d'éviter quelques mauvaises polices pour rendre votre application magnifique. Vous devez trouver une police qui correspond à votre application et qui ne nuit pas à votre UX.
"La typographie fait partie intégrante de l'expérience utilisateur, il est donc important d'utiliser des polices Web propres et simples", déclare Mike Spencer, ingénieur UX/UI senior chez Pointman. "Je préfère les polices sans empattement pour les applications mobiles, mais ce qui compte vraiment, c'est qu'elles correspondent à votre conception et qu'elles soient lisibles."
Tu resteras cohérent
Vous devez faire des choix de conception et les respecter tout au long de l'application. N'ayez pas de barre de navigation supérieure sur chaque page avant de passer brusquement à un panneau latéral coulissant sur quelques écrans sélectionnés. N'utilisez pas de tons de terre doux pour l'écran de démarrage et passez aux pastels une fois qu'il est chargé. Si un bouton de votre application a une certaine quantité de rembourrage, alors tous doivent avoir le même rembourrage. Votre application doit avoir une sensation unifiée, sinon elle sera choquante et désagréable pour l'utilisateur.
Le maintien de la cohérence n'est pas seulement une question d'esthétique. Les éléments de conception que vous utilisez enseignent subtilement à votre utilisateur potentiel quelque chose sur votre application. Si vous changez soudainement les règles, vous allez les rejeter et les confondre.
S'il existe d'autres applications similaires à la vôtre, notez ce qu'elles font en matière de conception. Cela vous montrera quelles attentes les utilisateurs apporteront à votre application. Vous remarquerez que toutes les applications de Google ont une apparence cohérente, de même pour Apple. Si vous concevez quelque chose pour une entreprise ou un secteur en particulier, assurez-vous que votre application correspond à son style. De même, si vous créez une application pour une certaine industrie, elle devrait sembler esthétiquement "correcte" pour cette industrie.
Tu garderas le mobile à l'esprit
La conception d'applications mobiles est… eh bien, mobile. Malgré cela, de nombreux concepteurs semblent oublier que les utilisateurs navigueront dans leurs applications avec leurs doigts (et dans de nombreux cas, uniquement avec leurs pouces). Bien que les téléphones soient devenus plus grands au cours des dernières années, il existe encore de nombreux utilisateurs et cas d'utilisation qui nécessitent une utilisation à une main.
Vous devez également penser à l'environnement dans lequel vos utilisateurs se trouveront. Ils peuvent être assis dans un véhicule en mouvement ou appuyer sur des boutons pendant qu'ils marchent. Si vous avez trop de boutons empilés trop près ou un écran encombré d'éléments de conception inutiles, votre application sera difficile à comprendre et désagréable à utiliser. Votre interface utilisateur doit être propre et épurée, afin que vos utilisateurs puissent trouver la fonction dont ils ont besoin et appuyer facilement sur le bon bouton.
Robert Grashuis et Jason Moccia, respectivement CIO et PDG de OneSpring, notent l'importance d'utiliser beaucoup d'espace négatif pour aider les utilisateurs à naviguer dans votre application. "Trop d'activité sur un écran distrait les lecteurs. Utilisez judicieusement les espaces blancs pour réduire l'encombrement et aider l'utilisateur à se concentrer. »
Tu te souviendras du flux d'utilisateurs
Quelle que soit la propreté de votre conception, si votre application n'a pas de flux naturel, elle ne convaincra pas les utilisateurs. Avant de vous plonger dans la conception d'applications mobiles, vous devez vous poser quelques questions de base, telles que :
- À quoi sert votre application pour l'utilisateur ?
- Comment s'y retrouveront-ils pour accéder aux fonctions dont ils ont besoin ?
- Combien de pages devront-ils analyser ?
- Combien de clics de menu faudra-t-il pour accéder à un certain bouton ?
- Quelles fonctions doivent être les plus accessibles ?
Cela peut aider à guider votre conception, en vous montrant exactement ce qui doit être inclus sur chaque page. Idéalement, cette étape devrait avoir lieu avant de commencer à dessiner (ou à prototyper) votre application. Dans un document vierge ou sur une feuille de papier, vous pouvez cartographier le flux d'utilisateurs pour diverses tâches. Par exemple, si vous conceviez une application qui aide les musiciens à accorder leurs instruments, vous pourriez avoir un flux qui ressemble à ceci :
Écran principal > Sélectionnez Instrument [Guitar] > Sélectionnez Tuning [Standard] > Sélectionnez String [E]
Vous pouvez décider de simplifier le flux des tâches courantes. Par exemple, votre accordeur peut permettre aux utilisateurs d'enregistrer une combinaison d'instrument et d'accordage particulière sur un bouton de l'écran principal. Une fois qu'ils avaient sélectionné leur instrument et leur accordage préférés, le flux ressemblerait à ceci :
Écran principal > Instrument/accord enregistré > Sélectionner la corde [E]
Cartographier le comportement des utilisateurs comme celui-ci peut vous aider à concevoir une application qui coule naturellement. Cela garantit également que vous n'oublierez pas d'ajouter un élément de conception particulier qui pourrait être crucial pour le succès de votre application.
Tu créeras un prototype réaliste
Concevoir une application - sans parler de la coder - peut être un processus long et frustrant. Presque tous les concepteurs ou développeurs ont eu l'expérience de créer un design incroyable, de le coder et de l'envoyer à un client, pour se faire dire que ce n'est tout simplement pas ce qu'ils recherchent.
De même, jongler avec des croquis ne peut vous mener que jusqu'à présent. Il y a une assez grande différence entre quelque chose gravé au dos d'une serviette et un prototype réaliste que vous pouvez réellement tester. Alors qu'un croquis peut faire passer l'idée générale, un prototype interactif et réaliste peut faire sursauter votre client. Et même s'ils n'en sont pas ravis, un prototype fonctionnel facilitera grandement l'obtention de commentaires et les modifications nécessaires.
Proto.io vous donne le pouvoir de concevoir des prototypes réalistes, interactifs et étoffés qui se comportent comme de "vraies" applications sans vous obliger à écrire une seule ligne de code. De cette façon, vous pouvez donner à votre client et à votre équipe d'assurance qualité une véritable expérience pratique avant de plonger trop profondément.
Et en parlant de QA…
Tu testeras - puis testes encore plus
À vrai dire, lorsque nous avons commencé à rédiger cet article de blog, nous avons été tentés de faire 1 à 10 "tests" - c'est à quel point l'assurance qualité est importante. C'est quelque chose qui devrait être évident - en fait, presque tous les développeurs ou concepteurs de la planète vous diront que les tests sont cruciaux pour créer une UX fluide.
Et pourtant, nous avons tous eu la même expérience de téléchargement d'une application et d'être complètement déconcertés par son mauvais fonctionnement - peut-être qu'elle ne démarre pas correctement sur nos téléphones, ou peut-être que le processus d'intégration est si horrible que vous supprimez immédiatement ce. Alternativement, cela peut fonctionner correctement techniquement, mais avoir des éléments de conception qui n'ont pas de sens, ou un texte qui n'est pas lisible.
Même si votre application ne présente pas de faille fatale, les utilisateurs peuvent être inconstants. Une petite erreur pourrait suffire pour qu'ils n'utilisent plus jamais votre application. Pour éviter cela, testez votre application tout au long du processus. Depuis votre premier prototype jusqu'au moment où vous avez envoyé votre application prête à être lancée pour validation, vous devriez toujours chercher des choses à corriger ou à améliorer.
Bien que ces 10 règles vous maintiennent sur la bonne voie, la conception d'applications mobiles ne consiste pas seulement à suivre des guides ou à cocher des éléments de votre liste de tâches. Vous devez faire preuve de créativité - les meilleures applications trouvent des problèmes complexes et les résolvent avec élégance.
[Ce message est apparu pour la première fois sur Proto.io et a été reproduit avec permission.]