Tendencias del diseño web mobile
Un acercamiento a las tendencias del diseño web mobile que adapta la visualización de un sitio web a móviles, tablets u otros dispositivos.
El ordenador se suplantó por el móvil para las navegaciones rápidas o las compras por Internet pues nos acompaña en todo momento. La nueva realidad obliga a crear diseños web que se adapten a cualquier dispositivo electrónico para garantizar una experiencia de usuario óptima. Google penaliza a los sitios que no adaptaron su visualización al móvil, haciendo que pierdan posiciones en el motor de búsqueda porque la mayoría de los usuarios acceden desde su Smartphone.
Flat 2.0, es la evolución del diseño plano Flat utilizado por Apple que prima la simpleza ante cualquier otra característica. El antiguo Flat consistía en un diseño limpio con colores monocromáticos brillantes en elementos geométricos básicos para transmitir un mensaje claro evitando la sobrecarga o los adornos. Su principal problema era que la falta de textura o detalles dificultaba la comprensión del usuario con respecto a qué icono era un botón o dónde debía pulsar.
Flat 2.0 mantiene su esencia simple, pero agrega sombras para lograr un diseño más profundo y menos purista.
Agrega animaciones en su versión anterior con el fin de guiar a los usuarios hacia los elementos interactivos 3D hundidos para crear una sutil capa de detalles.
El material design, es una creación aplicada en Chrome y Android que imita los objetos reales, pero agregando las posibilidades que ofrece la tecnología. juega con los colores, la profundidad, los bordes o las sombras para generar una realidad similar a la que experimentamos en la vida cotidiana. El espacio en 3D cobre especial importancia, así como la subordinación: un elemento hijo posee atributos similares a su elemento padre para que el usuario los empariente intuitivamente.
Predominan las animaciones como mentor del usuario en su camino hacia la interactividad de la aplicación móvil, tratando que las reglas físicas del plano terrenal se apliquen en el virtual, pero permitiéndoles licencias para transformarlas, aunque manteniendo su lógica. El objetivo es que se vincule fácilmente a los elementos de la app con otros elementos conocidos por el usuario para simplificar la navegabilidad, aunque los objetos se muevan o se reorganicen.
El Fluent design, es el nuevo diseño de Microsoft para Windows 10 ya se está probando en aplicaciones móviles de Office, así que aprender sus bases resultará útil porque permite entrever el futuro de las interfaces de esta gran compañía. Otra característica de este diseño es la utilización de transparencias en los objetos para ofrecer un efecto translúcido, generando la sensación de estar inmerso en un moderno mundo virtual.
Apela los objetos en 3D para vincular la realidad aumentada con la realidad virtual, enfatizando en el dinamismo del contenido. El movimiento es fundamental y los elementos cobran vida doblándose, estirándose, rebotando, deslizándose o hasta rompiéndose. La luz es clave en el Fluent design que emplea este recurso para enfocar información concreta, colaborando con la intuición del usuario.