Search
 

Blog

UI Design et UX Design : qu’est-ce que c’est ?

Depuis quelques années, on voit souvent apparaitre les notions de UI design et de UX design. Néanmoins ces notions sont le plus souvent utilisées d’une manière complètement marketing et non dans l’optique d’avoir une vraie valeur ajoutée à leurs créations. On fait le point aujourd’hui sur ces deux notions.

L’UX Design

L’UX design fait référence à l’expérience de l’utilisateur lorsque ce dernier utilise votre produit. Il ne ce limite pas au web bien au contraire ! En web on parlera par exemple d’une utilisation compatible quel que soit le support digital (Smartphone, tablette, …).

Pour faire simple l’UX design représente le produit + son utilisation.

L’ UX design prend en compte l’ UI et concerne :

  • Les contenus textes et visuels,
  • L’analyse de données,
  • Les tests utilisateurs,
  • Les fonctionnalités,
  • L’ architecture du site web,
  • La satisfaction client.

Pour une expérience utilisateur optimale, un site internet doit être :

  • Visible sur les moteurs de recherche grâce à une conception SEO Friendly,
  • Compatible pour un affichage optimal sur toutes les tailles d’écran,
  • Conforme à l’image de l’entreprise et rassurant,
  • Efficace en facilitant la navigation et la recherche d’informations,
  • Disponible 24 heures / 24 et sans erreurs 404.

De plus, le design d’un site internet doit susciter à la fois l’envie et la confiance chez l’utilisateur afin d’offrir une bonne expérience.

Utilisons un exemple que j’ai trouvé dans un article du site web Openclassrooms.com :

  • Produit : la voiture, plus précisément une Porsche. (On a le droit de rêver ! 😝)
  • Utilisateur : le conducteur (utilisateur principal, mais par extension, les passagers aussi, s’il y en a).

Le siège, le tableau de bord, le volant, les pédales et le levier de vitesse sont des signifiants qui forment (tous ensemble) l’interface ; c’est ce qui vous permet de conduire. Cela dit, il y a d’autres choses qui permettent à la voiture d’avancer, et dont vous n’avez pas besoin de vous préoccuper : c’est la partie cachée de l’iceberg.

  • Expérience : conduire la voiture.

Si le siège est confortable, si le bruit du moteur et le contact de vos mains sur le volant sont agréables, si la voiture est belle (ou en tout cas, qu’elle vous représente, donne une bonne image de vous), si les sensations sont fortes, que les freins sont efficaces, que la direction est assistée, etc., alors votre expérience globale est positive !

L’UI Design

UI design représente l’interface avec lequel l’utilisateur va interagir. Reprenons l’exemple de notre magnifique Porshe :

  • Produit : une Porsche.
  • Utilisateur : le conducteur.
  • Interface : l’intérieur de la voiture : là où il y a ce dont vous avez besoin pour l’utiliser, conduire la voiture.
  • Expérience : conduire la voiture.

L’UI design prend en compte :

  • Le design de l’interface web (Web Design),qui permet de mettre en place la navigation, d’organiser les différents éléments graphiques et textuels. Un Web Design réussi doit à la fois être efficace, clair et efficace.
  • La charte éditoriale, qui est le document de référence de la production de contenu web pour la communication d’une entreprise.

Selon l’infographie de Magnus Revang, il est possible de classifier l’expérience utilisateur en 6 étapes principales correspondantes à une multitude de paramètres que l’UI designer doit prendre en compte dans son process de conception UX d’interface.

Bien qu’étant deux notions différentes, l’UX et UI design sont complémentaires et indissociables. Elles permettront à vos créations de laisser une empreinte durable dans la tête de vos clients et ainsi de vous différencier de vos concurrents !

Comments: 3

  • Jane Smith
    4 août 2016 13 h 27 min

    Alienum phaedrum torquatos nec eu, vis detraxit periculis ex, nihil expetendis in mei. Mei an pericula euripidis, hinc partem ei est. Eos ei nisl graecis, vix aperiri consequat an. Eius lorem tincidunt vix at, vel pertinax sensibus id, error epicurei mea et. Mea facilisis urbanitas moderatius id. Vis ei rationibus definiebas, eu qui purto zril laoreet.

    • Mark Johnson
      4 août 2016 13 h 27 min

      Lorem Ipsn gravida nibh vel velit auctor aliquet.Aenean sollicitudin, lorem quis bibendum auci elit consequat ipsutis sem nibsed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsanpsum velit. Nam nec tellus a odio tincidunt auctor a ornare odio.

  • Jane Smith
    4 août 2016 13 h 27 min

    Alienum phaedrum torquatos nec eu, vis detraxit periculis ex, nihil expetendis in mei. Mei an pericula euripidis, hinc partem ei est. Eos ei nisl graecis, vix aperiri consequat an. Eius lorem tincidunt vix at, vel pertinax sensibus id, error epicurei mea et. Mea facilisis urbanitas moderatius id.

Post a Comment