Sauve ta plante
Sauve ta plante
Dans le cadre de ma formation de Web Designer, nous devions créer le prototype d’une application mobile fictive sur le thème des plantes.
Cette application avait pour but d’avoir des fiches informatives sur l’entretien de diverses plantes.
De là, se posent déjà plusieurs exigences :
- Qu’il soit ergonomique
- Fonctionnel
- Charte graphique harmonieuse
01. Maquettage
02. Prototypage
01. Maquettage
02. Prototypage
01.
UI Design
UI est l’acronyme anglais de ”User Interface”. L’UI Design désigne la conception de l’interface utilisateur pour une application, un logiciel ou tout dispositif digital. Le design est le processus qui permet de concevoir l’interface homme-machine. L’UI Design est vaste mais en voici quelques exemples d’éléments.
Logo
Typographie
La typographie utilisée sur ce projet a été la Roboto, son succès n’est plus à expliquer, sobre et sans empattement et surtout lisible, parfaite pour ce projet.
Trois polices de caractères :
- Roboto light
- Roboto regular
- Roboto bold
Couleur
C=21 M=0 J=62 N=39 #7C9C3B
02.
UX Design
Prototype fonctionnel
Le prototype UX design ou prototype fonctionnel permet de simuler le fonctionnement de votre dispositif digital afin de le tester, avant de le produire. En effet, il y a différents cas de figure dans lesquels un prototype de dispositif digital peut être conçu :
- Prototype pour vérifier l’ergonomie du dispositif au cours d’un test utilisateur.
- Prototyper pour communiquer : particulièrement utile pour exposer (au sens propre comme au sens figuré : exposer à la critique aussi) et partager votre projet, fédérer vos équipes ou convaincre une hiérarchie.
- Prototypage dans le but de présenter une partie du support digital : pour persuader de l’intérêt du projet (appel d’offres, soutenance interne à l’entreprise), pour lever des fonds, pour communiquer avec les équipes de direction…
- Prototyper une partie du site pour aider les équipes de production à tester les qualités techniques du dispositif : test de charge, expérimentation sur différente plateforme, mise en situation.
- Prototype pour visualiser le fonctionnement et évaluer la fluidité des parcours d’utilisation (processus d’inscription, processus de commande, demande de devis…).