La planification de projets Web pour une multitude d'appareils a été un peu plus facile cette semaine avec la sortie de Zurb Foundation 4, un framework réactif avec un plan d'abord mobile.
La version ultérieure de la grille flexible Foundation 3 de Zurb est structurée de manière à ce que les concepteurs pensent en premier lieu sur mobile. Avec plus de 1,08 milliard de smartphones utilisés dans le monde, cette tendance continuera probablement de gagner en popularité. Rejoignez-nous pour découvrir les nouveautés de Foundation 4 et découvrir pourquoi vous devriez envisager de l'utiliser pour votre prochain projet de conception!
Quoi de neuf?
? Mobile-first est définitivement la nouvelle vague? Foundation 4 est une nouvelle version de Zurb issue du code supérieur. Le concept mobile-first est le facteur qui le motive.
"Mobile-first est définitivement la nouvelle vague, même si le concept flotte depuis un moment" a déclaré Jonathan Smiley, partenaire et responsable de la conception chez ZURB. «Nous avions jusqu'alors opté pour le mobile, précisément parce que nous ne pensions pas que la plupart des designers, voire la plupart de nos clients, étaient prêts à le faire. Maintenant, l'histoire est un peu différente.
Mis à part la nouvelle façon de penser qui consiste à créer un site Web, Foundation 4 a redoublé d’intérêt dans l’espoir de proposer une plate-forme plus rapide et plus simple.
Les concepteurs et les développeurs remarqueront probablement un codage plus intelligent et plus sémantique. Le code est simplifié pour permettre aux concepteurs de consacrer plus de temps à l’utilisation du code HTML.
«Nous voulions permettre aux utilisateurs de la Fondation de surmonter la faille la plus flagrante dans les cadres: le balisage de présentation. - Jonathan Smiley
Smiley a noté que «la promesse de HTML / CSS était que HTML indique à votre appareil quel était son contenu, et CSS lui a dit à quoi il devrait ressembler. Avec d'autres frameworks (y compris Foundation 3), vous étiez coincé à mettre toutes sortes de balises dans votre code HTML pour indiquer son apparence. Avec Foundation 4, vous pouvez extraire tout cela dans le CSS grâce à la magie des mixins SCSS.
Le framework utilise également le plus léger Zepto au lieu de jQuery. Les pages doivent être chargées rapidement dans les environnements mobiles pour retenir l'attention des utilisateurs. Zurb affirme que ces améliorations du code et que Javascript le fera.
Quel est le même?
Le cadre est réactif. L'idée est de concevoir avec un processus de pensée d'abord mobile, mais ce n'est pas là que ça s'arrête. Foundation 4 est conçu pour créer des sites Web réactifs fonctionnant sur les appareils mobiles, les tablettes et les navigateurs Web de toutes les formes et de toutes les tailles.
La grille pour laquelle Zurb est connue - cette grande structure de fluide à 12 colonnes - n’est allée nulle part. Vous pouvez toujours l'utiliser. le processus de conception ne fait que commencer avec mobile. Foundation 4 est entièrement personnalisable, des composants aux spécifications de la grille, en passant par les couleurs et les points d'arrêt. Et le logiciel regorge de petits extras et d’add-ons pour vous aider à réaliser un prototype en un rien de temps.
Un outil de designer
Foundation 4 est spécialement conçu pour les concepteurs. Le point de départ de code simple est idéal pour les concepteurs qui ne sont peut-être pas aussi férus de code. Et en tant que designer, cela signifie que je peux utiliser ce temps conception, plutôt que de lutter contre le code. (Un vrai bonus.)
Les grandes lignes de la Fondation 4 constituent également un excellent endroit pour commencer. Avec autant d'options mobiles disponibles sur le marché, l'idée peut être un peu trop lourde et cet outil élimine en partie ce problème. Foundation est un excellent point de départ et un excellent moyen de plonger dans le monde de la conception pour tous les types d'appareils mobiles.
Temps de mise à niveau?
Foundation 4 ne remplacera pas le populaire Foundation 3, qui? Concurrence? avec le logiciel Bootstrap de Twitter. (Vous pouvez en savoir plus à ce sujet dans un article précédent de Design Shack.)
Les utilisateurs de Foundation 3 seront heureux de savoir que Zurb continuera à prendre en charge le produit (et a même prévu une mise à jour). La version 3.2.5 constituera le cadre réactif solide auquel les gens sont habitués, qui s’adapte le plus au monde du bureau.
Cela étant dit, ceux qui veulent faire le saut peuvent le faire. Foundation 4 propose un guide de migration complet pour ceux qui en ont besoin. Mais c’est un outil très différent - rappelez-vous premier mobile plutôt que Web premier - et tous les concepteurs ou développeurs ne voudront pas? mettre à niveau.?
Foundation 4 est probablement un meilleur outil pour les nouveaux projets - peut-être même ceux qui ont déjà été lancés si des recherches internes ont montré un lien étroit avec les utilisateurs mobiles. Pour les nouveaux projets, c’est une option intéressante pour les concepteurs: «Cela les aidera à concentrer leurs efforts, l’interaction et l’expérience et à offrir un meilleur site à leurs utilisateurs».
Vague de l'avenir
Zurb est le premier outil majeur doté d'une plate-forme mobile first. Et il faudra un peu de temps pour voir à quel point les développeurs et les concepteurs sont prêts à l'adopter.
Nous sommes fermement convaincus que l'approche mobile d'abord est la plus sensée à l'heure actuelle.Une première version mobile de Bootstrap est également à l'horizon. Selon la version 3 du blog Bootstrap, la version 3 sera également mobile.
Zurb estime un taux d'adoption prudent pour commencer.
"Nous nous attendions à ce que l'adoption de Mobile-first pour le développement soit encore lente, du moins pour quelques mois, mais nous pouvons faire tout ce que nous pouvons faire avec Foundation pour accélérer ce processus," Dit Smiley. «Nous sommes convaincus que l'approche mobile d’abord est la plus logique en ce moment, et nous la poursuivrons de manière agressive.»
Avec une utilisation mobile multipliée par 14 par rapport à celle des ordinateurs de bureau, cette stratégie devient chaque jour plus importante. Et de plus en plus de concepteurs et de développeurs en parlent - beaucoup. Selon Luke Wroblewski? Mobile First ,? Penser en priorité avec le mobile permet aux sites Web de toucher davantage de personnes, oblige les concepteurs à se concentrer sur le contenu et les fonctionnalités et leur permet d'innover et de réfléchir aux nouvelles technologies.
Conclusion
Il est réconfortant de voir quelqu'un se lancer dans une stratégie de développement axée sur le mobile.Nous sommes dans un monde Web de plus en plus mobile et de plus en plus d'utilisateurs attendent une expérience exceptionnelle en ligne, quel que soit leur appareil.
«Nous pensons qu'en aidant les utilisateurs à créer les appareils qu'ils utilisent réellement et en intégrant une méthode sémantique responsable, lisible par machine, nous aidons à configurer une génération de sites et d'applications qui fonctionneront comme ils le devraient, même sur des appareils. et avec une technologie qui n'existe pas encore? Dit Smiley. Nous sommes très excités à ce sujet.
Du point de vue du concepteur, moi aussi. Concevoir le mobile d'abord est tout à fait logique. On m'a appris à concevoir d'abord les plus petites pièces, à les faire fonctionner, à être lisibles et à construire à partir de là. C'est la base de Foundation 4. Construisez d'abord petit, puis développez le design. Cela semble être une stratégie solide.