la estética es un principio básico de diseño que define las cualidades agradables de un diseño. En términos visuales, la estética incluye factores como el equilibrio, el color, el movimiento, el patrón, la escala, la forma y el peso visual. Los diseñadores utilizan la estética para complementar la usabilidad de sus diseños, y así mejorar la funcionalidad con diseños atractivos.

«el diseño es el método de unir forma y contenido. El diseño, al igual que el arte, tiene múltiples definiciones; no hay una sola definición. El diseño puede ser arte. El diseño puede ser estética., El diseño es tan simple, por eso es tan complicado.»
— Paul Rand, Director de arte & diseñador gráfico famoso por logotipos como IBM

vea por qué una buena estética implica una consideración cuidadosa.

estética en el diseño ≠ arte

la estética es un principio milenario que gira en torno a la naturaleza de la belleza y el hecho de que la gente prefiere las cosas bonitas. Es fundamental para los campos de la arquitectura, el diseño gráfico y más., Como ingrediente vital en el diseño de experiencia de usuario (UX) y el diseño de interacción, la estética afecta la UX de una interfaz de varias maneras. Los humanos están cableados para la entrada visual, y las primeras impresiones de los usuarios generalmente se forman en 50 milisegundos, ya que sus reacciones intestinales los guían a continuar usando su diseño/producto o abandonarlo. La estética aquí se refiere a las líneas, colores, espaciado y más en sitios web y aplicaciones, es decir, qué elementos elige y cómo los aplica., Por ejemplo, cuando su sitio web tiene una buena estética, usted:

  1. Crea un sesgo de atractivo-para atraer a los usuarios a un nivel visceral, lo que lleva a:
    1. Diseño emocional.
    2. Más tráfico.
    3. más tiempo en vistas del sitio y de la página/Pantalla.
    4. una tasa de rebote más baja.
  2. Hacer que los usuarios sean más tolerantes con los problemas de usabilidad: Los estudios muestran que los usuarios califican los diseños visualmente atractivos como más usables de lo que realmente son. Este efecto de usabilidad estética ha sido ampliamente explorado, en particular por el pionero del diseño UX y autor Don Norman.,

el sesgo de atractivo es un efecto a corto plazo – sin embargo, una buena apariencia no puede salvar un mal producto. Por lo tanto, es vital diseñar para la experiencia del usuario y optimizar la usabilidad, aplicando una estética bien considerada para trabajar junto con la funcionalidad de su diseño.

Copyright: Fair Use

el diseño simple de Google muestra una estética altamente efectiva, declarando instantáneamente su propósito ya que los ojos de los usuarios se sienten atraídos por la función en el diseño tranquilo y limpio que esperan de Google.,

aproveche la estética para hacer que la belleza funcione mejor

Aquí hay algunos puntos clave:

  • El atractivo Visual existe en la objetividad y la subjetividad, mientras que algunas elecciones estéticas resonarán con todos los usuarios y otras serán defectuosas prácticamente en todas partes (por ejemplo, elementos rojos sobre fondos azules), aspectos de sus usuarios, incluida su cultura, edad y nivel educativo, afectarán la forma en que perciben / reciben su diseño. Por ejemplo, las connotaciones peligrosas/picantes del color rojo en Occidente contradicen cómo las culturas orientales típicamente ven el rojo. Por lo tanto, la investigación del Usuario es esencial.,
  • Let form follow function – este concepto de diseño clásico significa que la forma de un objeto (diseño estético) debe provenir de la función que ejecuta. Como declaró el renombrado diseñador Charles Eames, » el diseño es un plan para organizar los elementos de la mejor manera para lograr un propósito particular.»Por lo tanto, es vital establecer elementos de Página/pantalla bien elegidos armoniosamente y con una buena jerarquía visual para que:
    • guíe la mirada del Usuario a la funcionalidad de la página/Pantalla.
    • haga que la estética sea consistente con lo que los usuarios esperan ver (por ejemplo, fuentes sans-serif para sitios Web más casuales).,
  • Use reglas/principios atemporales como la proporción áurea, la regla de los tercios y los principios Gestalt para optimizar su elección y uso de elementos, para ayudar a eliminar la incertidumbre de los usuarios y darles rápidamente las señales visuales correctas. Por ejemplo, al aprovechar los principios Gestalt, donde explota las verdades universales sobre cómo los humanos ven las cosas, puede lograr un contraste óptimo, espaciado y más para complacer (o calmar) a los usuarios mientras envía los mensajes correctos sobre su producto y marca. Eso incluye mantener la transparencia para maximizar la confianza de los usuarios.,
  • recuerde el contexto: los usuarios acceden y usan diseños y productos en situaciones del mundo real, a menudo complejas y a veces caóticas. Querrán alcanzar objetivos y obtener resultados rápidamente, y necesitarán diseños simples y nítidos con elementos que maximicen la facilidad de uso. Cuando respetas sus necesidades en el momento y utilizas (por ejemplo) chunking para ayudar a aligerar sus cargas cognitivas, su apreciación se reflejará en el éxito de tu diseño. Puede usar la estética para resaltar la funcionalidad más crucial de su diseño y silenciar o disfrazar las funciones menos críticas. Una buena estética puede ser extremadamente simple, como Google.,com demuestra.

sobre todo, el diseño es una conversación con sus usuarios, y por lo tanto, por qué el diseño estético y minimalista (o zero clutter) es un principio utilizado para verificar los problemas de usabilidad en la evaluación heurística. Sus opciones de elemento y diseño deben mostrar a sus usuarios las cosas correctas de la manera correcta mientras les cuentan una historia fresca y cautivadora sobre su marca. Todos sus elementos, incluyendo su efecto general en cada página / Pantalla, deben servir a un propósito y dirigir instantáneamente a los usuarios a lo que quieren hacer., Para producir un diseño limpio, atractivo y altamente utilizable, a menudo tendrá que hacer compromisos y reducir qué incluir. Sin embargo, la funcionalidad crítica de su diseño siempre es lo primero: un producto atractivo que atrae a los usuarios a usarlo para su propósito principal. A diferencia del arte, la buena estética del diseño debe ser fácilmente comprensible, donde los usuarios nunca tienen que adivinar lo que significa su diseño.

la estética de nuestra landing page soporta su funcionalidad.,

más información sobre Estética

vea la visión detallada de un diseñador sobre la relación entre estética y usabilidad: https://uxplanet.org/aesthetic-visual-design-usability-735c510868a8

Este blog colectivo de UX explora la estética en varios sentidos: https://uxdesign.cc/design-principle-aesthetics-af926f8f86fe

encuentre una dimensión adicional y rica en ejemplos de estética aquí: https://www.toptal.com/designers/ux/user-experience-imagery