Las primeras impresiones importan: por qué es esencial un gran diseño visual

La gente hace juicios rápidos. Solo se necesita una décima de segundo para formarse una primera impresión sobre una persona. Los sitios web no son diferentes.

Se necesitan alrededor de 50 milisegundos (ms) (eso es 0.05 segundos) para que los usuarios se formen una opinión sobre su sitio web que determine si se quedarán o se irán.

Este número proviene de estudios específicos. En el primer estudio, los participantes calificaron dos veces el atractivo visual de las páginas de inicio web presentadas durante 500 ms cada una. En un estudio de seguimiento, redujeron el tiempo de exposición a 50 ms.

En todo momento, las calificaciones de atractivo visual se correlacionaron altamente de una fase a la siguiente, al igual que las correlaciones entre las condiciones de 50 ms y 500 ms. Por lo tanto, el atractivo visual se puede evaluar en 50 ms, lo que sugiere que tiene alrededor de 50 ms para causar una buena primera impresión con su sitio web.

Esta primera impresión depende de muchos factores: estructura, colores, espaciado, simetría, cantidad de texto, fuentes y más. Esta publicación:

• Detalla la investigación en sitios web y las primeras impresiones.
• Muestra cómo crear un diseño visual para mejorar las primeras impresiones.

Nota: Todas las capturas de pantalla del sitio web a continuación son solo para fines ilustrativos .

Investigación sobre sitios web y primeras impresiones

Los usuarios forman opiniones de diseño en 17 ms.

Hace unos años, Google confirmó el número de 50 ms en su propia investigación. De hecho, según su estudio, algunas opiniones se desarrollan en 17 ms, aunque el efecto fue menos pronunciado en algunos factores de diseño.

Los hallazgos clave de su estudio fueron que los sitios web con baja complejidad visual y alta prototípica (qué tan representativo parece un diseño para una determinada categoría de sitios web) se percibían como muy atractivos.

Conclusión clave: haga que su diseño web sea simple y familiar. Siga las convenciones. La gente tiene una idea fija de cómo debería ser un sitio de comercio electrónico. Si opta por diseños innovadores y no convencionales, es menos probable que le gusten a la gente.

Nota: Vea un montón de pautas de comercio electrónico e ideas de prueba en nuestro informe completo (247 pautas específicas para el comercio electrónico).

Los ojos tardan 2,6 segundos en ubicarse en áreas clave de una página web.

Los ojos de un usuario tardan 2,6 segundos en aterrizar en el área de un sitio web que más influye en su primera impresión.

Los investigadores monitorearon los movimientos oculares de los estudiantes mientras exploraban las páginas web. Luego, los investigadores analizaron los datos de seguimiento ocular para determinar cuánto tiempo les tomó a los estudiantes enfocarse en secciones específicas de una página, como El menú , logotipo, imágenes e íconos de redes sociales, antes de pasar a otra sección.

Descubrieron que cuanto mejor era la primera impresión, cuanto más largo los participantes se quedaron en la página.

Las seis secciones del sitio web que atrajeron el mayor interés de los espectadores fueron:

1. El logo de la institución. Los usuarios pasaron 6.48 segundos enfocados en esta área antes de continuar.
2. El menú de navegación principal. Casi tan popular como el logotipo, los sujetos pasaron un promedio de 6,44 segundos viendo el menú.
3. El cuadro de búsqueda . Los usuarios se concentraron durante poco más de 6 segundos.
4. Imagen principal del sitio. Los ojos de los usuarios se fijaron durante un promedio de 5,94 segundos.
5. El contenido escrito del sitio . Los usuarios pasaron alrededor de 5,59 segundos.
6. La parte inferior de un sitio web . Los usuarios pasaron alrededor de 5,25 segundos.

Conclusión clave: una buena primera impresión conduce a una visita más larga. Asegúrese de que los seis elementos enumerados aquí se vean bien.

Las primeras impresiones están relacionadas en un 94% con el diseño.

Investigadores británicos analizaron cómo los diferentes factores de diseño y contenido de información influyen en la confianza de los sitios de salud en línea. El estudio mostró claramente que la apariencia del sitio web era el principal impulsor de las primeras impresiones.

De todos los comentarios que dieron los participantes de la prueba, el 94% se refería al diseño:

• Complejo;
• Diseño ocupado;
• Falta de ayudas a la navegación;
• Diseño web aburrido;
• Uso de color;
• Anuncios emergentes;
• Introducciones lentas al sitio;
• Pequeña impresión;
• Demasiado texto;
• Apariencia corporativa;
• Pobres capacidades de búsqueda.

