El uso de la emoción en el diseño web
Poniendo emoción en el diseño web Puede parecer un concepto extraño, pero muchos sitios lo han estado haciendo durante años, y recién ahora estamos comenzando a reconocerlo y hablar de ello. Los sitios que promueven viajes, salir a comer, entretenimiento, etc., han estado usando la emoción en su diseño durante mucho tiempo para atraer visitantes y hacer que se queden un rato y echen un vistazo.
La única forma de atraer a los visitantes es a través de la emoción, simplemente no hay nada más … no puede hablar con ellos, por lo que podría ser el mejor vendedor del mundo, pero no tendrá ningún efecto en su sitio web, por lo que retratará su producto o servicio. de una manera que atraiga al visitante significa hacerlo emocionalmente de acuerdo con lo que esté tratando de promover.
Emoción en el diseño de sitios web
¿Por qué utilizar la emoción en el diseño de sitios web?
Los visitantes que se sientan conectados emocionalmente a un sitio web recordarán su visita y probablemente volverán al sitio. Si el sitio los aburre o crea algún otro tipo de emoción negativa, ignorarán el sitio para siempre y solo volverán a visitarlo si fue por accidente, básicamente porque no han recordado su experiencia anterior. Por lo tanto, podría tener un SEO súper duper, su sitio podría navegar a través de pruebas A / B, y podría ser extremadamente funcional, y todos estos factores atraerán visitantes, pero sin crear una conexión emocional, esos visitantes probablemente no se quedarán ni regresarán. en el futuro.
OurBabyBox
¿A qué tipo de emoción debes apuntar?
La conexión emocional a la que debe aspirar depende de su producto o servicio. Algunas formas positivas de crear emociones en su sitio web son lindas, desgarradoras, divertidas, orgánicas, felices, brillantes, soñadoras, cálidas, por nombrar solo algunas. Si está promocionando refrescos de verano, debe apuntar a un diseño de sitio web alegre y brillante, mientras que si está promocionando licores después de la cena, la dirección a seguir es soñadora y cálida. Realmente no es ciencia espacial, pero lo es importante, y puede pasarse por alto fácilmente cuando se intenta construir sitios de acuerdo con las tendencias actuales en lugar de priorizar el producto / servicio real.
Coca Cola
VSOP de McDowell
Ejemplos de diseño de sitios web con un toque emocional
Casa Negra
Esta cadena de restaurantes ofrece comida sencilla y sencilla, y su página de destino es una toma de un filete chisporroteante con utensilios de metal … no puede ser más simple que eso, y si ese es el estilo de comida que le gusta, buscará más en sitio para ubicaciones de restaurantes e incluso tal vez hacer una reserva en línea.
Tostado de café Soyuz
Este fabricante de café de especialidad ruso utiliza una imagen muy relajante en su página de destino para promocionar sus productos. El agua tranquila es relajante, y la taza de café «especial» en la mano del hombre «común» se suma al efecto emocional.
Campamentos WinShape
Este proveedor de campamentos de verano tiene un video en su página de destino, superpuesto con un degradado transparente de colores. Los niños realizan todo tipo de actividades divertidas, además de algunas tomas de lecciones; sin duda, para el beneficio de los padres, definitivamente puede conectarse con este sitio si está buscando un campamento de verano para su hijo.
Gorros de natación Speedo
¿Busca un gorro de baño? La página de inicio de Speedo muestra a cinco personas con sus gorras, luciendo felices, informales, seriamente profesionales, así que sea cual sea su motivo para querer un gorro de baño, esta página debería ser atractiva.
Cerveza Austral
Este sitio intenta transmitir tranquilidad, sencillez, tradición y pureza, y lo hace con un conmovedor telón de fondo de agua y montañas. El agua tiene un efecto calmante, mientras que las montañas dan la sensación de pureza. La imagen de la botella muestra su forma tradicional y las gotas de agua en la botella transmiten simplicidad: ¡trabajo hecho!
Bicicletas Juliana
¡Tan pronto como llegue a este sitio, querrá subirse a su bicicleta y montar hacia la puesta de sol!
querida mamá
Este sitio demuestra que la emoción no tiene por qué crearse con fotografías. Sus tonos de rosa y formas de corazón retratan bellamente el sentimiento de amor.
CorteJago
Este sitio web para un B&B italiano no muestra la casa o las habitaciones en la página de destino, o incluso los huéspedes que se divierten o se relajan … muestra las puertas abiertas, lo que da una maravillosa sensación de bienvenida.
Booking.com Embrujado
Esté preparado para tener miedo … esta página de destino muestra una imagen oscura y espeluznante, pero el toque de rojo oscuro da la sensación de lujo y comodidad.
Hallazgos de Westin
Esta empresa de vacaciones tenía una presentación de diapositivas de imágenes impresionantes de lugares hermosos para visitar, y las mezclan: hay imágenes de campo, edificios, agua y ciudades. Donde quiera que desee visitar, se conectará con la página de destino de este sitio.
Los siguientes sitios se explican por sí mismos en su atractivo emocional.
Demasiado joven para casarse
Planta con Propósito
ASPCA
Esperanza ilimitada
Nutrir
WWF – Especies en peligro de extinción
St. Regis
Destino holístico de Leonia
Conciencia del tigre
Centro de asesoramiento – Universidad de Hawái
Le 28 Thiers
Conclusión
Fueron algunos de los mejores diseños de sitios web emocionales que pudimos encontrar, pero tal vez nos perdimos algunos que usted conoce … si es así, deje un enlace para compartir sus hallazgos con nosotros.
¿Diseña sitios web de acuerdo con las tendencias actuales o prestando más atención al producto o servicio a promocionar? ¿Crees que es necesario inyectar algo de emoción en el diseño de un sitio web? Comparta su opinión con nosotros.
Publicaciones relacionadas:
- Creación de excelentes sitios web diseñando para la emoción
- Enfoque modular: diseño de sitios web basado en un diseño de cuadrícula
- El uso de filtros y capas de transparencia en el diseño de sitios web
- Sorprendentes patrones de HeatData en el diseño web móvil
- La guía para el diseño inteligente de ventanas emergentes
- La definición de diseños en el diseño web y cuándo usarlos
- Uso de menús deslizables orientados verticalmente en el diseño de sitios web
- Elegir la tipografía para el diseño web: 5 cosas que debes considerar
- Explicación de los 4 principios de diseño web más importantes
- Demuestre sus habilidades de diseño creando atractivos temas de diseño de iOS 14
- Mejores prácticas de contenido y diseño web y conocimientos de la industria – Nativos Digitales
- El botón de acción flotante: una próxima tendencia de diseño popular
- 10 excelentes cursos gratuitos de diseño gráfico en línea
- Freelancing 101: cómo fijar el precio de sus servicios de diseño freelance
- 40 impresionantes diseños de sitios web con excelentes combinaciones de colores
- El poder del arte y la ilustración en los sitios web modernos
- ¿Qué hace que un sitio web de comercio electrónico sea excelente?
- Sitios web con navegación excepcionalmente creativa y única
- Cómo el uso de espacios en blanco mejora sus diseños
- 3 consejos de marketing hotelero para aumentar las reservas directas esta Navidad de 2019
- 5 consejos para diseñar una página de destino muy eficaz
- Aumente las reservas directas con estos sencillos consejos de marketing para hoteles
- 15 increíbles herramientas de visualización y bibliotecas para crear gráficos y diagramas
- Cambio de marca y rediseño: para bien o para mal
- 3 fuentes de ingresos adicionales para explorar como diseñador gráfico
- Barras de navegación optimizadas, compactas y elegantes, perfectamente integradas
- Menús de navegación desplegables masivos y ricos en funciones
- La ubicación de descarga de YouTube: cómo descargar contenido de manera efectiva
- El nuevo algoritmo de Facebook: secretos detrás de cómo funciona y qué puede hacer para tener éxito
- La guía del diseñador web para la optimización de la tasa de conversión (y por qué es importante)
- 13 complementos gratuitos de jQuery para funciones de UX de formularios web personalizados
- Cómo ahorrar tiempo al programar contenido para redes sociales
- 15+ mejores plantillas de panel de administración angular de 2020
- ¿Cómo acceder a Instagram desde tu computadora de forma sencilla y rápida?
- 20 mejores generadores de paletas de colores y galerías para diseñadores