Newic
Newic

UX et UI Design

L’« UX/UI Design », c'est avant tout faire vivre une expérience positive aux utilisateurs. Notre agence de communication digitale à Lyon s'est spécialisée dans la conception centrée sur l’utilisateur.

aperçu projet

Si c’était un animal, c’est sûr que cette discipline serait un caméléon : capable de se mettre à la place de l’utilisateur, et adaptant le design à son univers. Chez nous d’ailleurs, ce sont de vrais caméléons qui gèrent vos projets !!!

Objectif

Pour offrir la meilleure expérience utilisateur de votre site web, de votre service ou dispositif.

Usages

Afin de répondre aux besoins des utilisateurs à l’aide d’une interface web intuitive et intelligible.

Diffusion

Sur des sites web, des landing pages, les réseaux sociaux, des campagnes display.

L’ux et l'ui en 5 étapes

Cliquez sur les titres pour en savoir plus

Message

Étude

Wireframes

Web design

Codage

Identification du besoin et définition des objectifs et cibles de communication

Analyse du comportement des utilisateurs et création des persona

Création de l’architecture de l’interface en fonction des profils utilisateurs

Habillage graphique du site web et création d’animations

Programmation web (HTML5, CSS, JavaScript) et mise en ligne du site web

NOS MEILLEURS EXEMPLES D'UX/UI

aperçu projet

Regulappro

Avec une interface efficace et intuitive, Newic met en avant Regulappro, une application dédiée aux entreprises de travaux publics. L’objectif étant de les aider à optimiser leurs bouclages.

aperçu projet

Natixis OP Réseau

Natixis Assurances contribue à soutenir des actions de prévention. Par conséquent, Newic a conçu une plateforme spécialement dédiée à l’Opération RS. Ce dispositif permet à l’ensemble de l’équipe de participer et effectuer des missions liées à la problématique du cyberharcèlement présente sur les réseaux sociaux. L’objectif final : faire un don à l’association e-Enfance.

Centre National De La Propriété Forestière (CNPF)

Le centre national de la propriété forestière (CNPF) a créé un module destiné à la carte des variables climatiques annuelles. Newic propose une série de vidéos tutos en motion design pour visualiser ces données climatiques cartographiques.

aperçu projet

La Smart Home Netatmo

Newic propose une expérience immersive, avec la modélisation d’une maison intelligente Netatmo. Les utilisateurs sont plongés dans un intérieur équipé d’objets connectés, pour découvrir au cœur de chaque pièce la magie de la technologie intelligente.

Tout savoir sur l'UX/UI

Le design interactif Newic

L’expérience utilisateur de votre produit ou de votre service est primordiale pour que votre projet soit apprécié et agréable à utiliser. À l’agence Newic, nous élaborons tous les outils digitaux interactifs en interne, du site web institutionnel à la vidéo interactive, en passant par des landing pages ou « serious game ». Notre expertise nous permet de répondre aux besoins de vos utilisateurs et de concevoir des produits intuitifs.

Le design interactif Newic

L’expérience utilisateur de votre produit ou de votre service est primordiale pour que votre projet soit apprécié et agréable à utiliser. À l’agence Newic, nous élaborons tous les outils digitaux interactifs en interne, du site web institutionnel à la vidéo interactive, en passant par des landing pages ou « serious game ». Notre expertise nous permet de répondre aux besoins de vos utilisateurs et de concevoir des produits intuitifs.

L'UX Design, qu'est-ce que c'est ?

Le terme « UX » désigne l’expérience utilisateur (User Experience en anglais). Le designer UX est donc la personne qui est responsable de définir le meilleur équilibre entre les objectifs clients et les besoins des utilisateurs. Ceci se traduit généralement par la mise en place d’interfaces schématiques pour un site web, une application mobile, un logiciel applicatif, un « serious game », une vidéo interactive ou encore du e-learning.

L'UX Design, qu'est-ce que c'est ?

Le terme « UX » désigne l’expérience utilisateur (User Experience en anglais). Le designer UX est donc la personne qui est responsable de définir le meilleur équilibre entre les objectifs clients et les besoins des utilisateurs. Ceci se traduit généralement par la mise en place d’interfaces schématiques pour un site web, une application mobile, un logiciel applicatif, un « serious game », une vidéo interactive ou encore du e-learning.

Quel est le rôle de l'UX Designer ?

L’UX designer effectue des recherches sur les utilisateurs, il analyse les statistiques pouvant exister et organise des workshops avec des utilisateurs tests. Il est ainsi en mesure de comprendre qui sont exactement les utilisateurs, quel est leur parcours et quels scénarios d’utilisation sont associés à leurs tâches. Ainsi, il peut créer des interfaces qui seront les plus efficaces et répondront le mieux aux objectifs établis (clients/utilisateurs).

L’UX designer détermine des persona. Il s’agit en fait de profils types d’utilisateurs/consommateurs/influenceurs qui permettent de mieux anticiper et d’optimiser l’expérience utilisateur.

Quel est le rôle de l'UX Designer ?

