Que signifie «mobile-first»?
J'essaie donc de trouver une réponse légitime à cette question depuis quelques jours. J'ai lu une interview dans la publication récente Awwwards Tendances Web et Mobile 201 avec la réponse suivante en ce qui concerne ce sur quoi se concentrer en 2013:
HTML/CSS/JS, conception responsive mobile-first , WordPress, ExpressionEngine/otherCMS.
Que signifie mobile-first ?
Mobile signifie d'abord que vous commencez votre processus de conception en concevant pour mobile . Une fois que vous avez fait cela, vous pouvez facilement modifier la conception du PC.
Le principal raisonnement derrière cela est que si vous vous contraignez volontairement au mobile, vous serez obligé de prendre des décisions sur ce qui est vraiment important et ce dont vous avez besoin se concentrer sur. En faisant cela, vous prendrez des décisions que vous ne seriez jamais obligé de prendre lors de la conception pour PC en premier. Le résultat est presque toujours une conception ciblée, plus propre et plus utilisable.
Il est vraiment facile de traduire une conception mobile en PC , mais généralement incroyablement difficile de traduire une conception PC en mobile.
Une bonne référence sur ce sujet est Mobile First par Luke Wroblewski.
Quelques exemples de sites qui ont suivi cette philosophie:
Clagnut
Vérification
Rijksmuseum (Dutch State Museum)
Le terme mobile first a été introduit par Luke Wroblewski en 2009, il consiste essentiellement à adapter le processus de conception pour commencer par concevoir d'abord la version mobile d'une application, puis aller vers le haut (c.-à-d. tablette, ordinateur de bureau) plutôt que l'inverse.
Voici quelques aperçus de premier article de blog de Wroblewski sur la question :
Le mobile explose: Bien que le Web soit accessible sur les appareils mobiles depuis des années, les téléphones intelligents d'aujourd'hui utilisent massivement les applications en réseau et le contenu Web. La construction de mobiles garantit d'abord que les entreprises ont une expérience à la disposition de cette base d'utilisateurs en croissance extrêmement rapide, largement considérée comme la prochaine grande plate-forme informatique.
Mobile vous oblige à vous concentrer: Les appareils mobiles nécessitent que les équipes de développement logiciel se concentrent uniquement sur les données et les actions les plus importantes d'une application. Vous devez établir des priorités. Ainsi, lorsqu'une équipe conçoit le mobile en premier, le résultat final est une expérience centrée sur les tâches clés que les utilisateurs souhaitent accomplir sans les détours étrangers et les débris d'interface généraux qui jonchent les sites Web accessibles sur ordinateur d'aujourd'hui.
Mobile étend vos capacités: De nouvelles plates-formes d'applications mobiles introduisent des fonctionnalités intéressantes qui laissent de nombreux navigateurs Web sur PC derrière. (ex.: GPS, boussole numérique, entrée multi-touch, accéléromètre, etc.). La construction mobile permet d'abord aux équipes d'utiliser cette palette complète de capacités pour créer des applications contextuelles riches au lieu de se limiter à un ensemble de capacités de plus en plus daté.
Si vous voulez une belle introduction au sujet, voici son exposé à An Event Apart: vidéo et slides .
Je suis trop paresseux pour écrire une réponse plus verbeuse (avec des exemples, des références, etc.), mais la meilleure analogie pour la conception mobile-first que j'ai entendue vient de Clarissa Peterson :
Pensez-y comme si vous bougiez. Si vous vivez dans un manoir et que vous devez emménager dans un petit appartement, il est vraiment difficile de trouver une place pour toutes vos affaires. Si vous vivez d'abord dans un petit appartement, vous apprenez à vous débrouiller avec moins de choses, puis vous pouvez ajouter plus de choses lorsque vous emménagez dans un manoir.
La conception mobile d'abord, c'est d'abord vivre dans un appartement, puis emménager dans de plus grandes maisons au fur et à mesure que vous utilisez des tablettes, des ordinateurs de bureau, etc.
C'est plus grand que le contexte de conception Web.
Prenez Instagram par exemple, un service qui a commencé comme iOS uniquement. Leur site était essentiellement un lien vers l'App Store depuis longtemps. Progressivement, ils se sont étendus à davantage de plateformes et ont déployé plus de fonctionnalités sur leur site Web.