Solo el 6% de los comentarios se referían al contenido real. El atractivo visual y la navegación del sitio web tuvieron la mayor influencia en las primeras impresiones de las personas sobre el sitio.

Al mismo tiempo, un diseño deficiente de la interfaz se asoció con un rápido rechazo y desconfianza de un sitio web. Cuando a los participantes no les gustó un aspecto del diseño, rara vez se exploró todo el sitio web más allá de la página de inicio.

Se encontraron resultados similares en una investigación para Consumer WebWatch, realizada por expertos en credibilidad de la Universidad de Stanford. Encontraron que lo que se dice de cómo evalúan la confianza de un sitio web y la forma en que lo hacen realmente son diferentes.

Los datos mostraron que el consumidor medio prestó mucha más atención a los aspectos superficiales de un sitio, como las señales visuales, que a su contenido. Por ejemplo, casi la mitad de todos los consumidores (46,1%) evaluó la credibilidad de los sitios basándose, en parte, en el atractivo del diseño visual, incluido el diseño, la tipografía, el tamaño de fuente y los esquemas de color.

Conclusión clave: un gran diseño hace que las personas confíen en ti y se queden. Un diseño deficiente genera desconfianza y hace que la gente se vaya.

Para las primeras impresiones, el atractivo visual incluso supera a la usabilidad.

Un estudio examinó los efectos del atractivo visual y la usabilidad en el rendimiento y la satisfacción del usuario con un sitio web.

Los usuarios completaron diferentes tareas en sitios web que variaban en atractivo visual (alto y bajo) y usabilidad (alto y bajo). Los resultados mostraron que las primeras impresiones están más influenciadas por el atractivo visual del sitio.

Los usuarios otorgaron altas "calificaciones de interés y usabilidad" a los sitios con alto atractivo y bajas "calificaciones de interés y usabilidad" a los bajo apelación. Las percepciones de los usuarios de un sitio web de bajo atractivo no se vieron significativamente influenciadas por la usabilidad del sitio, incluso después de una experiencia exitosa con el sitio.

Conclusión clave: invierta en diseño. Es lo que más importa para atraer a los usuarios. Curiosamente, un gran diseño visual dará lugar a calificaciones de usabilidad más altas, y la usabilidad real importará mucho menos.

Una primera impresión positiva puede aumentar la satisfacción general.

En un experimento realizado para estudiar los efectos de las expectativas del producto en las calificaciones de usabilidad subjetivas, los participantes leyeron una reseña de producto positiva o negativa para un dispositivo móvil novedoso antes de una prueba de usabilidad. El grupo de control no leyó nada.

El estudio reveló el efecto sorprendentemente fuerte de las expectativas positivas en las calificaciones subjetivas posteriores al experimento. Los participantes que leyeron la revisión positiva le dieron al dispositivo calificaciones significativamente mejores después del experimento que los grupos de primo negativo y no primario.

Este efecto de impulso de la prima positiva se mantuvo incluso en la condición de tarea difícil, cuando los usuarios fallaban en la mayoría de las tareas.

Conclusión clave: si a los usuarios "instantáneamente" les gusta su sitio, lo dejarán un poco más tranquilo por los contratiempos en el futuro. Este tipo de cebado también puede funcionar al revés: A n egativo La primera impresión disminuye la satisfacción general con su sitio.

Entonces, si desea causar una buena impresión, ¿cuál es el mejor lugar para comenzar?

Cómo causar una gran primera impresión con diseño visual

1. Diferencia tu sitio web (y tu empresa) con tu diseño.

¿Eres chic, tonto, sexy, inteligente, clásico o qué? ¿En qué se diferencia de la competencia? ¿Comunicas eso lo más rápido posible a través de tipografía, imágenes y diseño en tu sitio web?

Existe un equilibrio entre evitar el diseño "innovador", que puede desanimar a los consumidores, y buscar un estilo visual único. Con demasiada frecuencia, las empresas de la misma vertical adoptan un enfoque de "yo también" en su estética de diseño.

A veces, los sitios de la competencia son tan similares que, si eliminara el logotipo del encabezado del sitio, sería casi imposible distinguir un sitio de otro.

Por lo que he notado, esto se debe a dos razones principales:

1. La conversación interna sobre la estética del diseño se convierte en una sobre características, en lugar de desarrollar una identidad visual distinta.
2. Se adoptan las características y la estética que "parece que están funcionando" para la competencia.

Por supuesto, cuando se lanza el nuevo sitio, todos están demasiado ocupados chocando los cinco entre sí como para darse cuenta de que el nuevo diseño es casi una copia al carbón de un importante competidor, o que se olvidó por completo de preguntar a los clientes existentes por qué les gustaba comprar con su empresa en primer lugar.

