Conception, câblage et prototypage d'une application Android première partie

Si vous rêvez de créer la prochaine grande chose dans les applications Android, alors je ne vais pas vous mentir: votre travail est fait pour vous!

Il vous suffit de jeter un coup d’œil rapide sur le Google Play Store pour vous en rendre compte. chaque Une application à laquelle vous pouvez penser a déjà été créée - généralement plusieurs fois et avec plus ou moins de succès.

Dans un marché aussi concurrentiel, votre application doit offrir le package complet. Le simple fait de disposer d'un ensemble de fonctionnalités ne va pas la réduire! Votre application doit également être réactive, facile à utiliser, totalement exempte de bugs et (aussi superficielle que cela puisse paraître), elle doit: être joli, aussi.

Alors, quand vous vous réveillez au beau milieu de la nuit avec un brillant idée pour une application Android, résistez à la tentation de sauter du lit, démarrez Android Studio et commencez à donner vie à votre vision. Si vous voulez rendre justice à votre idée, vous devez réfléchir à la conception de votre application..

Dans cette série en deux parties, je vais vous montrer comment transformer une bonne idée en une excellente application. Vous apprendrez à planifier, à tester et à perfectionner chaque élément de la conception de votre application, et à résoudre autant de problèmes que possible avant même d'écrire une seule ligne de code..

Dans cette première partie, nous allons voir comment répondre à toutes ces questions épineuses et brûlantes que chaque développeur doit résoudre chaque fois qu'il lance un nouveau projet Android. Ensuite, nous allons créer une liste de tous les écrans que nous devons construire, ainsi qu’une carte d’écran qui montre exactement comment tous ces écrans s’assemblent..

Dans la deuxième partie, vous maîtriserez des techniques puissantes et bien pensées, telles que le wireframing et le prototypage. À la fin de la partie 2, vous avez créé un prototype numérique que vous pouvez installer et tester sur votre smartphone, tablette ou émulateur Android..

Pour vous aider à voir exactement comment vous passeriez d'une idée "d'étincelle d'inspiration" à un prototype numérique en fonctionnement, j'imagine que j'ai eu l'idée d'une application Android que je veux créer, puis que cette idée a été développée tout au long de la série.

Étant donné que nous nous approchons (supposément) de l'été, je vais concevoir une application qui aidera les gens à planifier et à réserver leurs vacances d'été avec tous leurs amis..

Nous avons donc notre idée: quelle est la première chose à faire??

1. Rédigez une déclaration de produit

Votre application typique comporte de nombreux extras intéressants, mais elle a également une définition claire. Tâche primaire. Par exemple, notre application de voyage terminée peut inclure une fonctionnalité de réseau social afin que les utilisateurs puissent partager un instantané de ce cocktail fantastique qu'ils ont pris à la plage ou du chat qu'ils ont caressé devant leur hôtel, mais ces fonctions ne constituent pas la tâche principale de l'application..

Un bon truc pour bien comprendre ce qu’est vraiment votre application est d’écrire une déclaration de produit. Il s’agit d’une phrase unique qui communique ce que votre application est, ce qu’elle fait et pourquoi il est impératif que l’utilisateur initialise Google Play et télécharge votre application. maintenant. Imaginez que vous présentiez votre application à un utilisateur potentiel et que vous ne disposiez que d’une seule phrase pour faire passer votre message..

Après de longues délibérations, j'ai choisi l'énoncé de produit suivant:

Une application qui simplifie la planification et la réservation des dernières vacances d'été.

Il est crucial que vous jamais perdez de vue cet énoncé de produit, vous pouvez donc le gribouiller sur un post-it et le coller au-dessus de votre bureau.

2. Identifiez votre public cible

La prochaine grande question à laquelle vous devez répondre est la suivante: qui est-ce que je construis cette chose pour?

