conseil en ergonomie
conseil en design UX
architecture de l'information

Conception d'interface ui designicone conception ui design

icone ux design d'expérience utilisateur

L'expertise en conception d'interface ui design pour User interface design constitue la partie visible du travail des concepteurs UX. Concevoir l'interface utilisateur se rattache à toutes les compétences métiers du designer UX d'expérience utilisateur rassemblées au sein l'expertise métier UX design.

Définition de l'ui design

Conception d'interface utilisateur

La conception de l'interface utilisateur (UI design - user interface design) englobe toutes les techniques et toutes les méthodes de la modélisation d'une interface digitale. Si l'écran reste la clé de voûte de l'expérience, il évolue et débouche progressivement vers des systèmes numériques où les manipulations des utilisateurs tendent à diminuer, pour peut être disparaître, à plus long terme. La notion d'effort est effectivement très prégnante dans le design d'interface utilisateur. Les concepts de simplicité sont souvent mis en avant dans les attributs ergonomiques du bon site web. Cela sous-tend un effort moindre dans le travail de classification et de manipulation. Et la réduction de ces efforts constitue un des enjeux majeurs de la conception d'interface.

La conception d'interface est une discipline à part entière, mais sa maitrise requiert des qualités d'excellence en design de l'interaction. Le design de l'interaction considère tous les points de contact entre un usager et une marque, à l'échelle numérique et physique. Le parcours du client et de l'utilisateur au sens large est infiniment complexe, et le designer de l'interaction cherche à modéliser les points clés de l'expérience qui constituent les interactions les plus significatives entre un client et une entreprise... Il faut être honnête, dans le secteur de l'industrie digitale, la plupart des designers et concepteurs engagés dans le processus de conception restent centrés sur le design de l'information graphique de l'interface... C'est nécessaire. Mais réducteur, et absolument incomplet sur le plan des réalités économiques contemporaines, dans une mouvance de données massives, d'objets connectés, de transformation digitale...

Si la conception de l'interface reste très ancrée sur le modèle de l'interface informatique classique, les métiers vont évoluer à la mesure de la disparition progressive des interactions avec les écrans. Le processus a commencé et sera long. C'est bien la notion de parcours qui est vouée à prendre le pas sur la conception de l'interface. Le parcours représente le déplacement, le mouvement, l'horizontalité et la transversalité des interactions. L'interface représente un approfondissement vertical d'une réalité. Il faut de bons concepteurs d'interface pour créer ces expériences digitales, et il faudra de plus en plus de designer d'interaction pour penser le parcours de façon holistique, transdisciplinaire...

Ui design et Ux design

Ces réflexions sur les parcours utilisateurs nous amènent à évoquer la notion d'expérience. L'expérience de l'utilisateur (User eXperience - UX) ou expérience client (Customer eXperience - CX) se considère à travers le cheminement complet d'un individu amené à utiliser des produits et des services d'une même marque : la qualité du produit et du service, la relation client en magasin, le sourire de l'agent d'accueil, les indications du conseiller de vente, la qualité du service après-vente, la réactivité des réponses, la courtoisie de la réception téléphonique, la personnalisation des réponses email, l'efficacité des dispositifs numériques, la maitrise de la chaine de livraison, la qualité des interfaces se considèrent autant à l'échelle physique qu'à l'échelle informatique.

L'interface est le support de l'expérience utilisateur. Et l'interface ne se réduit pas à l'écran numérique. Toute expérience prend appui sur une interaction et celle-ci est de nature fragmentée et complexe : interaction avec une personne, interaction avec un produit, interaction avec un service transactionnel...

Le design de l'expérience utilisateur est une mouvance marketing qui cherche à identifier tous les ressorts de l'expérience pour tenter de l'améliorer. L'expérience considère un faisceau d'éléments inimaginables à capter, car chaque expérience est unique. Modéliser l'expérience utilisateur, telle que le suggère les méthodes et les techniques de l'UX design, reste une vision utopiste, chimérique, et parfois inquiétante... car derrière le concept d'empathie que l'on associe souvent à l'UX, de façon candide, c'est le marketing de la donnée qui est à l'oeuvre.

Les intérêts de l'UX ont franchi un cap. Les méthodes et les techniques du design d'expérience utilisateur sont utilisées à travers le paradigme de la business intelligence et de l'analyse de données, qui voient dans l'informatique décisionnelle, un nouveau moyen d'amélioration de la connaissance de l'usager... Rien de nouveau à ce que des méthodes soient orientées à des fins business. Les nouveaux questionnements qui pèsent toutefois sur l'UX invitent aux réflexions, car la tendance est au croisement des données issues de tous les parcours... et pas juste des parcours entre un client et la marque.

Pour en revenir à la conception de l'interface, celle-ci ne reste qu'une partie visible de toutes les dimensions de l'expérience utilisateur.

Profils des UI designer

