Développez-le simplement : processus de conception d'application en détail

Les applications mobiles populaires et utiles que nous utilisons tous les jours semblent pour la plupart très simples et intuitives. Selon les recherches de Statista, c'est aussi le domaine de développement logiciel le plus demandé avec plus de 280 milliards de téléchargements en 2018.

Newzoo dit que c'est égal à plus de 92 milliards de dollars. Le démarrage d'une application mobile nécessite des connaissances, de la précision, du temps et de l'argent. Cependant, rien de tout cela ne fonctionnerait sans une approche systématisée forte.

Préparez-vous pour un long entraînement numérique avec ce guide complet sur le processus de conception d'applications mobiles. Moins vous avez mal à la tête, plus vous atteignez d'objectifs !

La définition du processus de conception d'applications

C'est assez évident mais toujours très important à savoir. Il y a une énorme différence entre la phase préparatoire de la conception qui concerne la stratégie et le processus de conception lui-même. La deuxième phase comprend des étapes qui nécessitent les résultats de la planification stratégique comme base. Faites de votre mieux pour fixer les bons objectifs. Pour un bon processus, commencez à poser des questions sur votre prochain produit. C'est assez similaire à ce que nous faisons pour connaître la valeur d'une application.

Quel est votre public cible ? Pour bien voir, imaginez un messager. C'est l'un des types d'applications les plus courants. N'importe quel groupe d'âge l'utilise tous les jours, mais pourquoi Snapchat est-il davantage associé aux jeunes alors que Facebook est populaire auprès de tout le monde ? C'est le résultat d'un bon ciblage. Il est juste de dire que Zuckerberg a été le pionnier du marché, mais les développeurs de Snapchat ont proposé une idée plus attrayante pour un public spécifique. Il est clair que les adolescents n'ont pas besoin de fonctionnalités pour la communication professionnelle.

À quelles tâches votre application peut-elle faire face ? La réponse à cette question doit être simple et confiante. Les fonctionnalités doivent correspondre aux besoins potentiels du public cible et être visualisées dans un wireframe brut mais clair. Aucun concepteur d'application ne pourrait commencer à travailler sans ce cas. Le dernier et le plus important point de la phase stratégique est le budget. Si vous avez tout cela, lisez la suite.

Papiers s'il vous plaît!

Le principal canal de perception des utilisateurs moyens de smartphones est le visuel. Vous pouvez être très créatif et proposer quelque chose d'extraordinaire, mais vous devez vous en tenir à des règles pour les enfreindre. Les plates-formes Android et iOS ont leur propre nature que vous ne pouvez pas négliger. Les utilisateurs sont principalement habitués aux conceptions imposées par les applications natives des détenteurs de plateformes. Étudiez-les pour comprendre l'essentiel. Toute application native demande un effort énorme, des tonnes d'argent et de recherche pour offrir une UX (expérience utilisateur) de la meilleure qualité. C'est pourquoi vous pouvez les utiliser pour économiser des ressources.

Commencez avec un modèle d'interface utilisateur (interface utilisateur) papier. Essayez de rédiger l'apparence de votre application de la manière la plus minimaliste. Peu importe la complexité de ses tâches. Les connaissances de votre public cible seront souvent suffisantes pour savoir quoi faire, mais ils ne se soucieront pas s'ils trouvent un logiciel moins exigeant. Imaginez un marteau. Il y a quelques semaines, j'ai examiné des applications pour enregistrer des données mobiles. Il y avait trois excellentes applications, mais je considère Datally de Google comme la plus réussie malgré le fait qu'elle ait des options mineures. Son interface utilisateur est similaire à n'importe quelle application Android native et elle gère la sauvegarde des données presque au même niveau que ses énormes rivaux. Il gagnera par le nombre de téléchargements car les utilisateurs littéraires n'ont pas besoin de penser à l'utiliser.

Cela signifie que vous pouvez pré-optimiser l'UX de l'application en vous débarrassant de tout ce qui peut être identifié comme un encombrement. Une telle approche faciliterait toutes les opérations ultérieures. À cette phase, vous êtes également tenu de choisir la couleur principale qui est susceptible d'être une et unique. Après cela, dessinez tous les onglets et boutons de menu pour définir la profondeur et les résultats de toutes les actions.

Prototype