J'espère que vous avez déjà une idée approximative du type de personne susceptible d'utiliser votre application, mais pour obtenir les meilleurs résultats, vous devez concevoir votre application en pensant à un public cible très spécifique. Le vieil adage est vrai: essayez de plaire à tout le monde et vous finirez par ne plaire à personne.

Les personnes avec lesquelles vous essayez de faire appel devraient influencer chaque partie de votre application, des fonctionnalités que vous incluez à l'apparence de votre interface utilisateur, en passant par le ton du texte de votre application. C'est pourquoi il est essentiel d'identifier votre public cible le plus tôt possible dans le processus de conception..

J'ai déjà une idée approximative de mon public cible: de jeunes adultes âgés de 18 à 25 ans qui sont soit en vacances d'été au collège ou à l'université, qui entament une année sabbatique ou qui planifient une dernière aventure avant de pouvoir commencer à chercher pour ce premier emploi à temps plein. C'est un bon début, mais nous pouvons avoir plus de précision que cela.!

Une astuce simple mais efficace pour cibler votre public est de créer un utilisateur persona.

Un utilisateur est un utilisateur unique qui représente le type de personne que vous ciblez. Quelles caractéristiques cette personne aurait-elle? Bien que les caractéristiques exactes varient en fonction du type d'application que vous avez en tête, vous pouvez commencer par répondre aux questions suivantes:

Quel âge a votre persona d'utilisateur? Cela peut être un âge exact ou une tranche d’âge telle que les personnes de plus de 60 ans ou les jeunes adultes.
Où vivent-ils? Cela peut être un pays ou une ville spécifique, ou un type de lieu comme par la mer ou dans la grande ville.
Ont-ils des enfants?
Quels sont leurs loisirs?
Ont-ils un travail? Et si oui, c'est quoi?
Sont-ils actuellement en formation??
Quel est leur type d'application préféré?
Quel est leur type d'application préféré??
Quels facteurs les incitent à télécharger une application?
Est-ce qu'ils paient pour des applications mobiles??
Quelle est leur expérience avec les applications mobiles? Sont-ils un utilisateur expérimenté ou un débutant??
Quelle expérience ont-ils de la technologie en général??

Créons un personnage d'utilisateur pour notre application de voyage. Pour obtenir les meilleurs résultats, imaginez votre personnage comme une personne réelle. Vous voudrez peut-être même donner un nom à votre utilisateur, ce que je vais faire: rencontrer Sasha!

Elle a 20 ans.
Elle est étudiante à l'université pendant les vacances d'été.
Elle vit chez ses parents cet été, mais elle retournera dans les salles d’étudiants au début de l’année scolaire..
Elle est célibataire, sans enfants.
Elle n'a pas d'emploi, alors son prêt étudiant est sa seule source de revenu.
Ayant grandi avec les médias sociaux, ses applications préférées sont tout ce qui lui permet de partager des photos et des mises à jour de statut avec ses amis, sa famille et le Web en général..
Elle est une pro de la technologie, en particulier des applications mobiles..

Puisque mon application concerne uniquement l'organisation de vacances, je dois également définir les expériences de Sasha en matière de voyages. Mon utilisateur «typique» est-il susceptible d'être bien voyagé? Ont-ils déjà planifié leurs vacances ou est-ce tout nouveau pour eux??

Je vais ajouter les caractéristiques suivantes à mon personnage d'utilisateur:

Sasha a été à l'étranger plusieurs fois, mais jamais avec sa famille.
C'est la première fois qu'elle planifie ses propres vacances.
Sasha peut être assez organisée quand elle le souhaite, mais comme c'est la première fois qu'elle participe à la planification et à la réservation de vacances, elle apprécierait certainement un coup de main!

Cas d'utilisation

Alors maintenant nous avons le qui, mais qu'en est-il du quand? Dans quelles circonstances Sasha pourrait-elle se sentir obligée de sortir son téléphone et de démarrer notre application??

En voici quelques-unes qui me viennent à l'esprit:

