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…).