Les concepteurs d'interface utilisateur - UI designer maitrisent les ressorts d'une interface et sont capables d'en transposer les codes pour la création de dispositifs originaux. On distingue des profils de concepteurs fonctionnels et des profils de concepteurs graphiques...

Les concepteurs fonctionnels sont des spécialistes du maquettage fonctionnel et de la documentation des projets numériques. La conception fonctionnelle englobe toutes les techniques conceptuelles permettant de mettre au point une interface utilisateur et de faire aboutir la vision du porteur de projet. Cette compétence est rarement le fruit de designer exclusivement graphiques. Ce sont les profils d'architectes de l'information qui représentent le mieux cette typologie de spécialistes. L'architecte de l'information numérique travaille autant la dimension éditoriale que la dimension fonctionnelle, sa compréhension des problématiques de façonnage en terme d'interface est donc potentiellement vaste. C'est un métier peu connu mais incontournable dans la conception des projets complexes.

Les concepteurs graphiques sont des spécialistes du maquettage et de la communication graphique. La conception graphique rassemble tous les savoir-faire du designer autour de la création d'expérience, de l'identité de la marque, du design d'animation (motion design). Le designer graphique dont l'impact est le plus important dans les travaux de conception est le directeur artistique digital. Ses travaux débouchent sur la matérialisation des éléments visuels, lesquels nécessiteront une couche supplémentaire sur le plan du design visuel et de l'expérience finale d'utilisation à travers le développement front-end.

UI designer UX designer

Le profil de l'UX designer est double. Le design d'expérience utilisateur repose effectivement sur le paradigme de la recherche utilisateur à la source de l'élaboration des solutions de conception. C'est le propre de la démarche marketing qui suppose une connaissance du client pour adapter le produit, le service, le message, aux besoin du client... Il y a donc un volet d'étude sur le terrain auquel se raccorde le volet de conception et de design.

Le design d'expérience utilisateur est un process et on trouve peu de profils disposant de la double compétence ANALYSE - CONCEPTION. On pourrait ajouter une troisième compétence autour de la maitrise des techniques d'investigation qualitative : il faut aller sur le terrain à la rencontre des publics, puis analyser les données recueillies, et ensuite être capable de concevoir des solutions de conception. Cela peut très bien occuper 3 fonctions :

  • Etude terrain : sociologie des usages.
  • Analyse de données : data analyst ou data scientist.
  • Concepteur : UI designer, Architecte de l'information, Directeur artistique...

Contrairement aux idées reçues, peu d'UX designer sont d'excellents concepteurs. Le design UX suppose une connaissance affinée des ressorts de l'expérience, et c'est la dimension étude qui prime. Analyser voire auditer les ressorts de l'expérience, constitue une démarche fondamentalement différente de celle impliquée par le processus de création. Ces amalgames autour des concepts de design UX suggèrent des profils d'analyste-concepteur, là où dans la profession, on trouve des analystes OU des concepteurs. Ce sont les mêmes amalgames qui conduisent à considérer que l'UX designer est nécessairement un UI designer (principe UX design = UI design) ou que l'UX designer est forcément un data scientist. Dans tous les cas, les dimensions de l'expérience utilisateur sont plus vastes que les découpages métier si chères à la division du travail...

La problématique UI Design Vs. UX design rejoint la dichotomie ergonomique : excellent pour l'analyse ergonomique et l'étude de la situation d'utilisation auprès des usagers, l'ergonome est rarement un bon concepteur. La division du travail et le manque de transdisciplinarité universitaire sont à l'oeuvre. C'est la raison pour laquelle les profils mutants de designer UX capables d'analyser et de concevoir valent si chère sur le marché : ils ont appris par l'expérience, en travaillant toutes les dimensions de l'expérience... Mais au final, un architecte coule rarement le béton, et tout le monde retourne à ses compétences les plus affûtées...

Techniques de la conception d'interface

Pour faire le point sur toutes les techniques de la conception d'interface utilisateur, veuillez consulter la section méthode de conception.

Il est difficile de synthétiser tous les travaux d'un concepteur d'interface, car une bonne conception repose sur un processus de design qui considère à la fois l'étude et l'analyse stratégique, raison pour laquelle vous devriez également jeter un oeil à la section méthode d'analyse.

Au sens le plus opérationnel, le concepteur d'interface détermine le fonctionnement du dispositif digital. Ces travaux supposent l'identification des besoins en information côté commanditaire. C'est l'analyse fonctionnelle qui permet d'inventorier les fonctions et les contenus les plus appropriés par rapport aux besoins d'un porteur de projet.

Le recueil des besoins métier est partiellement insuffisant pour construire une expérience supposée être le support de rencontre entre les exigences du business et les attentes des usagers. C'est le recueil des besoins utilisateur qui permet d'identifier les attentes des usagers et leurs contributions.