Sasha passe du temps avec des amis de l'université et la conversation tourne inévitablement autour du plaisir qu'ils vont avoir pendant l'été. Tout le monde est surexcité et avant même que vous ne le sachiez, Sasha a ouvert notre application. Elle et ses amis organisent avec enthousiasme ce qui est sûr d'être le voyage de leur vie..
Sasha vient de faire son apparition sur la discussion en groupe, qu'elle et ses amis laissent en courant dans leur application de messagerie instantanée préférée, et elle s'aperçoit enfin que tout le monde est d'accord sur une destination. Excitée, Sasha lance notre application et commence à rechercher des activités amusantes à faire dans ce domaine..
Sasha se sent frustrée. Elle et ses amis semblent passer des heures à parler de la qualité de leur voyage, mais ne se rendent jamais vraiment à réservation n'importe quoi. Quelqu'un doit prendre en charge, et il semble que cette personne va devoir être elle. Le seul problème est qu'elle n'a jamais rien arrangé de tel auparavant. Ce dont elle a besoin, c'est d'une application qui évite le stress lié à la planification et à la réservation de vacances d'été idéales… .

3. Créer une liste de fonctionnalités

Il est temps de vous amuser: laissez aller votre imagination et écrivez toutes les fonctionnalités que vous souhaiteriez inclure dans votre application si vous disposiez d'un temps infini, de l'argent et de toute une armée de développeurs prêts à vous aider. Pour le moment, ne vous inquiétez pas de savoir si ces fonctionnalités sont pratiques, considérez cela comme votre liste de fonctionnalités ultimes..

Si vous êtes en quête d'inspiration, rendez-vous sur la boutique Google Play et téléchargez quelques exemples d'applications Android couvrant un contenu similaire ou ayant le même public cible que votre application..

Passez un peu de temps à explorer ces applications et notez ce qu’elle fait bien, ainsi que tous les domaines que vous pensez pouvoir améliorer..

Voici quelques-unes des fonctionnalités que j'ai notées:

La possibilité de réserver tout ce dont l'utilisateur a besoin pour son voyage, qu'il s'agisse de billets d'avion, de train, de bus, de réservation d'hôtel ou même de choses diverses, comme de réserver une table dans un restaurant local qui a reçu d'excellentes critiques sur TripAdvisor..
Lisez les avis laissés par d'autres utilisateurs, et postez vos propres commentaires.
L'utilisateur définit son budget à l'avance et l'application filtre ensuite toutes ses suggestions en fonction de ce budget..
Soyez spontané! Planifier des vacances est supposé être amusant, alors pourquoi ne pas tout laisser au destin en collant une épingle virtuelle sur une carte virtuelle?
D'accord, planifier des vacances est supposé être amusant, mais cela peut aussi être un travail ardu, surtout s'il s'agit du premier voyage que vous avez réservé. Notre application doit fournir une liste de contrôle de tout ce que l'utilisateur doit réserver et organiser, afin de planifier les vacances idéales..
Fonctionnalité de médias sociaux pour que les utilisateurs puissent rendre jaloux leurs amis et leur famille en publiant des photos et des mises à jour de statut indiquant tout le plaisir qu'ils ont en vacances.
Un journal de voyage pour les utilisateurs qui souhaitent partager plus que de simples photos et mises à jour de statut.
Étant donné que mon public cible est constitué de jeunes adultes, c'est peut-être la première fois qu'un grand nombre d'entre eux sont responsables de la réservation de leurs propres vacances. Ils apprécieront peut-être certains conseils généraux destinés aux voyageurs qui voyagent pour la première fois, tels que la procédure à suivre pour demander un passeport ou le genre de choses que vous pouvez ou ne pouvez pas emporter dans vos bagages.
Un compte à rebours pour permettre aux utilisateurs de suivre les semaines, les jours, les heures et les minutes qui s’écoulent.

