Design UI

Design d'interface mobile.web.wearable.

Design d'interface mobile.web.wearable.

#userinterface
#créativité
#graphique
#accessibilité
appelons-nous !

Qu’est-ce que le Design UI ?

L’UI Design (Design d’Interface Utilisateur), concerne la partie graphique avec laquelle interagit l’utilisateur (IHM : Interface Homme Machine).

L’UI comprend la conception de maquette haute fidélité, de prototype animé, de design d’interaction, et aussi l’export (handoff) pour développeur.

Couleurs, typographies, formes et cohérence visuelle, sont les principaux aspect du Design UI.

Cela fait en général suite à un travail d’UX Design, , c’est aussi l’une des dernières étapes d’un Design Sprint, avant le test utilisateur final.

Les étapes de la conception UI

#1

Sketch

Un croquis sommaire, permettant de se faire une idée des futurs éléments

#2

Low-fi

Maquette sans couleur, sans texte, présente pour démontrer la cohérence

#3

Mid-fi

A cette étape, le wording peut être intégré, et le design se précise en niveau de gris

#4

High-fi

Cette étape est représente à l’identique ce que va être le produit final

#5

Prototype

Prototype animé, qui simule les futures animations et interactions avec l’interface

UX

  • Physique ou digital

  • Architecture de l’information

  • Expérience globale

  • Soulager les point de blocage et les irritants

  • Efficace à l’utilisation

Les différences entre

UI

  • Produits digitaux

  • “Look and Feel”

  • Interface avec laquelle l’utilisateur intéragi

  • Typographies, couleurs, formes et animations

  • Visuellement plaisant pour l’utilisateur

Les différences entre

UX

  • Physique ou digital

  • Architecture de l’information

  • Expérience globale

  • Soulager les point de blocage et les irritants

  • Efficace à l’utilisation

UI

  • Produits digitaux

  • “Look and Feel”

  • Interface avec laquelle l’utilisateur intéragi

  • Typographies, couleurs, formes et animations

  • Visuellement plaisant pour l’utilisateur

Les différences entre

UX

UI

  • Service, produit physique ou digital

  • Architecture de l’information

  • Expérience globale

  • Soulager les points de blocage et les irritants

  • Efficace à l’utilisation

  • Produits digitaux

  • “Look and Feel”

  • Interface avec laquelle l’utilisateur intéragi (IHM)

  • Combinaison de typographies, couleurs, formes et animations

  • Visuellement plaisant pour l’utilisateur


Pourquoi
travailler son UI

L’interface de votre site ou appli, doit à la fois refléter votre image mais va aussi aider l’utilisateur à lui transmettre les bonnes informations : Succès, erreurs, avec des codes couleurs et des types de typographie.

Une bonne interface améliore et facilite la navigation et la compréhension de l’interface par l’utilisateur, ce qui participe à avoir une bonne expérience utilisateur.

L’UI doit aussi être pensé et conçu de manière à bien s’intégrer dans l’environnement technique, et répondre aux normes d’accessibilité, notamment les taux de contraste et la lisibilité des textes.

Quelques outils UI


L’UI vous intéresse ?

Parlons ensemble de vos interfaces utilisateurs !

appelons-nous !