Le croisement du recueil des besoins métier et du recueil des besoins utilisateur est à la source du travail de design. Une multitude de travaux permet de cadrer le travail de conception. Si l'on considère la conception d'interface utilisateur, il y a 4 éléments qui devraient toujours être approfondis :

Ces travaux représentent les parties les plus importantes dans le design de l'interface utilisateur. On peut également citer le prototypage fonctionnel. Ces éléments concernent principalement le façonnage, or, comme nous l'avons vu, la conception de l'interface passe par des travaux d'analyse sur le terrain, des considérations stratégiques à travers le design stratégique, et naturellement des travaux d'évaluation dans la lignée des méthodologies UX design.

Visualiser des exemples UI design conception d'interface

conception d'interface ui design
conception d'interface ui design
projet conception ui Ladurée
IAFACTORY
ui design ux design
ui design et ux design
projet conception Carglass
IAFACTORY
conception d'interface utilisateur
conception d'interface utilisateur
projet conception ui citroen DS
IAFACTORY
interface utilisateur mobile
interface utilisateur mobile
projet conception mobile ui Valeo
IAFACTORY
user interface design
user interface design
projet conception ui intranet Altran
IAFACTORY
conception espace client
conception espace client
projet conception d'interface Chanel.com
IAFACTORY
conception site institutionnel
conception site institutionnel
projet conception corporate Valeo
IAFACTORY
conception de site sportif et business
conception de site sportif et business
projet conception ui design Look cycle
IAFACTORY
conception site web constructeur auto
conception site web constructeur auto
projet conception ui citroen DS
IAFACTORY
conception écosystème ecommerce
conception écosystème ecommerce
projet conception ui ecommerce Carrefour
IAFACTORY
conception dispositif web ecommerce
conception dispositif web ecommerce
projet conception ui Conforama
IAFACTORY
ui design
ui design
projet conception Parrot
IAFACTORY
conception ui design
conception ui design
projet conception d'interface Chanel.com
IAFACTORY
conception d'interface utilisateur
conception d'interface utilisateur
projet conception ui design Look cycle
IAFACTORY
ui design mobile
ui design mobile
projet conception d'interface Chanel.com
IAFACTORY
ui design logiciel
ui design logiciel
projet conception ui design logiciel Tryba
IAFACTORY
conception de navigation
conception de navigation
projet conception ui design Look cycle
IAFACTORY
optimisation ui user interface
optimisation ui user interface
projet conception interface Samse
IAFACTORY
+ de méthode UX design

Méthode UI designméthode conception d'interface ui design

CONCEPTION D'INTERFACE

définition de l'interface

Définition des principes d'interface, identification des contraintes et priorisation des informations.
définition de l'interface
CONCEPTION D'INTERFACE

conception du zoning

Clarification de la structure du site, des modèles de gabarits et des fonctions attribuées aux zones.
zoning
CONCEPTION D'INTERFACE

wireframing ux design

Esquisse d'interface utilisateur, projection des contenus et fonctionnalités à l'écran.
wireframing
CONCEPTION D'INTERFACE

prototype fonctionnel

Storyboard des écrans : approche scénarisée de l'enchainement des écrans illustrant un parcours.
scenario prototypage
ADAPTATION MULTI-ECRANS

conception web ux design

Conception fonctionnelle de sites web : e-commerce, corporate, transactionnel, portail...
conception web
ADAPTATION MULTI-ECRANS

conception mobile ux

Conception fonctionnelle d'interfaces mobiles : web mobile, app mobile, logiciel mobile...
conception mobile

Ressources autour de l'UI design et la conception d'interface

APPROFONDIR
l'ui design

Livre : L'art de la page d'accueil, Jakob Nielsen
 L'art de la page d'accueil, Jakob Nielsen

Pour aller plus loin sur la conception d'interface utilisateur

Formation vidéo UI desig à visionner :

Livrables UI design à télécharger :

Wireframes UI design à télécharger :

Articles du blog sur l'UI design à méditer :

Etudes de cas UI design à lire :

Travaux UI design à visualiser :

Compétences et expertise métier sur la conception UI :

Fiche métier autour du profil d'UI designer :

Livres à bouquiner :

Autres ressources sur le web :

  • Signalez nous des ressources dignes de ce nom autour de la conception d'interface utilisateur UI design en utilisant les commentaires !
Plus de métier UX design
EXPERTISE MÉTIER UX DESIGN

architecture de l'information

Architecture de l'information, organisations des contenus, conception d'écosystème digital.
architecture de l'information
EXPERTISE MÉTIER UX DESIGN

design d'interaction

Design des interactions, modélisation des parcours utilisateurs, conception numérique.
design d'interaction
EXPERTISE MÉTIER UX DESIGN

ergonomie web

Ergonomie web, étude des usagers en situation d'utilisation et avec les utilisateurs.
ergonomie web
Wireframe - proto
  • avec iafactory
  • prestation 7,5J
  • à partir de 4500€ HT