LES 5 FONDAMENTAUXD’UNE INTERFACE RÉUSSIE

AVRIL 2017

Nous concevons et créons des interfaces depuis bientôt 20 ans. De cette expérience nous avons tiré ces 5 fondamentaux qui n’ont pas valeur de règles mais plutôt de conseils et de bonnes pratiques.

Ils s’appliquent dans l’ordre bien sûr mais s’abordent aussi comme un tout, chacun enrichissant les 4 autres.

Certains vous paraitrons peut être évidents mais à cause même de cette évidence ils restent trop souvent ignorés. D’autres seront plus étonnants et sont issus directement de notre expérience.

Nous espérons qu’ils vous aideront.

LES 5 FONDAMENTAUXD’UNE INTERFACE RÉUSSIE

Rangez et classez !Bien établi dans la culture web, souvent survolé dans celle de l’application métier, le travail de structure des fonctionnalités et de leurs relations est primordial

> Cartographier les contenus> Hiérarchiser les fonctionnalités par nature> Etablir une arborescence> Construire les parcours utilisateurs / profils

Structurer les fonctionnalités1-

Concevoir l’interactivité2-

Ne partez pas à l’aventure sans un plan !C’est un travail de conception en amont qui se mène en collaboration avec les équipes technique

> Spécifier les éléments permanents> Structurer la navigation> Définir les zones d’a�chage> Indiquer les comportements

Multiplier les accès3-

Utilisez plusieurs langages !Les utilisateurs et leurs objectifs sont multiples, il faut diversifier les scénarios de navigation en fonction des usages

> Représenter les données (dashboard)> Créer des raccourcis> Penser la transversalité> Adapter aux di�érents devices

Communiquez !Il ne s’agit pas simplement de placer un logo en haut à gauche. Votre interface est un grand support de com ! Tout doit participer à votre identité

> Consolider votre image de marque> Créer des zones communicantes> Charter les éléments graphiques> Designer les représentations de données

A�rmer votre identité4-

Créez l’expérience !La cohérence sur l’ensemble de l’interface crée l’expérience. Ne vous arrêtez pas aux écrans structurants mais soignez les détails

> Assurer un suivi de direction artistique> Garantir la cohérence des écrans> Homogénéiser les pictogrammes> Rédiger une charte graphique

Soigner les déclinaisons5-

CONCEPTION& CRÉATION DE

DESIGN D’INTERFACE

WWW.HIGHBOLD.COM