Por Luke Clum. Publicado originalmente el 13 de mayo de 2013 en UX Magazine. Traducido por Leandro Incetta. Reimpreso con el permiso de UX Magazine.
Ha habido una oleada creciente de diseños planos en la web, y los informes de tendencias recientes han confirmado que solo están aumentando en popularidad.
Por supuesto, es fácil descartar al Diseño Plano como otra tendencia estética fugaz. Pero una mayor investigación sobre esta nueva filosofía revela que el Diseño Plano es mucho más que una moda.
¿Qué es el Diseño Plano?
El Diseño Plano se puede ver como el primo más sofisticado y versátil del minimalismo. Si bien los diseños planos se ven geniales cuando se fabrican dentro de las restricciones del minimalismo, también pueden manejar mucha más complejidad; estos diseños tienen una nitidez y claridad que solo se pueden lograr eliminando los efectos tridimensionales.
En esencia, el Diseño Plano tiene dos objetivos:
- Abrazar los límites de la pantalla y trabajar dentro de esos parámetros en lugar de tratar de ocultarlos.
- Usar esta nueva simplicidad como punto de partida para optimizar los diseños y hacer que los sitios web sean más rápidos y más funcionales.
El Diseño Plano no significa necesariamente que algo que insinúa la dimensionalidad esté fuera de lugar. Por ejemplo, este sitio web presenta una ilustración en ángulo con una perspectiva clara. Pero la trayectoria general de la tendencia es hacia la simplicidad y el minimalismo. Los botones son campos simples de color con esquinas agudas. No se ve una sombra paralela, un borde biselado o un degradado.
Diseño Plano como respuesta a los problemas del Esqueumorfismo
Para cada acción hay una reacción. Y en el mundo del diseño digital, las imágenes planas están siendo utilizadas cada vez más, en parte como una reacción contra el Esqueumorfismo. Pero el diseño plano es más que solo un tratamiento artístico; es una respuesta a los graves problemas de funcionalidad que presenta el Esqueumorfismo.
¿Qué es el Esqueumorfismo?
Si no está familiarizado con el término, el Esqueumorfismo es la práctica de incorporar la apariencia de un objeto que se hizo en otro material en un diseño: lo que antes era la funcionalidad se convierte en ornamentación. La referencia pretende evocar un sentido de familiaridad cuando se encuentra con un nuevo concepto / herramienta / aplicación en línea. Este principio de imitación está a nuestro alrededor; una silla de plástico que duplica la forma de su original de madera es un buen ejemplo de cómo se manifiesta en el mundo real.
En el mundo digital, el Esqueumorfismo a menudo se asocia con los productos de Apple, que proporcionan un gran ejemplo de cómo se ve a menudo en el diseño digital. Solo eche un vistazo al diseño del tablero de Apple:
- Los componentes obvios: la calculadora, el reloj y el calendario son ilustraciones digitales de sus contrapartes del mundo real.
- Los detalles sutiles: las sombras paralelas y los botones biselados, el fondo con textura e incluso el movimiento estremecedor de la manecilla de segundos en el reloj también están hechos para reflejar los productos físicos.
Los problemas con el Esqueumorfismo
Si bien hay algo que decir acerca de la filosofía del Esqueumorfismo, hay muchos problemas que se presentan al usarlo en el diseño digital. Por ejemplo, el reloj analógico que aparece en el tablero de instrumentos de Apple es más difícil de leer que su alternativa digital, y es mucho más lento hacer clic en los botones de la calculadora que simplemente introducirlos en la función de Spotlight que también viene con los productos de Apple.
En realidad, existen bastantes problemas que surgen al adherirse al Esqueumorfismo:
- Al apegarse a estándares que son irrelevantes en un formato digital, el Esqueumorfismo limita la creatividad y la funcionalidad.
- Los elementos esqueumórficos parecen inconsistentes cuando se combinan con elementos menos dimensionales, y a menudo las imitaciones ni siquiera tienen sentido lógico. Por ejemplo, la aplicación Find My Friends de Apple tiene un fondo hecho para parecer cuero cosido. Pero este elemento no tiene relación con ninguna referencia del mundo real.
- Los elementos esqueumórficos pueden ocupar valioso espacio de pantalla y tiempo de carga con adornos sin función.
- También tienden a verse mal cuando se combinan con cualquier otra cosa que no se trate con efectos esqueumórficos, lo que limita todo el diseño, así como cualquier elemento en particular.
La solución encontrada en el Diseño Plano
La respuesta del diseño plano es abrazar las limitaciones reales de la experiencia digital y eliminar las limitaciones impuestas del Esqueumorfismo. Cualquier cosa en una pantalla nunca se verá realmente tridimensional, ¿por qué no abrazar la belleza (y el aumento de la funcionalidad que la acompaña) que proviene de quitarle la decoración ilusoria?
Tome los ejemplos anteriores del sitio web de LayerVault: el ejemplo 1, el diseño anterior, muestra una ilustración muy detallada y elaborada en estilo esqueumórfico, que como se mencionó anteriormente, se ve mal en combinación con la apariencia plana y limpia del resto del sitio. Compárelo con el estilo ilustrativo plano del nuevo diseño, ejemplo n.° 2, y no hay competencia sobre cuál es más convincente y funcional. La ilustración original distrae sin ser informativa, mientras que la modificación guía la información importante sin eclipsarla.
El diseño plano armoniza y se basa en los objetivos del Esqueumorfismo y el minimalismo
Los elementos que llevan el Diseño Plano más allá de una tendencia pasajera hacia una estrategia integral y duradera son dos:
- El Diseño Plano está diseñado para adaptarse a una experiencia en pantalla, a diferencia de los estilos anteriores que se hicieron para imitar una experiencia física.
- Esa adaptación se presta perfectamente para mejorar la experiencia del usuario de varias maneras.
El Diseño Plano toma los mejores aspectos del minimalismo y el Esqueumorfismo y los hace funcionar juntos. Al igual que el Esqueumorfismo, el Diseño Plano se ve amigable y accesible para los usuarios. Pero lo hace presentando una interfaz clara y atractiva, en lugar de disfrazar y deformar esa interfaz para imitar algo familiar.
Al igual que el minimalismo, el diseño plano elimina los elementos visuales para exponer su funcionalidad esencial. Pero no es tan restrictivo en la forma en que lo hace; como se demostró anteriormente, la importancia de la ornamentación es reconocida y utilizada.
El Diseño Plano es el estilo perfecto para una gran experiencia de usuario
El Diseño Plano no solo reconcilia los objetivos del minimalismo y el Esqueumorfismo, sino que también se adapta únicamente a las consideraciones de usabilidad. Al eliminar un estilo innecesario, se obtienen páginas más rápidas, un código más limpio y una fácil adaptabilidad. También se presta maravillosamente para cada tipo de aplicación; ya sea que se visualice en un escritorio o en una pantalla móvil, el Diseño Plano siempre es legible y adaptable.
El Diseño Plano es infinitamente adaptable
Para ver cuán simple y bellamente se pueden integrar estas aplicaciones entre sí, eche un vistazo al diseño de Windows Phone, en los ejemplos n.° 1 y n.° 2 anteriores. La compañía ha elegido ser un jugador clave en el movimiento de una mirada que ha estado estrechamente asociada con Apple, y su decisión está dando sus frutos en una gran interfaz; el bloqueo de color brillante se usa en ambos para designar secciones, y toda la tipografía e imágenes se ven elegantes e integradas.
Conclusión
El Diseño Plano tiene todos los atributos clave que hacen que un sitio sea tan funcional como bello. Reconoce que un sentido de familiaridad es importante para la experiencia del usuario, pero crea este sentido de una manera que se adapta al medio. Al mismo tiempo, es capaz de adaptarse a nuevos descubrimientos, tendencias e ideas. El Diseño Plano nos acerca un paso más hacia un nuevo paradigma de diseño digital, donde la funcionalidad y la estética están en completa armonía.
