UTILISATEUR

UI / UX Design

L’expérience utilisateur, ce mot vous l’avez sûrement déjà entendu. En anglais User Experience (UX). Derrière ce nom c’est tout une méthodologie qui en découle. Permettant ainsi une étape de réflexion indispensable à une production future. Principalement sur le positionnement du service/produit et sa cible. Pensé pour optimiser les relations entre technologies, produits, services et humains, c’est une relation qui se noue entre le produit et l’utilisateur final de la solution, afin d’appréhender au mieux son développement.

Directement lié à l’UX, l’Interface Utilisateur (UI) correspond a l’aspect graphique qui va jouer le rôle d’intermédiaire entre l’utilisateur et l’interface finale. L’identité visuelle, l’intuitivité, l’ergonomie graphique du futur produit/service est un élément déterminant pour son utilisation. Que vous soyez PME ou grand groupe, l’image que votre produit va donner à l’utilisateur est un facteur clef de réussite.

null

Placer l’utilisateur au centre de la démarche

Travailler l’UX d’un projet, c’est toujours mettre l’humain au centre de celui-ci. Un travail en amont nous permet d’acquérir des données sur les utilisateurs pour nous permettre d’identifier les besoins et/ou les points faibles/forts de la solution existante, dans l’objectif d’analyser les aspirations des utilisateurs. De ceci en découle un Personna qui nous permet d’identifier un ou des profils types d’utilisateurs. Le but n’est pas de produire des documentations futiles mais bien de créer un modèle de fond sans forme (Wireframe) adapté à l’utilisateur et à son utilisation.

Etudes des besoins avec les utilisateurs

Conception d’un personna type, du parcours type, des aspirations …

Wireframes et définition d’une base de l’interface

Test utilisateurs et correspondance avec les besoins et attentes

Placer l’utilisateur au centre de la démarche

Travailler l’UX d’un projet, c’est toujours mettre l’humain au centre de celui-ci. Un travail en amont nous permet d’acquérir des données sur les utilisateurs pour nous permettre d’identifier les besoins et/ou les points faibles/forts de la solution existante, dans l’objectif d’analyser les aspirations des utilisateurs. De ceci en découle un Personna qui nous permet d’identifier un ou des profils types d’utilisateurs. Le but n’est pas de produire des documentations futiles mais bien de créer un modèle de fond sans forme (Wireframe) adapté à l’utilisateur et à son utilisation.

null

Etudes des besoins avec les utilisateurs

Conception d’un personna type, du parcours type, des aspirations …

Wireframes et définition d’une base de l’interface

Test utilisateurs et correspondance avec les besoins et attentes

null

Une UI moderne et unique qui s’allie à l’UX

Nous concevons via l’UI des éléments dit « insécables » (ex une icône) permettant de travailler avec flexibilité par la suite l’interface utilisateur. C’est via des couleurs, des typos que la hiérarchie visuelle se distingue. De par notre qualité de graphiste nous choisissons des illustrations uniques pour votre projet permettant d’imager et d’humaniser une interface. Afin de vérifier et peaufiner les derniers détails nous proposons des prototypes dynamiques permettant aux futurs utilisateurs de tester directement un rendu quasi réel de son futur outil.

Définition de la charte graphique des éléments

Conceptions d’atomes, travailler au maximum en atomic design

Créations graphiques et illustrations sur mesure

Test utilisateurs et correspondance avec les besoins et attentes

null

Une UI moderne et unique qui s’allie à l’UX

Nous concevons via l’UI des éléments dit « insécables » (ex une icône) permettant de travailler avec flexibilité par la suite l’interface utilisateur. C’est via des couleurs, des typos que la hiérarchie visuelle se distingue. De par notre qualité de graphiste nous choisissons des illustrations uniques pour votre projet permettant d’imager et d’humaniser une interface. Afin de vérifier et peaufiner les derniers détails nous proposons des prototypes dynamiques permettant aux futurs utilisateurs de tester directement un rendu quasi réel de son futur outil.

Définition de la charte graphique des éléments

Conceptions d’atomes, travailler au maximum en atomic design

Créations graphiques et illustrations sur mesure

Test utilisateurs et correspondance avec les besoins et attentes

Vous avez des projets d’UX / UI ?

Chez YellowTree on tiens beaucoup à rencontrer directement nos clients. Contactez-nous maintenant pour échanger sur vos projets. Laissez-nous vos coordonnées et nous reviendrons rapidement vers vous !

NOS UI ET UX

Quelques réalisations sélectionnées

l’UI dédiée aux pros du chauffage

En collaboration avec le groupe Atlantic, leader en solutions thermiques propose depuis peu une application à ses artisans revendeur. Celle-ci permet par exemple de pouvoir visualiser en réalité augmentée le système de chauffage dans la pièce de son client ou encore de réaliser un devis par pièce de la maison. Une multitude d’écrans ont été pensés et construits dans l’idée de remplacer le classique catalogue de produits.

Application de la charte graphique de base de la société sur l’UI

Création d’interfaces basés sur une étude ergonomique

Design d’UI en relation avec un panel de wireframes des différents écrans

Application complète et évolutive pour des fonctionnalités futures

L’UI et l’UX au service de la gestion de stocks

En partenariat avec Tesfri nous avons conçu un prototype d’interface permettant au manutentionnaire de scanner, répertorier et placer de manière efficace son chargement. L’application et son UX sont de réels outil aux services de l’homme lui permettant d’améliorer sa production quotidienne. Une interface dédiée à ses besoins présents permet de faciliter son travail.

Etude des besoins réels (Même ceux qui ne sont pas pensé par l’équipe projet)

Conception de Wireframes permettant un zoning des différentes fonctionnalités

Maquettage graphique améliorant l’expérience utilisateur

Interface flexible pour tout types d’écrans

Trouve ta soirée avec l’application OSOK

Osok c’est ton ami qui t’invite aux soirées près de chez toi. Le réel challenge autour de ce projet était d’intégrer des problématiques de lieu sur une carte interactive. Chaque POI (point of interest) sur la carte est dans la possibilité de donner un choix d’actions variables à l’utilisateur : S’y rendre, découvrir le lieu, découvrir l’événement, le type d’établissement …
Le résultat, une UI sombre, épurée et élégante avec un bouton d’action évolutif en bas d’écran.

Majoritairement Dark UI

Conception d’éléments d’interface flexibles

Bouton de menu original et moderne

Relation avec les développeurs pour les animations à produire

Voir le site internet de l'application
POLYVALENT

Nos prestations

//

UX Design Innovant et Responsive

Grâce à notre expertise en Web design / UX, nous créons la forme idéale pour vos projets !

//

Créativité, Pertinence, Lisibilité

Une image au plus proche de vos valeurs, base d’une communication percutante !

//

Relief, Couleurs et Matière

Boostez les émotions à travers vos supports print, en offrant une vraie expérience à vos clients !

CONFIANCE

Nos références

Vous avez des projets d’UX / UI ?

Chez YellowTree on tiens beaucoup à rencontrer directement nos clients. Contactez-nous maintenant pour échanger sur vos projets. Laissez-nous vos coordonnées et nous reviendrons rapidement vers vous !