Le design et la conception multi-écran- Comment concevoir une plateforme web multi-écrans, consultable sur des terminaux différents ?
Publié par Raphaël Les enjeux du multi-écran
Le multi-écran nécessite de prendre en compte différents enjeux.
Il s’agit d’adopter une conception centrée utilisateur qui permettra d’adapter un même contenu à des formats différents, des terminaux différents et des contextes d’utilisation différents. Les enjeux à prendre en compte sont orientés vers un même objectif : la conception de plateforme web de contenus multi-supports, multi-usages et multi-écrans.
Un enjeu de taille
Plus l’écran est grand, plus le confort de consultation est bon et plus le volume de contenu peut être important.
On ne consulte pas les mêmes informations et on ne navigue pas de la même manière selon que l’on consulte un site sur un écran mobile de petite taille ou sur un écran d’ordinateur de 21 pouces. Il s’agit donc de proposer des contenus et interfaces adaptables aux différents terminaux, en terme de taille et de volume.
Un enjeu fonctionnel
Il s’agit de proposer des systèmes de navigation et de consultation communs aux 3 terminaux tout en respectant leurs spécificités et en conservant une adaptabilité totale.
Le multi-écran, ce sont également des modes de fonctionnement différents qui ont des conséquences sur les usages et le design. Entre l’écran tactile de l’iphone qui se consulte avec le pouce, l’écran tactile des tablettes qui se consulte avec l’index et les écrans d’ordinateur qui s’utilisent avec une souris et un clavier, les usages et les attentes ne peuvent pas être les mêmes et la façon de consommer le contenu non plus.
De plus, des fonctionnalités ou des systèmes de navigation sont omniprésents sur certains terminaux alors qu’ils n’existent pas sur d’autres ; c’est par exemple le cas du rollover, largement utilisé sur les navigateurs des labtops et absent sur le tactile.
Un enjeu ergonomique
Chaque terminal possède des caractéristiques ergonomiques et fonctionnelles qui doivent être prises en compte lorsque l’on développe une interface multi-écran. Dans le cas contraire, la navigation à travers vos contenus sera difficile et non-intuitive.
L’ergonomie de navigation change selon le support utilisé. Selon que vous consultez une interface sur un iphone ou sur un Androïd, la navigation sera située en haut ou en bas de votre écran. De même, le bouton de retour en arrière existe sur Androïd et pas chez Apple.
Un enjeu d’usages
Le design multi-écran doit tenir compte des différents usages associés à chaque écran pour personnaliser l’expérience de l’utilisateur en adapter l’interface à ses besoins.
Le multi-écran c’est aussi du multi-usage. La démarche de conception d’une interface multi-écrans implique de faire évoluer le design et l’ergonomie en y incluant des éléments contextuels. On n’utilise pas une même interface de la même façon seon qu’on la consulte sur un mobile à l’extérieur ou sur ordinateur, à la maison. Par exemple, en utilisant Facebook Mobile, je publierai une seule photo alors que sur mon ordinateur, je créerai tout un album.
Selon l’outil et le type d’écrans consultés, l’activité et l’objectif recherché par l’utilisateur n’est pas le même. Une tablette est destinée à une activité dilettante, avec une recherche de confort et un usage d’exploration du web. L’ordinateur permet une organisation beaucoup plus poussée, on s’en sert pour gérer, rationnaliser ou optimiser. Le smartphone, quant à lui, est dédié à la mobilité. On s’en sert pour son autonomie, l’assistance et les services qu’il nous rend où que l’on soit.
Le design et la conception des plateformes web multi-écrans doivent donc prendre en compte ces caractéristiques et permettre de personnaliser l’expérience de l’utilisateur en adaptant l’interface à ses besoins et à ses usages. L’application mobile Facebook répond aux besoins de mobilité et de rapidité du mobile. Le site Facebook correspond aux besoins d’un utilisateur qui a plus de temps et de confort de consultation.
Un enjeu technologique (OS)
Le design de l’interface développée doit nécessairement prendre en compte les différences technologiques de chaque outil pour proposer une expérience adaptée.
Le multi-écran, c’est également un enjeu technologique. Il s’agit de développer une plateforme multi-écran adaptable à différents OS et donc différentes contraintes techniques. Par exemple, certains OS, comme celui d’Androïd, propose une zone de recherche présente par défaut, contrairement à l’iOS de l’iphone.
Les solutions pour répondre à ces enjeux
Une vision globale et rationnalisée du multi-écran permet de faire du mobile et de ses nouveaux usages une opportunité et non une contrainte.
La conception des plateformes web multi-écrans doit créer de l’unité et de la cohérence malgré la multiplicité d’outils et d’usages. Il n’est pas question de décliner les mêmes usages sur différents terminaux mais d’adapter un contenu aux specificités de son support de diffusion et de l’usage qui en est fait.
Pour que cela soit possible, il faut nécessairement simplifier les usages, le discours et la conception tout en rationnalisant les besoins.