Innovation Mobilité

Pourquoi concevoir en « Mobile First » ?

9 août 2016

author:

Pourquoi concevoir en « Mobile First » ?

Qu’est-ce « Mobile First » signifie ?

Le design « Mobile First » se réfère à la philosophie suivante : une solution doit être conçue pour les écrans de petite taille, avant d’être conçue pour les écrans de grande taille. L’idée sous-jacente est qu’il est beaucoup plus facile d’agrandir l’échelle d’un design, que d’essayer de comprimer des éléments dans un espace plus petit.Ce concept découle de l’approche design et développement du web design flexible. Il utilise des intervalles (« break points ») dans le document avec des largeurs spécifiées pour afficher une mise en page ou un design différents, en réponse à la largeur du navigateur dans lequel le document est en cours de visualisation. Ceci permet au même codebase de correspondre à différentes configurations d’affichage selon la largeur du document.

Pourquoi un design « Mobile First » ?

À l’apparition du design dit “responsive” ou adaptable à plusieurs formats d’écran, de nombreux designers étaient tellement habitués à créer des modèles qui s’utilisaient sur des ordinateurs portables ou des postes fixes, qu’ils ont instinctivement commencé avec ce type de mise en page lors de la création de nouveaux designs.

Ceci a causé beaucoup de problèmes et de complications, car les informations affichées sur un grand écran ne s’affichaient pas correctement sur un écran beaucoup plus petit. Des informations importantes étaient perdues – cachées dans un long écran de défilement – ou carrément supprimées : les designers ayant décidé que les utilisateurs, sur petits écrans ou appareils mobiles, avaient seulement besoin d’informations limitées.

Le design « Mobile First » qui donne la priorité à la plus petite taille d’écran, signifie que le designer doit penser consciemment à l’importance du contenu dans l’architecture de l’information. Au fur et à mesure que la taille de l’écran augmente, les zones de contenu peuvent se développer et se réaligner en présentations qui optimisent le potentiel de l’écran.

Se concentrer sur son architecture dès le début signifie que l’information la plus importante et la plus intéressante est affichée là où elle se consulte le plus facilement. Les informations secondaires sont affichées dans les espaces de moindre importance, et ainsi de suite.

Cette approche permet à la présentation du contenu de guider la configuration du système, en fonction de son importance.

Le système a-t-il besoin de fonctionner sur les portables ?

« Mobile First » est tout simplement un nom. Il a été inventé quand s’est élaboré une philosophie qui définissait clairement la nécessité de concevoir des sites Web pour les appareils mobiles – tels que les téléphones et les tablettes -, avant de concevoir des présentations pour les appareils à plus grand écran – comme les ordinateurs portables et de bureau. Dans un très court laps de temps, ce nom est devenu désuet, mais il est encore utilisé, même si « le plus petit écran d’abord » est une expression plus logique.

Même si un système n’est pas conçu pour fonctionner sur des appareils mobiles, cette philosophie de conception pour le plus petit écran d’affichage possible avant de passer à des configurations pour plus grands écrans, demeure. Réfléchir en détail sur l’architecture de l’information, avant le design, fournira toujours de meilleurs résultats.

Leave a comment

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *