On appel responsive design la conception d’une interface unique qui s’adapte à la taille des écrans des terminaux utilisés (mobile, ordinateur, tablette…). La structure de l’interface visible par l’utilisateur va s’adapter à l’écran et le contenu se positionner idéalement afin de permettre une expérience utilisateur la plus fluide possible. Il est impératif d’intégrer cette notion de responsive design en amont de la conception des maquettes, pour permettre aux développeurs de créer des composants adaptés aux différents écrans tout en restant le plus ergonomique possible.
01
Penser responsive design
Il est important de penser les écrans sous différents formats (lorsque cela est nécessaire bien entendu) pour imaginer des interfaces en adéquation avec les besoins utilisateurs et les possibles points bloquants.
02
Préparer et cadrer la conception
Les composants doivent être pensés en fonction de la taille des écrans. Les différents boutons, menu de navigation, images, textes… vont se redimensionner et se réorganiser automatiquement en fonction de l’espace prévu sur le terminal.
03
Définir les points de rupture
Généralement les maquettes sont alors présentées sous le format desktop pour un écran d’ordinateur de taille standard et sous le format mobile (il arrive que le format tablette soit demandé spécifiquement) en indiquant les différents breakpoints (points de rupture) correspondant aux tailles minimales et maximales des écrans. Cela permet d’observer le comportement des composants en fonction de l’écran. Par exemple une image accompagnée d’un texte sera présentée de façon horizontale sur un écran d’ordinateur (image à gauche et texte sur la droite) et de façon verticale sur mobile (image en haut et texte en bas). Le composant reste le même, mais sa structure s’adapte aux dimensions de l’écran pour faciliter la lecture et la navigation.
Atelier de co-conception : basé sur l'intelligence collective. Des ateliers permettent de faire émerger des solutions avec l'équipe projet et/ou les utilisateurs finaux
En savoir plus sur Atelier de co-conceptionLes tests utilisateurs consistent à faire évaluer l'ergonomie de votre produit ou service à des utilisateurs cibles. En fonction des objectifs, différentes approches sont possibles.
En savoir plus sur Tests utilisateursTout le monde parle experience utilisateur, design de service, ergonomie...
C'est pas très clair, mais vous aimeriez bien découvrir tout ca ou progresser.
