Article faisant partie du projet Mini Graphiques, publié par Marius Popescu pour De Amicis.
Comment peuvent fonctionner des sites comme ceux de Microsoft ou Apple même sur un petit écran de smartphone, sans pour autant manquer aucune page importante ?
Lorsque vous visitez un site web, vous vous attendez qu’il rentre de façon magique même sur des mini écrans. Comme souvent dans la vie, il n’y a pas de baguette magique, seulement quelqu’un qui a bien fait son travail pour adapter les sites, un par un, aux téléphones, tablettes et autres écrans de plus grande taille.
Adaptez les contenus web et les applications aux différents écrans
Pendant la décade qui a vu décoller l’usage des smartphones, cette tactique fut appelée responsive design. La plupart des sites web s’adaptent maintenant à des différentes résolutions, en montrant et en cachant plus ou moins d’informations en corrélation avec la taille des écrans.
La deuxième étape a été de commencer le design avec les mobiles (mobile-first). Cela a forcé les designers de se concentrer sur les plus importantes tâches à faire par le visiteur du site, et de cacher le reste des pages jusqu’à ce qu’elles soient utiles.
La troisième étape a été d’utiliser la même approche pour les applications web. Au fur et à mesure que les sites se transforment en applications et gagnent de plus en plus de fonctionnalités, leur interface a les mêmes soucis que les sites de contenu. Les pages interactives, les cartes, les écrans de saisie de données doivent tous s’adapter à des plus en plus petits écrans. Lorsque les techniques de responsive design et de mobile-first sont appliquées aux applications web, cela donne des Progressive Web Applications (PWA).
La tactique commune à ces (r)évolutions c’est la décomposition des sites ou application web en fonctionnalités, actions, ou tâches à faire. Ensuite, les plus importantes fonctions sont exposées en premier, tandis que les autres sont disponible seulement en cas de besoin.
Un mini graphique peut commencer dans le tableau de bord, puis être utile en vente ou marketing
Vous pouvez utiliser la même technique de décomposition pour vos graphiques. Par exemple, en commençant par un mini chart et puis en ajoutant de plus en plus de détails pendant que vous l’adaptez à des designs de plus grandes tailles. Ou bien, commencez avec une infographie verticale et décomposez-là en plus petits graphiques selon leur importance, et adaptez-les à d’autres usages.
Prenons un mini chart, et regardons comment il peut être utilisé dans des différentes types de média.
Utilisations et réutilisations | Type | Medium |
---|---|---|
1. Article | Marketing | Site web |
2. Page de vente | Marketing | Site web |
3. Brochure imprimée | Marketing | Dans la vraie vie |
4. Brochure PDF | Marketing | Site web/E-mail |
5. Rollup, stand, poster, livre | Marketing | Dans la vraie vie |
6. Présentation | Marketing | Dans la vraie vie/Visioconf |
7. Flyer | Marketing | Dans la vraie vie |
8. Proposition | Sales | |
9. E-mail de support | Support | |
10. Base de connaissances | Support | Site web |
11. Fragments de contenu | Social | LinkedIn, Twitter, Instagram |
A part les ventes et le marketing, le support et le développement sont d’autres possibles départements ayant besoin de bonnes visualisations de vos données. Mieux encore, vous pourrez transformer ce graphique en chart interactif et l’utiliser pour vos tableaux de bord logicielles.
Utilisations et réutilisations | Type | Utilisateur |
---|---|---|
1. Tableau de bord admin. | Produit logiciel | Admin client |
2. Tableau de bord client | Produit logiciel | Utilisateur final |
2. Dashboard opérationnel | Application interne | Opérations |
Vous pouvez également utiliser ces catégories et types d’usages pour auditer vos graphiques. Modifiez-les et adaptez-les pour les rendre utiles à chaque medium. Cela vous aidera à améliorer les informations visualisées et assurer la possibilité de réutiliser vos graphiques, et améliorer leur valeur pour votre entreprise.
PS
Dernier appel pour vous inscrire sur la liste pour recevoir gratuitement le livre des Mini Graphiques (PDF).
Le livre vous aidera à créer vos premiers graphiques avec vos données et à trouver de l’inspiration pour de nouvelles visualisations, avec des exemples et des conseils pratiques.
You must be logged in to post a comment.