¿Qué implica el concepto Flat Design, una de las apuestas para el e-mail?
Publicado el 10 de diciembre de 2014
Con la posibilidad de multiplataforma, en que todos o por lo menos la gran mayoría, tienen acceso a información estén donde estén, la evolución del medio digital camina a pasos agigantados. La industria del diseño web y del diseño gráfico pasa por una rápida expansión. Las tendencias emergentes indican una nueva, o quizá no tanto, pero lo suficiente como para que hagamos un post en el blog, técnica de desarrollo.
El lenguaje visual, que hace más realistas los objetos en la pantalla de tu ordenador, dio lugar a otra forma de diseño. De trazos rebuscados a efectos en 3D, llenos de luz y de sombra, biselados y relieves, los proyectos paran por un proceso de creación más simple, minimalista y moderno. El foco ahora está en la tipografía, los colores y los elementos gráficos. Quien manda es el contenido, ya que el objetivo es darle valor y realzar la información a través de colores planos y buenos contrastes. Frente a esto, es que surge el concepto de Flat Design, o diseño plano.
Design que valoriza el mundo físico a través del plano virtual
El término es bastante conocido en el universo de la tecnología, diseño, usabilidad (UX) y arquitectura de la información. La idea del Flat Design o Diseño Plano es lo contrario a lo que se conoce por otro concepto muy popular, el skeumorfismo.Cuando fue implementado, en 1984, la primera GUI (Interfaz Gráfica de Usuario) de Apple, el skeumorfismo permitió que los diseñadores creasen metáforas virtuales que priorizaban los detalles en la composición de los íconos. La usabilidad no era el foco, por eso el concepto apuntaba al uso en elementos del mundo real, con efectos 3D, texturas y reflejos. En otras palabras, engaños visuales que proyectaban el elemento digital en características de algo del mundo físico, a través de la sensación de profundidad.
Con la popularidad de los ordenadores, el estilo paso a ser visto como "exagerado", repleto de detalles innecesarios, una vez que las personas ya entendían la función de un ícono o un botón, por ejemplo, sin la necesidad de recurrir a los trucos visuales para ello. Hoy es todo mucho más intuitivo.
Funcionalidad en primer lugar y el impulso del Responsive Design
Impulsado por los distintos dispositivos móviles, el Flat Design se adapta a todos los tamaños de pantallas, desde smartphones y tablets hasta ordenadores tradicionales, teniendo en cuenta el diseño responsive.La combinación entre las formas planas, fuentes simples, colores sólidos, contrastes y layout limpios son los responsables de la creación de interfaces más fáciles de visualizar, leer e interactuar. Para una pantalla pequeña, generalmente con touchscreen y con menos botones y opciones visibles, la simplicidad es algo que será agradecido dado el tiempo de carga de las apps y páginas web. Tener estilo ya no es lo más importante, lo que vale ahora es ser funcional y priorizar el contenido.
El principio encaja en el dicho "menos es más". La funcionalidad está en primer lugar y directamente relacionada con el concepto de usabilidad, filosofía del diseño centrado en el usuario, con el objetivo de promover la mejor experiencia posible donde sea que acceda, además de una navegación más amigable.
La tendencia favorece a los templates de e-mail marketing
Esta tendencia fue ampliamente valorizada con el lanzamiento de Windows 8, de Microsoft, que destaca la tipografía y la entrega de información en primer lugar, ya que cuenta con el apoyo de gráficos para complementar la lectura. Google también aplicó esta técnica en su logo y a partir de ahí no paro más. La popularización fue inevitable.
Para dar efectos visuales, el Flat Design tiene un layout más ligero, teniendo en cuenta las buenas prácticas que rigen el e-mail marketing. Como una de las premisas es valorizar el color, sin apelar a texturas o gradientes, puedes crear templates visualmente más ricos y directamente con formato HTML, eliminado las imágenes pesadas de fondo. Además de eso, vale recordar que el foco principal es el contenido.
Conozce las principales características del Flat Design que pueden ser aplicadas en su campaña de e-mail marketing:
- Sin efectos: las formas planas son valoradas, dejando de lado los efectos que tienden a la idea de "realidad".
- Sugerencia: evita sombras, reflejos, texturas o cualquier otro elemento que transfiera el mundo físico al plano virtual.
- Elementos geométricos: formas simples y esculpidas a partir de cuadrados, rectángulos y círculos.
- Sugerencia: estudia a fondo la dinámica de los colores y las formas, recordando siempre comunicar más con menos y facilitar la comprensión.
- Colores: predominio de colores sólidos y planos, con aplicación de tonos más vivos, vibrantes y combinaciones más coloridas.
- Sugerencia: analiza las características de los colores, teniendo en cuenta las diferentes sensaciones que cada una transmite sobre la marca.
- Foco en la tipografía: la regla es clara y defiende un texto limpio, fácil de leer y entender, independiente de donde se acceda.
- Sugerencia: utiliza fuentes sin trazos rebuscados, como Serif por ejemplo, para alinearla a los demás elementos de la campaña.
- Simplicidad: las pantallas llevan menos elementos, apenas lo suficiente como para mostrar el contenido y las funcionalidades.
- Sugerencia: apuesta a la negrita o colores en botones claves, por ejemplo, para incentivar la acción (CTA call to action).
- Abordaje minimalista: menos es más, entonces lo simple domina el concepto general de la estructura de un e-mail.
- Sugerencia: evita el exceso de elementos y apueste a colores y textos simples para ilustrar la campaña.
Si quieres complementar el Flat Design sin alterar el concepto, una alternativa es la "sombra larga", que se extiende más allá de la longitud de una sombra tradicional y es utilizada para crear cierta profundidad en los elementos, pero manteniendo una estética esencialmente plana.
Otra tendencia que promete despuntar es la adopción de más desplazamiento y menos clicks. Vale recordar que el nuevo perfil de usuario es más móvil e interactivo y que el número de adeptos a los smartphones se duplicará hasta el 2018/2019. Por lo tanto, procurar que el contenido esté en una única página tiende a ser mayor, ya que la mayoría está acostumbrado a consumir online por los dispositivos móviles, cuya acción de desplazarnos en la pantalla tiende más fuerza en este escenario que los clicks.
El consumo web hoy requiere de información directa, bien organizada y de forma rápida y práctica. Para alinearnos a los conceptos, el Flat Design se ha convertido en una tendencia. Con esto en mente, piense en una experiencia de navegación en primer plano, como una de las principales prioridades antes de crear la campaña. Quite pantallas, clicks y bytes innecesarios. Invierta en soluciones más simples, directas e intuitivas, sin olvidarse del diseño responsive.
*
Si quieres ampliar el debate sobre estos temas, estamos presentes en las redes sociales. Entra y dinos qué te ha parecido el contenido!
Facebook, Twitter, Linked In, Google+