Le prototype est une application qui vous offre de nombreux avantages. Vous n'allez pas dépenser beaucoup d'argent pour cela, alors travaillez sur la phase précédente pour qu'elle s'incarne plus rapidement. Le prototype prêt peut avoir de multiples bugs et imperfections, mais il est beaucoup plus confortable d'être montré aux investisseurs, aux testeurs et aux fabricants.

Un web designer m'a gentiment présenté Adobe XD qui convient parfaitement à la création de prototypes. Récupérez toutes vos bases et mettez-les en œuvre rapidement dans la version écran. Ce logiciel coûte beaucoup moins cher que celui des programmeurs et il est très facile à piloter avec des compétences assez basiques.

Un autre avantage de l'utilisation d'un tel "Powerpoint pour les développeurs" est la sécurité. Même un prototype doit être à l'abri des attaques et du vol. Enregistrez des projets dans Adobe CC et assurez-vous de consacrer moins de temps aux mesures de sécurité.

En fait, vous êtes libre de mélanger les phases de développement dans ce programme. Les couleurs, les polices, les images, les animations et les boutons sont mieux vus dans une version numérique. Passez un peu de temps à les tester. Demandez aux personnes que vous connaissez de jeter un coup d'œil et d'être attentif à leur comportement et à leurs commentaires. Certains d'entre eux peuvent affiner votre vision ou même changer la direction du développement de l'interface utilisateur. Passons aux détails visuels.

Couleurs

Des études psychologiques prouvent que la couleur est l'un des aspects les plus puissants de tout design. Selon les recherches de Kissmetrics, 92 % des personnes interrogées sont conscientes que la majorité de leurs décisions d'achat sont basées sur la préférence de couleur.

Soyez conscient de la signification des couleurs. Le choix le plus courant est le bleu car il convient aux deux sexes. Les Américains et les Européens l'associent à la fiabilité et à la sécurité. La couleur jaune, moins courante, est plus efficace avec les jeunes et les enfants. Snapchat est un bel exemple de son bon usage.

Conservez l'icône, l'écran d'accueil et les onglets de votre application dans une seule couleur pour la rendre significative et globale. Cette règle est basique, mais pas stricte à 100 %, alors comparez-la avec les fonctions de l'application. Pour que ce soit clair, imaginez une application pour appareil photo avec des panneaux roses ou rouges. Prendre des photos deviendrait une entreprise difficile avec une telle interface.

Animations

Le minimalisme est ici aussi un principe de base. Les animations doivent compléter les actions et rester hors de l'attention si ce n'est pas argumenté. Évitez les retards de mouvement, la prise de temps et les fonctionnalités graphiques avancées pour équilibrer la convivialité et l'apparence.

Gestes

Les gestes sont des commandes de navigation masquées. C'est pourquoi ils ne sont pas évidents pour tous les utilisateurs. Toute application au format de base ne devrait pas être uniquement gestuelle. Choisissez les mouvements que vous voyez dans toutes les applications populaires. Les utilisateurs apprécieraient l'absence de nécessité d'apprendre. Imaginez une courbe d'apprentissage qui grandit avec chaque fonctionnalité inconnue ou non intuitive. Plus cette courbe est élevée, moins il reste d'utilisateurs.

Polices et éléments

La plupart des cas nécessitent une utilisation stricte des polices de base et des éléments fonctionnels du système mobile. La raison est à nouveau dans les douanes. Certaines conceptions créatives peuvent ne pas être bien reçues si elles ne correspondent pas aux concepts du système mère. Les jeux sont les bienvenus pour être uniques, mais ce ne serait pas une bonne décision de créer un messager basé sur la bande dessinée.

Les icônes et éléments fonctionnels sont mieux perçus s'ils sont familiers. Unifiez-les avec des animations fluides ou une légère stylisation, mais n'exagérez pas. Toute interface utilisateur doit être rapide et intuitive en premier lieu.

Couper l'encombrement

Toute fenêtre de votre application doit fournir un message complet en un coup d'œil. Tous les titres doivent être exempts de césure pour faire gagner du temps aux utilisateurs. Plus les phrases sont courtes, mieux c'est. Vérifiez l'efficacité du texte avec tout utilisateur inconnu de votre application. Regardez simplement son comportement. S'ils ont l'air détendus et imperturbables, vous avez la bonne idée. Assurez-vous que les informations importantes tiennent même sur le plus petit écran pour éviter un défilement excessif. Les applications mobiles ne peuvent pas utiliser de raccourcis clavier, donc tous les menus et éléments généraux doivent être accessibles en un minimum de clics.