Le moment est venu de passer à la réalité: personne ne peut s'entasser tout leurs idées dans une seule application. Même si toutes vos idées sont sensées, bien pensées et intéresseraient votre public cible, tout jeter à l'exception de l'évier de cuisine dans une application serait un cauchemar pour vous en tant que développeur et mènerait probablement à une expérience utilisateur épouvantable..

Imaginez que vous lanciez une application pour la première fois et que vous soyez immédiatement confronté à un menu énorme et compliqué contenant une tonne d'options. Le choix est une bonne chose, mais trop de choix devient tout simplement déroutant! Puisque la dernière chose que vous voulez faire est de confondre vos utilisateurs, nous devons affiner notre liste de fonctionnalités ultimes jusqu'au strict minimum..

Alors, comment pouvons-nous décider quelles fonctionnalités sont en direct et quelles fonctionnalités meurent??

Pour la version initiale, concentrez-vous sur les fonctionnalités essentielles à la fourniture des fonctionnalités de base de votre application. Et rappelez-vous que le fait qu'une fonctionnalité ne soit pas intégrée à la version 1.0 ne signifie pas qu'elle ne parviendra pas à une mise à jour ultérieure. Si vous rencontrez dans votre liste une fonctionnalité qui a du potentiel, mais qui n'est pas essentielle pour remplir la tâche principale de votre application, notez-la comme une chose qui mérite d'être revue une fois que vous avez analysé les principes fondamentaux de votre application..

Votre nom d'utilisateur et vos cas d'utilisation doivent également jouer un rôle dans la détermination des fonctionnalités que vous incluez dans la version 1.0 (et dans les versions ultérieures). Quelles fonctionnalités sont les plus susceptibles de plaire à Sasha?

Après avoir relu le profil d'utilisateur, les cas d'utilisation et la déclaration de produit, j'ai choisi les fonctionnalités suivantes:

Réservation de voyage et d'hébergement. C’est une nécessité absolue. Si Sasha n’organise pas au moins le transport et un endroit où dormir, elle s’en va. nulle part.
Fixer un budget. Sasha finance la totalité du voyage sur les fonds de son prêt étudiant. L'établissement d'un budget est donc une priorité absolue pour notre étudiante soucieuse de l'argent..
Coller une épingle virtuelle dans une carte virtuelle. Sasha est une jeune étudiante qui cherche à vivre une aventure estivale avec tous ses amis. L'idée de faire quelque chose d'un peu fou et spontané pourrait alors l'attirer. De plus, souvenez-vous de notre cas d'utilisation où Sasha passe du temps avec ses amis et où ils s'encouragent mutuellement sur le plaisir qu'ils vont avoir cet été? C’est l’occasion parfaite pour Sasha de vraiment lancer le projet en lançant notre application et en insérant une épingle virtuelle dans une carte virtuelle..
Une liste de contrôle. Comme c’était la première fois que Sasha était impliquée dans la planification de ses propres vacances, disposer d’une liste de contrôle claire rendrait le tout beaucoup moins intimidant..

Notre liste contient d'autres fonctionnalités qui pourraient intéresser Sasha, telles que la possibilité de publier des photos de son voyage, car nous savons déjà que Sasha est une fan de tous les médias sociaux. Cependant, pour cette version initiale, je vais garder les choses simples et rester concentré sur l'objectif principal de l'application. Une fois que vous avez fourni les fonctionnalités de base de votre application et rempli votre énoncé de produit, vous pouvez vous concentrer sur tous ces extras agréables..

4. Esquisser le flux de haut niveau

Votre prochaine tâche consiste à réfléchir aux écrans que vous devrez créer pour vous fournir cette liste de fonctionnalités. Prenez donc un morceau de papier et un stylo ou un crayon. Tracez quelques organigrammes approximatifs des itinéraires que vos utilisateurs pourraient emprunter via votre application, afin d'accomplir les tâches principales..

