La planificación de proyectos web para una gran cantidad de dispositivos se hizo un poco más fácil esta semana con el lanzamiento de Zurb Foundation 4, un marco de respuesta con un primer esquema móvil.
La versión de seguimiento de la cuadrícula flexible Foundation 3 de Zurb está estructurada para que el diseñador piense primero en dispositivos móviles. Con más de 1.080 millones de teléfonos inteligentes en uso en todo el mundo, es una tendencia que probablemente seguirá ganando popularidad. ¡Únase a nosotros mientras echamos un vistazo a las novedades de Foundation 4 y descubra por qué debería considerar usarlo para su próximo proyecto de diseño!
¿Qué hay de nuevo?
¿Mobile-first es definitivamente la nueva ola? Foundation 4 es una nueva compilación de código desde Zurb. El concepto de móvil primero es el factor impulsor detrás de él.
"Mobile-first es definitivamente la nueva ola, incluso si el concepto ha estado flotando por un tiempo". dijo Jonathan Smiley, socio y jefe de diseño de ZURB. ? Primero dejamos de usar el móvil hasta ahora precisamente porque no creíamos que la mayoría de los diseñadores, o incluso la mayoría de nuestros clientes, estuvieran listos para eso. Ahora la historia es un poco diferente.
Aparte de la nueva forma de pensar cuando entras en la creación de un sitio web, las agallas de Foundation 4 también han cambiado con la esperanza de ofrecer una plataforma más rápida y ágil.
Los diseñadores y desarrolladores probablemente notarán una codificación más inteligente y semántica. El código está optimizado para permitir a los diseñadores dedicar más tiempo al trabajo en el HTML.
? Queríamos permitir a los usuarios de la Fundación superar el defecto más grave en los marcos: el marcado de presentación? - Jonathan Smiley
Smiley notó que? La promesa de HTML / CSS era que HTML le decía al dispositivo cuál era su contenido, y CSS le decía cómo debía verse. Con otros marcos (incluido Foundation 3), te quedaste atascado poniendo todo tipo de marcado en tu HTML para decir cómo debería verse: con Foundation 4 puedes extraer todo eso en el CSS a través de la magia de los mixins de SCSS.
El marco también utiliza el Zepto más ligero en lugar de jQuery. Las páginas deben cargarse rápidamente en entornos móviles para mantener la atención de los usuarios. Zurb dice que estas mejoras al código y a Javascript lo harán.
¿Lo que es lo mismo?
El marco es sensible. La idea es diseñar con un proceso de pensamiento móvil primero, pero no es ahí donde se detiene. Foundation 4 está diseñado para crear sitios web receptivos que funcionan en dispositivos móviles, tabletas y navegadores web de casi cualquier forma y tamaño.
La rejilla por la que Zurb es conocida, esa gran estructura fluida de 12 columnas, no se ha ido a ninguna parte. Todavía puedes usarlo; el proceso de diseño comienza con el móvil. Foundation 4 es totalmente personalizable, desde componentes hasta especificaciones de cuadrícula hasta colores y puntos de interrupción. Y el software está lleno de pequeños extras y complementos también, para ayudarlo a obtener un prototipo hecho en poco tiempo.
La herramienta de un diseñador
Foundation 4 está hecho especialmente para diseñadores. El punto de inicio del código sencillo es ideal para los diseñadores que tal vez no sean tan conocedores de los códigos. Y como diseñador, esto significa que puedo usar ese tiempo diseño, en lugar de luchar contra el código. (Un bono real.)
El esquema de Foundation 4 también sirve como un gran lugar para comenzar. Con tantas opciones móviles por ahí, solo la idea puede ser un poco abrumadora y esta herramienta elimina parte de ese alboroto. Foundation es un excelente punto de partida y una excelente manera de sumergirse de lleno en el mundo del diseño para todo tipo de dispositivos móviles.
¿Tiempo para actualizar?
Foundation 4 no va a reemplazar a la popular Foundation 3, que? Compite? con el software Bootstrap de Twitter. (Puedes leer más sobre eso en un artículo anterior de Design Shack).
Los usuarios de Foundation 3 estarán felices de saber que Zurb continuará brindando soporte al producto (e incluso tiene una actualización planificada). La versión 3.2.5 servirá como el marco sólido y sensible al escritorio que las personas están acostumbradas.
Dicho esto, los que quieran dar el salto, pueden. Foundation 4 tiene una guía de migración completa, para aquellos que la necesitan. Pero esta es una herramienta muy diferente - recuerda móvil primero más bien que web primero - y no todos los diseñadores o desarrolladores querrán "actualizar".
Es probable que Foundation 4 sea una mejor herramienta para nuevos proyectos, tal vez incluso aquellos que ya se han iniciado si la investigación interna ha demostrado una fuerte conexión con los usuarios móviles. Para los nuevos proyectos, es una opción que vale la pena para los diseñadores: "Ayudará a enfocar sus esfuerzos, a enfocar la interacción y la experiencia, ya ofrecer un mejor sitio a sus usuarios".
Ola del futuro
Zurb es la primera herramienta importante con una plataforma móvil primero. Y tomará algún tiempo para ver cómo los desarrolladores y diseñadores son rápidos para abrazarlo.
Creemos firmemente que los dispositivos móviles primero como enfoque tienen más sentido en este momentoUna primera versión móvil de Bootstrap también está en el horizonte. Cuando se lance la versión 3, según el blog de Bootstrap, también será móvil primero.
Zurb está estimando una tasa de adopción cautelosa para comenzar.
"Esperamos que la adopción de mobile-first para el desarrollo siga siendo lenta, al menos durante unos meses, pero lo que sea que podamos hacer con Foundation para acelerar eso, lo haremos". Dijo Smiley "Creemos firmemente que los dispositivos móviles primero como un enfoque tienen más sentido en este momento, y lo buscaremos de manera agresiva".
Con un uso móvil que crece 14 veces más rápido que el uso de escritorio, esta estrategia es cada vez más importante. Y cada vez más diseñadores y desarrolladores están hablando de eso, mucho. Según Luke Wroblewski's? Mobile First ,? pensar con el móvil como una prioridad permite a los sitios web llegar a más personas, obliga a los diseñadores a centrarse en el contenido y la funcionalidad y permite a los diseñadores innovar y pensar en nuevas tecnologías.
Conclusión
Es reconfortante ver a alguien dar el salto a una estrategia de desarrollo móvil.Estamos en un mundo basado en web cada vez más móvil y más usuarios esperan una experiencia excepcional en línea, independientemente del dispositivo.
? Pensamos que al ayudar a las personas a construir para los dispositivos que realmente están usando, y de forma semántica, legible por máquina, estamos ayudando a configurar una generación de sitios y aplicaciones que funcionarán como deberían, incluso en dispositivos ¿Y con tecnología que aún no existe? Dijo Smiley "Estamos muy emocionados por eso.
Desde el punto de vista de un diseñador, yo también. Diseñar dispositivos móviles primero tiene sentido. Primero me enseñaron a diseñar las piezas más pequeñas y hacer que funcionen, que se puedan leer y luego construir desde allí. Esa es la base de Foundation 4. Primero construya pequeño y luego expanda el diseño. Parece una estrategia sólida.