La web es el escaparate de toda empresa, es la parte visible y a través de la que contactan los clientes, por ese motivo, es imprescindible que el diseño y el desarrollo de la misma estén lo mejor actualizados posible. Es muy importante que la página web de nuestra empresa esté actualizada a las últimas versiones, se adapte a las nuevas tecnologías y a los criterios que empresas como Google, van marcando, pero también tienen que ser atractivas según los patrones que demandan los usuarios. Por este motivo, Arsys revisa las principales tendencias que marcarán el desarrollo y el diseño web durante este año y que, además, permitirán abarcar las numerosas tecnologías y disciplinas que desempeñan un papel determinante en la puesta en marcha de un proyecto en Internet.
Diseño web
Todo el mundo conoce el Responsive Web Design o diseño responsive, por el que todas las páginas web son adaptables a los distintos dispositivos que van surgiendo. En el panorama en el que nos encontramos en este momento, con el IoT en plena ebullición y un montón de dispositivos wearables en el mercado, fomenta que el diseño responsive, sea aún más importante y que los diseñadores web se hayan percatado de que el término -Responsive Web Design – no existe como tal. Actualmente, a este diseño responsive deberíamos llamarlo, simplemente, «diseño web», porque toda página o site tiene que ser adaptable.
Este tal vez es el concepto principal que se va a tener en cuenta en 2016 pero, además, debemos hablar de otros como la optimización, el lenguaje SVG, los sitios SPA, las Material Desing o los grandes componentes.
- Optimización: El diseño web ya no es sólo se refiere a la parte estética de la web, ni debemos pensar en los diseñadores como los que «hacen bonito» un site, ahora además, tienen que optimizar el diseño. El trabajo del diseñador ha cobrado una parte importante en lo que respecta a la optimización y todas las técnicas que estén al alcance de nuestras manos para optimizar un sitio web marcarán su diseño. Por este motivo, los estilos CSS para animaciones, degradados o iconos y algunos lenguajes, como SVG, se están convirtiendo en tendencias que cada vez veremos en más sites.
- SVG: El lenguaje SVG se establece como el mejor aliado para usar iconos, imágenes de alta calidad, etc. SVG es un lenguaje vectorial, por lo que puede ampliarse o reducirse sin perder calidad, algo esencial para la web responsive. Además, permite una fácil optimización gracias al cacheado de todos los recursos gráficos.
- SPA (Single-page application): Los sitios que solo tienen una página son cada vez más populares y ya no solamente para aplicaciones web. Cada vez es más común encontrar sitios donde toda la información se encuentra en la misma página, dividida mediante distintas vistas (views) o simplemente por medio de secciones en las que realizamos scroll para desplazarnos.
- Material Design: Google está apoyando con fuerza el denominado Material Design, una serie de guías estéticas para la construcción de interfaces de usuario y sitios web en general. En 2016 encontraremos más sitios y aplicaciones que se basen en este lenguaje de interacción entre usuario y máquina.
- Grandes componentes: Esta tendencia se puede resumir en menor concentración de información con elementos gráficos de mayor tamaño. Textos grandes, fotos que ocupan toda la pantalla (full width), vídeos que aparecen como fondos en páginas web. En general, esta estética está ganando muchos adeptos y seguirá creciendo a lo largo de 2016.
Desarrollo web
- Web Components: El nuevo estándar del W3C para el desarrollo de sitios ya está disponible, y librerías como Polymer de Google permiten exprimir todo su potencial. En 2016 el uso de estas tecnologías va a multiplicarse convirtiéndose en la herramienta preferida de muchos desarrolladores frontend.
- PHP 7: La nueva versión de PHP7 marcará 2016 por su mejora de rendimiento con respecto a sus versiones predecesoras. Esta nueva actualización es hasta dos veces más rápida que su antecesora y aporta nuevas características para la programación y la seguridad.
- NodeJS: Aunque ya lleva años con nosotros, hoy los desarrolladores se apoyan más que nunca en herramientas que tienen como motor Javascript bajo la plataforma NodeJS. La tendencia para 2016 no será tanto usar NodeJS como tecnología de backend para desarrollo de un sitio, sino como una opción para aprovechar la enorme cantidad de herramientas que permite este lenguaje para optimización de recursos, gestión de tareas, etc.
- Cloud Computing: Aprovechar la Nube para el desarrollo de aplicaciones web es algo que nos permite rapidez, flexibilidad, escalabilidad… Todo lo que un proyecto con buena salud en Internet necesita. Por ello, en 2016 no solo se usarán cada vez más los cloud hosting, también cualquiera de los servicios XaaS que nos permitan cubrir necesidades de manera instantánea a través de proveedores externos.
- Isomorfización:Es la capacidad de usar el mismo código tanto en el cliente como el servidor. Esto ofrece varias ventajas representativas en cuanto a rapidez, mantenimiento y versatilidad de las aplicaciones. Básicamente es un argumento más en la lucha AngularJS contra ReactJS que seguramente en 2016 sea más igualada. Actualmente la batalla está dominada en nuestro país por AngularJS, pero gracias a que ReactJS permite isomorfización se espera que más empresas y desarrolladores lo adopten como tecnología frontend.
Como último punto a tener en cuenta, Arsys aconseja mantenernos atentos a la evolución de estas tecnologías, frameworks y lenguajes, para ver cuáles son las que apoyan mayoritariamente la comunidad de desarrolladores y, de esta forma, confirmar cuáles se habrán asentado en los próximos 366 días del 2016.
