Les effets négatifs du design web mobile-first sur le desktop

• Un article sur les effets négatifs du design web mobile-first lorsqu’il est consulté sur des appareils desktop, un phénomène appelé « dispersion du contenu ».
• La dispersion du contenu est un phénomène dans lequel le contenu d’une page web responsive paraît excessivement grand et étiré sur les grands écrans de laptop ou de desktop.
• Cet article s’appuie sur une étude combinant 13 tests d’utilisabilité qualitatifs et des entretiens semi-structurés.
• L’étude a montré que, sur les appareils à grand écran, la dispersion du contenu augmente la charge cognitive et le coût d’interaction, complique la compréhension du contenu et provoque la frustration des utilisateurs.
• La dispersion du contenu résulte de plusieurs tendances de design : le mobile-first, le minimalisme et les grandes images créent souvent des pages à faible densité informationnelle.
• Parmi les effets négatifs du contenu dispersé figurent l’augmentation de la longueur des pages et du coût d’interaction, l’augmentation de la charge cognitive, la difficulté à construire un modèle mental de la page, l’augmentation de la frustration et la baisse de la crédibilité.
• L’article souligne aussi les effets positifs du contenu dispersé, notamment le fait d’aider les utilisateurs à se concentrer sur un seul contenu mis en avant à la fois et de limiter la perception de surcharge informationnelle.
• Les auteurs recommandent d’évaluer comment le design est rendu sur desktop, d’estimer la valeur ajoutée des images, de regrouper les contenus importants et liés dans le même viewport, d’éviter les interactions et éléments de design spécifiques au mobile, et de comprendre dans quels cas la dispersion peut être utilisée de manière stratégique.
• Les auteurs concluent que les pages desktop minimalistes avec un contenu dispersé peuvent limiter les distractions et concentrer l’attention sur les points clés, mais qu’une page entière adoptant un design mobile-first, minimaliste et centré sur l’image crée des problèmes d’utilisabilité sur desktop.

[GN⁺]

Avis Hacker News

• Un article sur les effets négatifs du web design mobile-first
• Le terme « Hinternet » a été forgé pour la première fois en 2007 afin de décrire l’internet élégant et créateur de valeur, par opposition à celui rempli de bannières pop-up et de spam.
• « Hinternet » est désormais la forme dominante d’internet, où de nombreux services essentiels sont conçus d’abord pour le mobile et utilisent souvent des technologies qui ne fonctionnent pas sur des plateformes ouvertes.
• Le passage au design mobile-first semble être le symptôme d’un problème plus large, celui d’un internet devenu un paysage dystopique d’intégration verticale de l’information.
• Le développement frontend est considéré comme la partie la plus difficile de la stack, car il exige une connaissance approfondie de HTML, CSS et des API web prises en charge.
• Le problème n’est pas seulement l’opposition mobile-first contre desktop, mais le fait que les designers ne comprennent pas que le contenu web doit être dynamique et adaptable à la taille et à la forme de l’écran de l’utilisateur.
• L’usage du menu hamburger et des hiéroglyphes est adapté au mobile, mais est considéré comme un mauvais choix de design sur desktop, car il ajoute des étapes inutiles et peut créer de la confusion.
• De nombreux sites web modifient leur interface en fonction du redimensionnement de la fenêtre, ce qui peut rendre l’UI inutilisable lorsque la fenêtre est redimensionnée pour n’occuper que la moitié du moniteur.
• Dans le design mobile-first, l’absence d’une interaction tactile équivalente au hover est considérée comme une perte importante.
• Le concept UX de « Hero » est critiqué pour son usage excessif sur les landing pages, obligeant souvent les utilisateurs à faire défiler et cliquer à travers du contenu marketing pour trouver les informations pertinentes.
• L’obsession de l’industrie pour les frameworks JavaScript et les écrans pensés d’abord pour le mobile a poussé certains web designers à revenir principalement vers le graphisme.
• L’article se conclut sur l’avis d’un web designer qui rejette cette critique et affirme qu’un contenu simple par écran fonctionne mieux et est plus facile à analyser visuellement.