Si desea agregar más distinción a su comunicación visual pero no sabe por dónde empezar, consulte la Técnica de obtención de metáforas de Zaltman y aplíquela a sus encuestas cualitativas. Esto puede ayudarlo a diseñar una primera impresión que hable de los valores fundamentales de su marca sin alienar a los visitantes.

La “identidad de marca” no es solo una cosa blanda que se puede barajar. El Arquetipo Cheskin Research & Studio descubrió ya en 1999 que los seis factores más importantes para generar confianza con una empresa de comercio electrónico son:

• Marca;
• Navegación;
• Cumplimiento;
• Presentación;
• Tecnología actualizada;
• Logotipos de seguridad.

Piense en eso por un segundo. Si la primera impresión es que su sitio es indistinguible de otros sitios web, ¿por qué alguien debería explorar las páginas de sus productos, y mucho menos elegirlo a usted sobre la competencia?

Aquí hay un ejemplo: Busqué en Google "chaqueta de cuero" para ver si la distinción visual y la primera impresión general serían un problema en una búsqueda aleatoria. Estos fueron los tres primeros resultados:

¿Hay algo que separe estos tres sitios? En realidad, no, a pesar de que no comparten exactamente el mismo grupo demográfico.

Me tomó un tiempo desplazarme por los resultados de búsqueda antes de encontrar un sitio que no se pareciera a los anteriores, y finalmente tropecé con Bomboogie. No se puede negar que la página es distinta de sus competidores:

A diferencia de otros sitios, la página proyecta inmediatamente un sentimiento diferente: esta no es una empresa que fabrica chaquetas delicadas y de alta costura. Sus chaquetas están “inspiradas en las chaquetas que usaban los aviadores”, y el sitio luce perfecto.

Hace años, cuando hice esta investigación por primera vez, el sitio más distinto que encontré fue Schott. Aunque habría abandonado su control deslizante de imagen, la navegación de la tapa de refresco y muchas de las texturas falsas, había un encanto en el diseño que causó una fuerte primera impresión, especialmente dado que es una marca antigua.

Puedes sentir el personaje y la emoción, y tener una idea de si son dignos de confianza o no, que es de lo que trata la primera impresión.

Sin embargo, la tendencia de diseño también los alcanzó, y ahora se parecen mucho más a cualquier otro sitio que existe:

Shopify ha creado una lista de 100 hermosos diseños de comercio electrónico que presentan empresas con distintas primeras impresiones.

Conclusión clave : puede (y debe) comunicar una identidad de marca única sin ser tan innovador como para confundir o molestar a los usuarios.

2. Inspire a los visitantes del sitio a crear una primera impresión.

Un estudio que analizó el papel de las primeras impresiones en los sitios web de turismo encontró que los elementos relacionados con la inspiración tenían el mayor impacto en primera impresión s.

Esto sugiere que los estímulos visualmente atractivos son una herramienta importante para lograr que las personas permanezcan más tiempo en un sitio y, por lo tanto, convertir a más visitantes en compradores.

La usabilidad fue el segundo impulsor más importante de la formación de la primera impresión, seguido de la credibilidad.

En general, esto nos dice que los viajeros quieren inspirarse sobre un destino (imágenes). No quieren desperdiciar energía mental en averiguar cosas (usabilidad) y quieren estar seguros de que el proveedor de viajes es legítimo (credibilidad).

Conclusión clave: si está vendiendo un sueño (por ejemplo, la idea de irse de vacaciones a Chile), la fotografía inspiradora es el principal creador de la primera impresión.

3. Asegúrese de que el área por encima del pliegue se balancee.

A lo largo de los años, el tema de la parte superior del pliegue ha sido objeto de acalorados debates. Las investigaciones indican que las personas no tienen problemas para desplazarse y, de hecho, lo prefieren adivisor el contenido en muchas páginas. ¿Qué tiene esto que ver con las primeras impresiones?

9 asesinos de la credibilidad del sitio web

Por Alex Birkett

Aprenda a crear una página web que inspire confianza, no escepticismo, que ayude a realizar una compra en lugar de disuadirla.

• *
• *
  • Acepto recibir correos electrónicos.
• Nombre
  Este campo tiene fines de validación y no debe modificarse.

Consiguelo ahora

Aquí hay una nueva forma de pensar sobre el problema de la mitad superior de la página: debe ser la mejor parte de su sitio web. Las primeras impresiones se forman en 0,05 segundos. Los usuarios no se desplazarán hacia abajo en ese tiempo.

Por lo tanto, lo que ven inmediatamente sin desplazarse es lo que determina si alguna vez se desplazarán hacia abajo. Con eso en mente…