Veuillez noter qu'il est impossible de contraindre des espaces sans contenu réel. Les fonctionnalités constituent la base, mais vous ne pouvez pas voir la conception complète sans une formulation stricte.

Faites la coupe

Comme toutes les préparations sont terminées, il est temps de coder une application fonctionnelle pour les tests. Le codage est assez coûteux, il est donc préférable de créer et de tester l'application sur une seule plate-forme pour éviter de graves dommages financiers.

Certains experts affirment que les tests devraient se dérouler de manière fermée et sécurisée, tandis que d'autres recommandent les tests bêta. La première variante est suffisante en cas de disponibilité d'un grand groupe de test. Les clients apprécieraient une application qui fonctionne sans problème et qui ne présente aucun bogue visible dès le départ. Cette méthode est très coûteuse car elle nécessite de fortes mesures de sécurité. Toutes vos conceptions et pièces de code doivent être à l'abri des espions. Et pensez aux honoraires des testeurs.

Voici le bêta-test en ligne bénéfique ! C'est assez exigeant non plus mais coûte moins cher. Utilisez des plateformes comme Erli Bird et Betalist ou publiez des annonces sur Reddit, Quora ou Twitter. Pour attirer les testeurs les plus appropriés, vous devez définir leur persona en détail et les exigences les plus strictes. Dites-leur que vous avez des bugs à corriger pour qu'ils chassent les erreurs de code. Même après cette mesure, certains des 100 à 300 testeurs que vous avez trouvés vous correspondront avec un rapport clair.

Et n'oubliez pas les restrictions de temps. Donnez aux testeurs un plan avec des périodes de temps consacrées à différentes tâches. Il est assez difficile de garder les gens engagés, les mandats doivent donc être limités. Au fait, pensez aux mesures d'encouragement. Les codes aux autorisations illimitées sont assez bons.

Les rapports sont l'étape la plus importante car vous devez séparer le bon grain de l'ivraie. Chaque commentaire est précieux car il permet d'améliorer votre produit avant le début des ventes. Comptez avec les opinions et corrigez les pièces si cela semble logique. La phase de bêta-test fermé peut être répétitive, alors ne vous inquiétez pas. Toute occasion de l'améliorer vaut du temps et de l'argent.

Attention à la première impression

N'oubliez pas que les vrais utilisateurs jugeront votre application à la première impression. Localytics affirme que 24 % des utilisateurs ne reviennent jamais sur une nouvelle application après le premier coup d'œil. Pour maintenir ce nombre aussi bas que possible, évitez les écrans de configuration obligatoires. De nombreuses données utilisateur peuvent être extraites d'un système, alors demandez la permission pour cela et faites plaisir aux utilisateurs avec des lacunes pré-remplies.

Ne submergez pas les gens avec des instructions. S'ils sont nécessaires, il est préférable de les fournir uniquement aux endroits où les utilisateurs pourraient en avoir besoin. Placez toujours un bouton "refuser" pour aider les utilisateurs avancés à ignorer les intros et les instructions d'intégration.

La même histoire se passe avec l'enregistrement. De nombreuses applications nécessitent des comptes personnels pour ouvrir les fonctionnalités de base, mais les plus conviviales restent à l'écart du signe dans un écran aussi longtemps que possible. C'est un point psychologique qui ressemble à n'importe quelle autre affaire de vente de produits. Vous ne pouvez rien vendre en criant "Achetez-le!". Seule une bonne argumentation vendrait votre application.

Les arguments de poids sont l'interface utilisateur qualitative, les actions faciles à faire, les demandes d'action obligatoires mineures, la description sans instructions et l'absence de bogues, bien sûr. Toute UX moderne doit être rapide, les pages doivent donc répondre en moins de 2 secondes. Les écrans de chargement devraient avoir du mal à retenir l'attention des utilisateurs avec de beaux visuels, des informations importantes ou même des blagues.

L'essentiel

Dans l'ensemble, le processus de conception de l'application est assez clair dans ses phases, mais reste compliqué en ce qui concerne la mise en œuvre. Soyez attentif à tout ce qui arrive à votre produit et concentrez-vous sur le résultat visuel de chaque fonctionnalité. Les propriétaires de smartphones aiment avoir les yeux et les doigts libres, alors faites de votre mieux pour minimiser les efforts des utilisateurs pour les aider à atteindre une efficacité maximale et félicitez le développeur avec 5 étoiles.