Disposition de l'interface utilisateur

Cliquez pour copier

5 conseils essentiels pour construire une maquette d'interface utilisateur.


Vous pouvez entièrement concevoir la partie visuelle dans l'éditeur, faire les ajustements et les changements que vous souhaitez à tout moment. Même après avoir publié l'application et après que les utilisateurs aient commencé à l'utiliser, vous pouvez modifier complètement l'apparence et la mise en page sans risquer de perdre des données !

Par conséquent, la forme sous laquelle vous présentez le projet avant de passer à l'éditeur n'est pas si importante. Il peut s'agir d'un prototype dans Figma ou d'une image dans Photoshop, d'un dessin dans Paint ou d'une esquisse à main levée, ou même d'un diagramme dans une feuille de calcul Excel. L'essentiel est que vous ayez une idée claire de la façon dont cela doit fonctionner.

Mais il y a quelques points importants à prendre en compte :

Décidez de l'application dont vous avez besoin : web ou mobile.

Vous pouvez créer deux versions de l'application qui seront interconnectées - certains de vos utilisateurs travailleront depuis des appareils mobiles, d'autres depuis des ordinateurs personnels, tandis que les données seront partagées. La conception sera toutefois différente.

Différents éditeurs sont habitués à construire des applications mobiles et web, il est important de comprendre en termes généraux les spécificités de leur travail avant de commencer.

Définissez des groupes d'utilisateurs

Divisez les utilisateurs en groupes en fonction des fonctions dont ils disposent et analysez leurs différences.

Nous ne parlons pas seulement de la division en utilisateurs et administrateurs. Si votre application est destinée à être utilisée par des clients ayant des niveaux d'accès différents ou des employés de différents services, vous pouvez masquer ou afficher des éléments individuels, voire des pages entières, en fonction des fonctions et des données dont dispose un utilisateur particulier.

Vous avez besoin d'exemples illustratifs

Trouvez autant d'applications que possible qui ressemblent à la vôtre. Vous pourrez peut-être utiliser l'une d'entre elles comme base en y ajoutant les fonctions que vous souhaitez ou vous voudrez peut-être combiner les fonctionnalités de plusieurs applications en une seule. Faites une liste restreinte avec une description des avantages et des inconvénients - cela vous sera utile non seulement pour élaborer une maquette, mais aussi pour contacter le support technique pour obtenir des conseils, pour rechercher des exécutants et des investisseurs pour un projet, et tout simplement pour générer de nouvelles idées.

Décrivez les pages en détail

Vous devez comprendre clairement quelles seront les pages de votre application et quelles informations doivent être affichées sur chacune d'elles.

En général, la demande comprend :

  • Page d'accueil : Tous les utilisateurs arriveront sur cette page, qu'ils soient enregistrés ou non.
  • Portail d'administration : Il permettra de gérer les paramètres et les comptes.
  • Des pages distinctes pour les utilisateurs ayant des niveaux d'accès différents.
  • Des pages contextuelles apparaissent lorsque certaines actions sont effectuées.
  • N'oubliez pas les messages de service pour les utilisateurs et les fenêtres séparées avec la confirmation des actions (par exemple, le consentement pour envoyer des données).

N'oubliez pas l'échange de données

Réfléchissez à l'endroit où votre application prendra des données et à celui où elle les enverra. Toutes les informations proviendront-elles des utilisateurs ? Quels processus peuvent être automatisés ?

Certaines des données peuvent être extraites de sites ou téléchargées à partir de programmes de comptabilité. Pour simplifier la connexion à votre application, utilisez l'autorisation des grands services, tels que Google ou Facebook. Cela nécessite des éléments d'interface distincts, par exemple des boutons "Télécharger des données" ou "Se connecter avec Facebook".

S'il est difficile de penser à tout en une seule fois, créez une mise en page avec un ensemble minimal de fonctions nécessaires et écrivez séparément vos réflexions sur ce que vous aimeriez ajouter à l'avenir. Si vous avez des difficultés - écrivez au canal télégramme de notre support technique, nous serons toujours heureux de vous aider !