Preste especial atención a su navegación.

Numerosos estudios de mapas de calor han demostrado que la navegación suele estar entre las primeras y más vistas de un sitio web. Pero más allá de las categorías típicas, ¿qué debería incluir? ?

Según un estudio de Business Insider sobre por qué las personas abandonan los carritos de la compra, el 25% de las personas afirmó que el "sitio web es demasiado complicado" (es decir, la navegación es difícil de usar) y cerca del 60% señaló "costos ocultos" (es decir, costos de envío) ) como la principal razón por la que se fueron sin pa ying .

En un estudio diferente realizado por eConsultancy, los visitantes a los que se les preguntó acerca de comprar en un sitio de comercio electrónico desconocido notaron que el "diseño profesional", "el sitio contiene marcas conocidas" y "tener información de contacto visible" influyeron en su decisión de comprar (o no comprar ).

Si se hace bien, la navegación de un sitio puede incluir algunas o todas las cosas que, si están ausentes, desalientan a los visitantes a comprar.

Solo mire cuánto se comunica en la navegación de uno de mis sitios favoritos, ThinkGeek, sin siquiera ingresar al contenido del sitio:

Sin tener que buscar demasiado, es fácil de encontrar:

• Tiempo sensible promociones;
• Múltiples formas de navegar más profundamente en el sitio (categorías, intereses, búsqueda);
• Productos nuevos, superiores y exclusivos, así como un indicio de los productos que llevan (regalos, camisetas, electrónicos, certificados de regalo);
• Un programa de recompensas;
• Productos a la venta;
• Su umbral de "envío gratuito";
• Disponibilidad de soporte al cliente (a través de los botones "Chat en vivo" y "Ayuda").

Compare eso con un ejemplo extremo, como Zara, y verá por qué esto es importante:

Estudio de caso: Alight aumenta las búsquedas en el sitio un 16% y las compras un 25%

Alight (ahora CurvyHQ) sabía que su sitio se sentía anticuado. El minorista de tallas grandes para mujeres modernizó la navegación en todo el sitio.

Aumentaron el tamaño de su barra de búsqueda, eliminaron el símbolo de confianza, incorporaron las categorías de "rebajas" y "nuevas" en el área de navegación rosa y aclararon su propuesta de valor, entre otras actualizaciones menores.

El resultado fue un aumento en las búsquedas en el sitio en un 16% y un aumento en las compras generales en un 25%, todo al hacer que la navegación sea parte de una primera impresión sólida.

Las primeras impresiones, en sitios web o en la NBA, pueden durar años.

La investigación de los economistas Barry Staw y Ha Hoang analizó el impacto del orden del draft en la NBA. Observaron las carreras de los jugadores durante cinco años después de su reclutamiento. Cinco años son suficientes para demostrar su valía de muchas maneras, por lo que el orden de borrador no debería jugar un papel, ¿verdad?

Equivocado. Según el estudio, el tiempo de juego que obtienen los jugadores se correlaciona con su orden de draft. Los equipos otorgaron más tiempo de juego a los jugadores altamente seleccionados y los retuvieron por más tiempo, incluso después de controlar el rendimiento en la cancha de los jugadores, las lesiones, el estado comercial, la posición jugada y otros factores.

Cada incremento en el número de draft (es decir, ser seleccionado noveno en lugar de octavo) redujo el tiempo de juego hasta en 23 minutos. Increíblemente, el orden del draft continuó prediciendo el tiempo de juego durante el quinto año de un jugador en la NBA, el último año medido en el estudio. Los jugadores seleccionados en la primera ronda también tuvieron carreras más largas; jugaron durante 3,5 años más que el resto.

Otro estudio examinó la persistencia de las primeras impresiones. Descubrió que las nuevas experiencias que contradicen una primera impresión quedan “ligadas” al contexto en el que fueron creadas. Sin embargo, las primeras impresiones aún dominan otros contextos.

Nuestro cerebro almacena las experiencias que violan las expectativas como "excepciones a la regla". La regla (es decir, la primera impresión) se considera válida excepto en el contexto específico en el que se violó.

Conclusión clave: si una primera impresión es negativa, podría perjudicar al usuario en su contra durante años.

Conclusión

El atractivo visual es importante. Mucho. Mi consejo: nunca intente ahorrar dinero en diseño. He visto una y otra vez cómo una revisión del diseño "simple" resultó en un aumento significativo de la conversión.

Las personas se forman una opinión sobre su sitio en milisegundos. El primer segundo en su sitio web puede ser más importante que todos los segundos que siguen (si es que lo hacen). Asegúrese de que un segundo cause una excelente primera impresión.