Sería perdonado si pensara que tiene que diseñar los sitios web de sus clientes para que sean rápidos todo el tiempo. Después de todo, en las mejores prácticas modernas de UX, un sitio debe ser rápido para reducir la tasa de rebote, mantener a los visitantes interesados ​​y hacer que vuelvan.

A los usuarios no les gustan los sitios lentos porque todos están acostumbrados a que las cosas se vuelvan más rápidas en la web. Si tienen que esperar cinco segundos para que se cargue un sitio de noticias, pero un sitio de noticias comparable cargará páginas en solo dos segundos, puede apostar que el sitio más rápido recibirá a los visitantes.

Para su ... sitio para complacer a los visitantes ... no tiene que ser rápido, solo tiene que sentirse rápido

Sin embargo, un aspecto muy curioso del diseño web es que la percepción es la realidad. Para que el sitio de su cliente complazca a los visitantes y los retenga, no tiene que ser rápido, solo tiene que sentirse rápido.

Comprender esta distinción puede ayudarlo a diseñar sitios con gran experiencia de usuario y visitantes comprometidos. Así es cómo…

Por qué los sitios rápidos importan

No es solo que yo diga que los sitios rápidos son muy deseables, los datos también lo dicen. Moz dice que puedes mejorar las tasas de conversión de los sitios usted diseña para sus clientes si los hace rápidos.

Los casos de estudio lo corroboran también: las páginas web móviles que son solo un segundo más rápidas que otras páginas ven un aumento del 27% en sus tasas de conversión . ¡Eso puede ser enorme desde una perspectiva de ventas!

Claramente, cuando los sitios son más rápidos, los visitantes permanecen por más tiempo, se involucran más con su contenido y luego se convierten a tasas más altas.

Lo que importa es la experiencia de su visitante, que depende de su percepción

Pero los visitantes no se sientan en sus pantallas con un cronómetro que verifica la velocidad de su página de aterrizaje, nadie más que usted está midiendo la velocidad real de su sitio. Lo que importa es la experiencia de su visitante, que depende de su percepción.

Pantallas de esqueleto

¿Qué es una pantalla de esqueleto? Una pantalla de esqueleto es una página web en blanco que se llena gradualmente de contenido a medida que la página termina de cargarse. Las pantallas Skeleton son una alternativa inteligente y efectiva a técnicas como barras de progreso o spinners, que las pruebas muestran crean una percepción de una carga de página lenta.

El director de productos de Google, Luke Wroblewski, realizó un estudio de caso donde utilizó spinners para la interfaz de una aplicación nativa en que estaba trabajando. Cada vez que se cargaba una página, los usuarios recibían los rotuladores, que mostraban el progreso de la carga. El resultado fue que los usuarios pensaban que la aplicación era en realidad más lenta que las versiones anteriores.

Esto se puede explicar por el hecho de que las barras de progreso y los rotadores llaman la atención de los usuarios sobre el proceso de carga, lo que crea una percepción de lentitud.

Por otro lado, las técnicas como las pantallas de esqueleto llaman la atención de los usuarios sobre el hecho de que la página se está llenando gradualmente de contenido y, por lo tanto, les muestra un progreso real. Al centrarse en el progreso real en lugar del tiempo de espera, las pantallas de esqueletos hacen que sus visitantes y usuarios sientan que su sitio ya es más rápido.

Cambiando los colores del sitio

Los colores también tienen un gran impacto en la percepción de la velocidad de su sitio en sus visitantes. Puede hacer que sus usuarios piensen que su sitio se está cargando bastante rápido según el color que elija cuando se carga la página. Elija un color relajante y los usuarios sienten que su sitio es más rápido de lo que realmente es.

De acuerdo con el Journal of Marketing Research (a través de Adobe) si desea que el tiempo de carga de la página se sienta más rápido usa el color azul en la página mientras se está produciendo una descarga.

También hay otras dimensiones para el color, como el croma y el brillo. El primero es la saturación o pigmentación de un color, mientras que el segundo es el tinte que parece tener un color.

brillo ... tiene el mayor impacto en ... la percepción de los usuarios de la velocidad del sitio

La investigación indica que los colores de baja cromaticidad (aquellos que son más tenues) relajan a los usuarios y por lo tanto los hacen percibir un sitio más rápido. En el lado del brillo, los colores de alto valor aparecen como si hubieran sido mezclados con blanco; generalmente llamamos esos pasteles. Estos colores de alto valor producen sentimientos más relajados en los usuarios, lo que ayuda a la percepción de su sitio tan rápido.

De hecho, el brillo es el factor que tiene el mayor impacto en la mejora de la percepción de la velocidad del sitio por parte de los usuarios.

También se debe tener en cuenta que la investigación también indica que los usuarios más relajados en general entregan resultados más positivos para los sitios, como más conversiones, me gusta y participaciones.

Llamadas a la acción

En pocas palabras, la forma en que utiliza el llamado a la acción en su página puede afectar significativamente la percepción de la velocidad de su sitio. Por ejemplo, si su llamada a la acción está enterrada en la parte inferior de una página de aterrizaje o venta larga, tan pequeña y difícil de leer que la gente tarda un rato en encontrarla, o no es compatible con la arquitectura de información en la página, luego le tomará más tiempo a la gente para encontrarlo.

Cuando a los visitantes les lleva más tiempo ver su llamado a la acción, definitivamente puede sentir que su sitio es más lento de lo que es. Después de todo, póngase en el lugar del usuario, aterrizarán en su página y tratarán de darle sentido al objetivo de dicha página. Cuando no vean de inmediato el botón de llamada a la acción, los confundirá y le tomará un tiempo dar sentido a lo que está sucediendo, lo que contribuye a una sensación pesada de un sitio más lento.

Por lo tanto, cuando diseñe una llamada a la acción para una página, instálela sin problemas como parte del elemento de la página principal. Por ejemplo, Kayac lo hace bien en su página de alquiler de vehículos. De un vistazo, los usuarios pueden decir que el llamado a la acción de la página (el botón de búsqueda) es una parte integral del elemento de la página principal, que es la barra de búsqueda para el alquiler de automóviles. Como resultado, pueden entender rápidamente el punto y el propósito del sitio.

Los sitios que solo se sienten rápido aún ofrecen UX increíble

Los diseñadores deben seguir siempre la regla principal del diseño web: diseñar para la experiencia del usuario. Una de las mejores maneras de hacer esto es diseñar para la velocidad del sitio, pero, conociendo la psicología y el comportamiento de sus visitantes, también puede diseñar su sitio simplemente para sentirse rápido en lugar de ser extremadamente rápido.

No trate esto como una alternativa a la construcción de un sitio rápido. Mientras que un sitio rápido se puede hacer sentir lento, es mucho más fácil hacer que un sitio se sienta rápido si realmente lo es. En definitiva, lo que importa es la percepción del usuario.