L’UX designer effectue des recherches sur les utilisateurs, il analyse les statistiques pouvant exister et organise des workshops avec des utilisateurs tests. Il est ainsi en mesure de comprendre qui sont exactement les utilisateurs, quel est leur parcours et quels scénarios d’utilisation sont associés à leurs tâches. Ainsi, il peut créer des interfaces qui seront les plus efficaces et répondront le mieux aux objectifs établis (clients/utilisateurs).

L’UX designer détermine des persona. Il s’agit en fait de profils types d’utilisateurs/consommateurs/influenceurs qui permettent de mieux anticiper et d’optimiser l’expérience utilisateur.

Quelles sont les étapes de création des interfaces ?

La première étape est les sketch UI design. Ces esquisses permettent d’établir rapidement une structure, suivie d’itérations très rapides pour définir la hiérarchie des contenus et la séquence des interfaces.

S’en suit la conception des maquettes schématiques. Cette étape vise à présenter les « wireframes » ou maquettes fonctionnelles. Elles ont pour but d’exposer la hiérarchie du contenu et les fonctionnalités, sans prendre en compte l’aspect visuel. Il s’agit d’une étape souvent délicate. En effet, elle demande au client de pouvoir se concentrer sur ces éléments techniques, visant uniquement à valider les différents parcours utilisateurs sans que le design n’entre en jeu.

Puis des tests d’utilisabilité sont réalisés auprès des utilisateurs à partir des « wireframes ». Dans certains cas de prototypes, ces tests permettent de déceler des problématiques et de réaliser des ajustements plus rapidement.

Enfin, des prototypes sont réalisés même si cette étape reste facultative. En effet, lors de certains projets, les prototypes sont le moyen de créer une première version non finalisée visant à valider ou non différents parcours. Par ailleurs, ils pourront être présentés lors de workshops avec des utilisateurs choisis selon les persona établis.

Quelles sont les étapes de création des interfaces ?

La première étape est les sketch UI design. Ces esquisses permettent d’établir rapidement une structure, suivie d’itérations très rapides pour définir la hiérarchie des contenus et la séquence des interfaces.

S’en suit la conception des maquettes schématiques. Cette étape vise à présenter les « wireframes » ou maquettes fonctionnelles. Elles ont pour but d’exposer la hiérarchie du contenu et les fonctionnalités, sans prendre en compte l’aspect visuel. Il s’agit d’une étape souvent délicate. En effet, elle demande au client de pouvoir se concentrer sur ces éléments techniques, visant uniquement à valider les différents parcours utilisateurs sans que le design n’entre en jeu.

Puis des tests d’utilisabilité sont réalisés auprès des utilisateurs à partir des « wireframes ». Dans certains cas de prototypes, ces tests permettent de déceler des problématiques et de réaliser des ajustements plus rapidement.

Enfin, des prototypes sont réalisés même si cette étape reste facultative. En effet, lors de certains projets, les prototypes sont le moyen de créer une première version non finalisée visant à valider ou non différents parcours. Par ailleurs, ils pourront être présentés lors de workshops avec des utilisateurs choisis selon les persona établis.

Quel est le rôle de l'UI Designer ?

L’UI designer ou designer graphique est responsable du design de l’interface (User Interface). Il est à la charge de la partie créative. Il participe aux discussions initiales avec le client et l’UX designer afin de bien comprendre et assimiler les objectifs de communication du client, son image de marque ainsi que les besoins de la clientèle cible.

L’UI designer intervient dès que les « wireframes » ont été approuvés par le client. Son rôle de designer graphique ne se cantonne pas à ajouter de la couleur sur les maquettes schématiques de l’UX designer mais bien d’apporter tout ce qui démarquera le site web, l’application mobile, la landing page ou l’application web de ses concurrents.

L’UI designer est à la charge de la production des maquettes visuelles qui sont ensuite utilisées par les développeurs. Il est également responsable de la production d’un guide des styles (Style Guide) qui regroupe en détails l’ensemble des constituants visuels des interfaces. Son rôle de direction artistique, en cours de développement, est déterminant. Il veille à ce que les normes graphiques soient respectées, au même titre que l’UX designer de son côté, s’assure de la qualité des fonctionnalités.

Quel est le rôle de l'UI Designer ?

L’UI designer ou designer graphique est responsable du design de l’interface (User Interface). Il est à la charge de la partie créative. Il participe aux discussions initiales avec le client et l’UX designer afin de bien comprendre et assimiler les objectifs de communication du client, son image de marque ainsi que les besoins de la clientèle cible.

L’UI designer intervient dès que les « wireframes » ont été approuvés par le client. Son rôle de designer graphique ne se cantonne pas à ajouter de la couleur sur les maquettes schématiques de l’UX designer mais bien d’apporter tout ce qui démarquera le site web, l’application mobile, la landing page ou l’application web de ses concurrents.

L’UI designer est à la charge de la production des maquettes visuelles qui sont ensuite utilisées par les développeurs. Il est également responsable de la production d’un guide des styles (Style Guide) qui regroupe en détails l’ensemble des constituants visuels des interfaces. Son rôle de direction artistique, en cours de développement, est déterminant. Il veille à ce que les normes graphiques soient respectées, au même titre que l’UX designer de son côté, s’assure de la qualité des fonctionnalités.