Pour mon application de voyage, les tâches principales sont les suivantes:

Réserver un voyage.
Vérification des détails des trajets déjà planifiés par l'utilisateur.

Vous représenterez généralement des écrans avec des formes et une navigation rapide à l'aide de lignes ou de flèches.

Cet exercice est principalement destiné à vous faire réfléchir aux différents écrans que vous devez créer, afin de vous proposer les fonctionnalités que vous avez choisies dans votre liste de fonctionnalités ultimes. Ne passez pas trop de temps sur votre organigramme, vous affinerez ce flux lorsque vous créerez votre carte d'écran..

5. Créer une liste d'écran

Ensuite, créez une liste de tous les écrans que vous devez créer, en fonction de votre diagramme..

Voici ma liste d'écrans, ainsi qu'un bref aperçu de ce que je prévois d'inclure dans chaque écran:

Écran d'accueil. Cet écran contient un menu de tous les trajets que l'utilisateur a déjà planifiés via notre application. L'utilisateur peut appuyer sur n'importe quel élément de ce menu pour afficher la liste de contrôle de ce voyage particulier. Alternativement, ils peuvent donner le "Planifiez une nouvelle aventure!" lier un robinet.
Carte. Cet écran contient une carte et une épingle virtuelle. L'utilisateur peut appuyer sur une partie de la carte ou, s'il se sent spontané, il peut saisir la punaise virtuelle, fermer les yeux et tout laisser au destin..
Sélectionnez une ville. Une fois que l'utilisateur a sélectionné le pays qu'il souhaite visiter, cet écran propose certaines villes où il souhaite éventuellement rester. Cet écran contient également un curseur dans lequel l'utilisateur peut indiquer à l'application le type de budget avec lequel il travaille..
Liste de contrôle. Cet écran contient une liste de contrôle à travers laquelle l'utilisateur peut travailler. En tapant sur n'importe quel élément de cette liste, vous ouvrez un écran sur lequel l'utilisateur peut exécuter cette tâche, notamment:
Livre de transport.
Réserver un hôtel.

6. Créer une carte d'écran

Il est maintenant temps de combiner notre organigramme et notre liste d'écrans en une carte d'écrans qui exprime la relation de navigation entre tous ces écrans..

Commencez par le premier écran que l'utilisateur voit quand il lance votre application, puis travaillez vers l'extérieur.

Il n'est jamais trop tôt pour commencer à chercher des moyens d'améliorer l'expérience utilisateur. Alors, une fois que vous avez créé votre carte d'écran, prenez le temps de l'examiner d'un œil critique. Le nombre d'écrans sur lesquels l'utilisateur doit naviguer pour mener à bien les tâches principales de l'application est l'un des facteurs qui ont un impact considérable sur l'expérience utilisateur..

De manière générale, moins il y a d'étapes, meilleure est l'expérience utilisateur. Cette carte est l’occasion idéale d’identifier les endroits où vous pouvez réduire le nombre d’écrans dont l’utilisateur a besoin pour naviguer. Cela peut impliquer la suppression d’écrans, la combinaison d’écrans, la réorganisation des écrans ou l’identification d’endroits où il serait judicieux d’ajouter un «raccourci» de navigation afin que l’utilisateur puisse passer directement de l’écran A à l’écran E.

Conclusion

Jusqu'à présent, nous avons pris de grandes décisions concernant l'application que nous allons créer, notamment le public cible et les fonctionnalités que nous allons inclure dans la version 1.0 (certaines fonctionnalités étant réservées aux versions suivantes). Nous avons également établi une liste de tous les écrans que nous devons concevoir et expliqué comment ces écrans seront organisés dans notre application finie..

À ce stade, notre application est entièrement planifiée, mais à un niveau très élevé. Dans la partie 2, je vais aller plus loin et concevoir les écrans individuels qui composent cette carte d'écran, avant de tester ces écrans en construisant un prototype numérique..

Code