2. Nous concevons et créons des interfaces depuis bientôt 20 ans.
De cette expérience nous avonstiré ces 5 fondamentaux qui
n’ont pasvaleurde règles mais plutôt de conseils et de bonnes
pratiques.
Ils s’appliquent dans l’ordre bien sûrmais s’abordent aussi
comme untout, chacun enrichissant les 4 autres.
Certainsvous paraitrons peut être évidents mais à cause même
de cette évidence ils restenttrop souvent ignorés. D’autres seront
plus étonnants et sont issus directement de notre expérience.
Nous espérons qu’ilsvous aideront.
LES 5 FONDAMENTAUX
D’UNE INTERFACE RÉUSSIE
3. Rangez et classez !
Bien établi dans la cultureweb, souvent survolé dans
celle de l’application métier, letravail de structure des
fonctionnalités et de leurs relations est primordial
> Cartographierles contenus
> Hiérarchiserles fonctionnalités parnature
> Etablirune arborescence
> Construire les parcours utilisateurs / profils
Structurerles
fonctionnalités1-
4. Concevoir
l’interactivité2-
Ne partez pas à l’aventure sans un plan !
C’est untravail de conception en amont qui se mène en
collaboration avec les équipestechnique
> Spécifierles éléments permanents
> Structurerla navigation
> Définirles zones d’affichage
> Indiquerles comportements
5. Multiplierles accès3-
Utilisez plusieurs langages !
Les utilisateurs et leurs objectifs sont multiples, il faut
diversifierles scénarios de navigation en fonction des
usages
> Représenterles données (dashboard)
> Créerdes raccourcis
> Penserlatransversalité
>Adapteraux différents devices
6. Communiquez !
Il ne s’agit pas simplement de placerun logo en haut à
gauche.Votre interface est un grand support de com !
Tout doit participeràvotre identité
> Consolidervotre image de marque
> Créerdes zones communicantes
> Charterles éléments graphiques
> Designerles représentations de données
Affirmervotre
identité4-
7. Créez l’expérience !
La cohérence surl’ensemble de l’interface crée l’expérience.
Nevous arrêtez pas aux écrans structurants mais soignez
les détails
>Assurerun suivi de direction artistique
> Garantirla cohérence des écrans
> Homogénéiserles pictogrammes
> Rédigerune charte graphique
Soignerles
déclinaisons5-