27 Consejos de Diseño Web Respaldados por Investigación: Cómo Diseñar un Sitio Web Que Funcione

Total de visitantes. Es fácil de ver. Cada especialista en marketing sabe cuánto tráfico está recibiendo porque está ahí mismo en sus análisis. Pero lo que pasa después no es tan obvio.

Es por eso que dar consejos para conducir tráfico es fácil, pero los consejos de diseño web son difíciles. Hay muchos factores. Incluso después de más de 1000 proyectos de diseño web exitosos, es difícil para nosotros saber qué funcionará mejor.

Este artículo tiene 27 consejos de diseño web para obtener más valor de cada visitante. La mayoría de estos consejos están respaldados por investigaciones. Estos son para diseñadores principiantes y profesionales avanzados de UX, para pequeñas empresas y grandes empresas.

Aquí están nuestros mejores consejos, ideas e inspiración sobre cómo diseñar un sitio web que obtenga resultados. Un sitio que se ve hermoso, convierte a los visitantes y obtiene más valor de cada una de esas visitas ganadas con tanto esfuerzo.

Los dos estudios más importantes citados aquí están al final. Si estás impaciente, vaya!

El Diseño Estructural del Sitio Web

Los sitios web son dos cosas: contenedores y contenido. El contenedor es dos cosas: estructura y estilo. Empecemos por el primero. Estos consejos son sobre la estructura y el diseño de las páginas.

Aproveche una jerarquía visual

Cada página tiene una jerarquía visual. Si no está familiarizado con ese concepto, esta es nuestra definición:

La jerarquía visual se refiere a la disposición, el tamaño, el color y el contraste de los elementos visuales. Determina su prominencia relativa y el orden en que son vistos por el ojo humano.

Los diseñadores web utilizan la jerarquía visual para dirigir la atención de los visitantes a los elementos importantes primero. El diseño del sitio web incluye la posición (alta o baja en la página), los tamaños (grandes o pequeños), los elementos visuales (video, imágenes, iconos) y el contraste (color y espacio en blanco).

la Combinación de los aspectos multiplica su efecto. Todos verán un video grande, en lo alto de la página. Pocas personas verán texto de bajo contraste rodeado de imágenes.

La jerarquía visual es la razón por la que sus ojos siguen un cierto camino en cada página que visita en Internet. Cuando se usa deliberadamente, guía la atención del visitante a través de una serie de mensajes, hacia una llamada a la acción.

Use un titular descriptivo centrado en frases clave en lo alto de la página de inicio

El titular en la parte superior de la página de inicio (y de cada página) es descriptivo o no. Si no es así, es posible que el visitante no pueda responder a su primera pregunta: «¿Estoy en el lugar correcto?»

También es una oportunidad para usar una frase clave de destino e indicar relevancia. Pero muchos marketers escriben algo inteligente o vago en su lugar. Pero claro es mejor que inteligente.

En lugar de escribir un título elegante, pero vago, escribe algo descriptivo. Asegúrate de explicar lo que hace la empresa en lo alto de la página, en la parte superior de la página.

Fuente: Outreach Plus

Espera, ¿el doblez sigue siendo una cosa?

Sí, hay un pliegue. Para cada visita en cada pantalla, hay un área visible. En la parte inferior está el famoso pliegue. Para ver algo debajo de esta línea, el visitante debe desplazarse.

Por qué y si esto importa en el diseño web es un tema muy debatido. Aquí están dos de los mejores argumentos: «no Hay doble!»vs» El pliegue sigue siendo importante.»

Por supuesto, hay miles de tamaños de pantalla, que van desde pequeños a grandes. Este sitio web fue visto en 958 pantallas de diferentes tamaños en el último mes. Así que algunos diseñadores dicen que el pliegue ya no es relevante.

Pero aquí está la línea de fondo (get it?) Todavía hay un pliegue por cada visita y un pliegue promedio para todas las visitas. Herramientas como Hotjar lo muestran claramente como una línea en el mapa de calor de desplazamiento, para computadoras de escritorio/portátiles, móviles y tabletas.

Así que sí, hay un pliegue y importa lo que pongas por encima y por debajo de él. Un estudio mostró que los visitantes pasan el 80% de su tiempo por encima del pliegue.

Así que pon tu propuesta de valor, esa versión de 8 palabras de lo que haces, en lo alto de la página, por encima del pliegue.

Pero no pongas todas tus llamadas a la acción en la parte superior

Es posible que los visitantes pasen más tiempo allí, pero eso no significa que estén listos para actuar. Mucha persuasión sucede más abajo en la página.

Cuando Chartbeat analizó 25 millones de visitas, descubrió que la mayor parte del engagement se produce por debajo del pliegue. El contenido en la parte superior puede ser visible, no necesariamente va a ser el lugar más efectivo para poner tus llamadas a la acción.

Una advertencia acerca de esta frecuentemente citado estudio: Chartbeat es utilizado principalmente por sitios web de noticias, que son muy diferentes de los sitios web de marketing. ¡Nadie hace mucho por encima del pliegue en un sitio web de noticias! Los consejos normales de diseño web no se aplican.

Asegúrese de poner las llamadas a la acción más abajo de la página, en cualquier lugar donde el interés sea probablemente alto.

Que sea una página alta. Responde a todas las preguntas de tus visitantes.

Más píxeles significa más espacio para responder preguntas, abordar objeciones y agregar evidencia de apoyo. Si el visitante no encuentra una respuesta a una pregunta importante, simplemente puede seguir avanzando por la página. Una vez que estén satisfechos, simplemente dejarán de leer.

Las páginas de ventas más efectivas emulan las conversaciones de ventas.

Usted nunca interrumpiría a alguien durante una reunión de ventas y dejaría de responder a sus preguntas, ¿verdad? Eso es todo lo que hace una página corta; deja de responder preguntas.

Aquí es donde entra en juego el famoso estudio de Crazy Egg. Encuestaron a su audiencia, descubrieron sus principales preguntas y preocupaciones, y construyeron una página alta que aborda todo.

La página era 20 veces más larga. La tasa de conversión subió un 30%.

«el Desplazamiento es una continuación. Hacer clic es una decisión » – Josh Porter, Rocket Insights

Mostrar una cosa a la vez

» Me gustan los diseños limpios y modernos.»Eso es lo que la mayoría de nuestros clientes nos dicen cuando comenzamos proyectos de diseño web. A menudo se refieren al sitio web de Apple como ejemplo.

A los visitantes no les gusta el desorden. Nos gustan los espacios en blanco. En otras palabras, nos gusta la baja complejidad visual.

En 2012, Google se propuso descubrir qué tipos de sitios web se consideran hermosos para los visitantes. Es un estudio sobre la simplicidad con un nombre muy complicado: El papel de la complejidad visual y la prototipicidad en la primera impresión de sitios web: Trabajar para comprender los juicios estéticos.

Aprendieron que los diseños más complejos tienen menos probabilidades de ser percibidos como hermosos.

Esto explica la tendencia hacia diseños de una sola columna y páginas altas. Los diseños con múltiples columnas (navegación lateral izquierda, área de contenido, carril derecho) son más complejos, con más elementos visuales dentro del campo de visión de los visitantes.

Así que corta el desorden. Haz de uno de los dos elementos el foco en cada profundidad de desplazamiento.

Se adhieren a diseños estándar

El mismo estudio de Google encontró que la «alta prototípica» también se correlaciona con la belleza percibida. En otras palabras, lo raro no suele ser bonito. Un sitio web que sigue los estándares de diseño web es más probable que sea amado.

Los sitios considerados los más bellos tienen una alta prototípica y una baja complejidad visual. Son simples y limpias.

Creo que de esta manera, es bueno diferenciar su marca, pero el diseño no es el lugar para hacerlo. Sé diferente en LO que dices. Pero sé típico en CÓMO se usa tu sitio.

Algunos coches se ven increíbles. Son diferentes. Son hermosas. Pero todavía tienen puertas a los lados, ruedas en la parte inferior y faros delanteros.

¿Pero qué es estándar? Según nuestra propia investigación, estos son los elementos estándar para un sitio web:

El sitio web «estándar» con alta prototipicidad incluye lo siguiente:

• Logotipo en la parte superior izquierda
• Navegación horizontal en el encabezado
• Barra de búsqueda en la parte superior
• Iconos sociales en la parte inferior
• Diseño móvil adaptable

Tenga cuidado con los «fondos falsos»

Los sitios web de marketing modernos, especialmente las páginas de ventas, están construidos con bloques de páginas. Estas son filas de contenido, a menudo con una imagen en un lado y texto en el otro, que fluyen por la página en una sola columna.

Aquí está la anatomía de una página de servicio típica en un sitio web de generación de clientes potenciales.

Como se muestra en el diagrama, el pie de página tiene un color de fondo más oscuro. Tantos sitios hacen esto que los visitantes ahora esperan que un cambio a un fondo más oscuro signifique la parte inferior de la página.

Pero si el diseño tiene un bloqueo de página con un fondo oscuro, el visitante podría pensar que ha tocado la parte inferior y dejar de desplazarse. Es un fondo falso.

Nota: yo debate con mis propios diseñadores acerca de esto. Kurt Cruse, nuestro director creativo, hace un excelente comentario. Los cambios en el color de fondo son una excelente manera de hacer saber a los visitantes que el tipo de contenido está cambiando. Te escucho, Kurt!

Sea deliberado al seleccionar colores de fondo para bloques de página. Para estar seguro, elija solo variaciones leves o simplemente use siempre blanco o gris claro. Luego cambia a gris oscuro o negro en el pie de página.

Evite los carruseles y deslizadores giratorios

Han sido populares durante años y a los clientes les encantan. Pero hay un problema con la presentación de diapositivas de la página de inicio: es posible que los visitantes solo vean la primera diapositiva.

Ha habido muchos estudios que llegan a la misma conclusión. Es menos probable que se vean los mensajes en las diapositivas posteriores y es poco probable que se haga clic en las llamadas a la acción. Basta con mirar las tasas de clics para las diapositivas en el sitio web de una universidad.

Pueden ser populares porque son fáciles de aprobar. Diferentes partes interesadas de diferentes departamentos obtienen algunos píxeles por encima del pliegue. Son buenos para la política interna, no para los visitantes.

Las presentaciones de diapositivas de la página principal son buenas para evitar que las personas se apuñalen entre sí en las salas de conferencias.

Entonces, ¿qué hacer en su lugar?

• Apila las diapositivas, para que el visitante pueda ver cada una de ellas desplazándose por la página. De repente se volverán mucho más visibles.
• Usa una imagen destacada, usando la diapositiva más impactante como héroe. ¡Dale una buena llamada a la acción!

Evita pestañas y acordeones

Esta es otra forma de sacar las cosas de su escondite: evita pestañas y cajas de contenido expandibles.

Sabiendo que hasta el 76% de los visitantes del sitio web están escaneando, puede hacer que su contenido sea más visible para ellos manteniendo todo expuesto, sin necesidad de hacer clic para revelar algo.

Si las pestañas y los acordeones expandibles fueron efectivos, probablemente los verás en Amazon.

Recuerde, desplazarse es más rápido y fácil que hacer clic. Si los visitantes tienen que apuntar y hacer clic o tabular para poder ver algo, es menos probable que lo vean.

Imágenes

Pasemos a las imágenes. Estos consejos son específicos para las imágenes en las páginas web.

Use imágenes de personas

Las caras son imágenes únicas y poderosas. Desde el momento en que nacemos, miramos los rostros más que cualquier otra cosa. El poder magnético de las imágenes de personas es muy útil en el diseño web.

Las caras no solo llaman la atención, sino que se correlacionan con la conversión. El famoso estudio de caso de Basecamp mostró un gran aumento en los resultados cuando se combinaron rostros y testimonios en una página de ventas.

Asegúrate de que tu sitio web no parezca una «nave espacial abandonada» sin alma a bordo.

He hablado con miles de empresas sobre su marketing a lo largo de los años y he notado un patrón. Las grandes empresas siempre están tratando de parecer pequeñas, y las pequeñas empresas están tratando de parecer grandes. Extraño, ¿verdad?

En realidad, cada empresa debe tratar de ser más personal, más humano.

Pero evite las fotos de stock de personas

Hay un momento y lugar para las fotos de stock, pero yo evitaría las fotos de stock de personas como la peste. Simplemente nunca se sienten genuinos, por lo tanto, no crean confianza.

Las empresas se sienten tentadas por las fotos de archivo porque la calidad de producción es alta. Pero a tus visitantes les importa más la realidad. Preferirían ver a personas reales que realmente trabajan en la empresa.

La autenticidad es más importante que el pulido.

La investigación respalda esto. Un estudio realizado por NN Group encontró que los visitantes desconectan las fotos de archivo de personas y las imágenes de «relleno», pero en realidad miran imágenes de personas reales.

Así mismo, muestran su equipo y el uso de imágenes de personas reales, incluso si no están perfectamente pulidos.

Use caras como señales visuales

Las imágenes de personas le brindan una oportunidad especial para guiar la atención de los visitantes. El famoso fenómeno de «tú miras donde ellos miran».

Cuando el investigador James Breeze mostró diseños a 106 personas, demostró el poder de las caras bien posicionadas. Tienen el poder de dirigir la atención de los visitantes hacia otros elementos.

Este es el famoso estudio con la cara de bebé. Cuando el bebé mira a la cámara, los visitantes lo miran. Cuando el bebé mira el titular, los visitantes lo miran.

Mi amiga Oli Gardner está cansada de este ejemplo con el bebé (¡lo siento, Oli!). Si alguien sabe de otras investigaciones o buenos ejemplos, por favor, hágamelo saber en los comentarios.

Utilice una línea de visión en imágenes faciales como una señal direccional para guiar la atención de los visitantes hacia declaraciones de beneficios o llamadas a la acción.

Use flechas como señales visuales

Las caras pueden guiar la atención, pero no son la única manera de controlar los ojos de sus visitantes. Las pequeñas flechas dibujadas a mano pueden ser aún más efectivas.

En este estudio de seguimiento ocular realizado por CXL, se encontró que una flecha simple era aún más poderosa para que los visitantes miraran un elemento de página.

Si usted quiere que sus visitantes a mirar algo, señale con una flecha. No estoy seguro de si este consejo es ridículamente obvio o profundamente perspicaz.

Use el color para guiar la atención de los visitantes hacia las llamadas a la acción

Los colores tienen connotaciones emocionales (el rojo es urgente, el azul es tranquilo) y forman parte de los estándares de la marca. Pero también son oportunidades para atraer la atención de los visitantes hacia los botones y los CTA.

Un estudio de Eyequant sobre el color de los botones confirma el poder del contraste de color y luminancia para llamar la atención.

Pero el estudio muestra que los botones coloridos no siempre son efectivos. Si desea que su botón sea más prominente visualmente:

• Contraste el color del botón con el fondo
• Contraste el color del botón y el texto del botón
• Contraste el color del botón con elementos cercanos en la página (o deje mucho espacio en blanco a su alrededor)

El»Efecto Von Restorff»

En la década de 1930, la científica alemana Hedwig von Restorff descubrió que cuando se muestra una lista de diez artículos, la gente recuerda los artículos si son de un color diferente de los demás. Esto se debe a que el lóbulo occipital es sensible a las diferencias visuales, o «interruptores de patrón».»

El comercializador web Paras Chopra realizó experimentos que mostraron cómo los colores destacados no solo se recuerdan más, sino que se hace clic más: ¡60% más!

¡Consejo profesional! Elige un «color de acción» para todos tus enlaces, botones y efectos de rollover. Haz que sea un color distinto de los colores de la marca utilizados en todo el diseño (estos son los «colores pasivos»). Utilice el color de acción en ningún otro lugar que no sea en los elementos en los que se puede hacer clic.

Navegación y enlaces

Ahora entramos en los consejos para la navegación del sitio, incluidos los menús, botones y enlaces que permiten que sus visitantes se muevan.

Sea descriptivo

La navegación siempre es visualmente prominente, por lo que es una oportunidad para comunicarse. Los visitantes suelen comenzar su visita escaneando el encabezado. Cualquier cosa allí, incluidos sus menús, es muy probable que se vea.

Fuente: Movimiento UX

Cuando las etiquetas de navegación son genéricas, has perdido la oportunidad de decirle a los visitantes lo que haces. Compare estos dos ejemplos:

Si sus etiquetas de navegación son genéricas, entonces son comunes a miles o incluso millones de sitios web. Has perdido la oportunidad de aprovechar las mejores prácticas de navegación del sitio web, ayudar a tus visitantes y mejorar tus rankings de búsqueda.

Pon inicio a la izquierda, pero aparte de eso, no te preocupes demasiado por el orden de los elementos del menú

Si tienes un enlace de inicio, ponlo a la izquierda. Es el lugar más común para ello, por lo que los visitantes esperan encontrarlo allí.

En cuanto al resto de los elementos del menú, la investigación muestra que el pedido no es tan importante. Hay dos estudios de seguimiento ocular diferentes que muestran una baja correlación entre el orden de los elementos del menú y el éxito de los visitantes (fuente y fuente).

Así que no pase mucho tiempo preocupándose por el orden de las cosas en su menú.

Tenga cuidado de vincular desde páginas de servicio a publicaciones de blog

Si el visitante está en una página de servicio, el objetivo es convertirlo en un lead. Si agregas grandes oportunidades para salir y leer tu blog, aterrizarán en páginas que están menos enfocadas en la generación de leads. Las publicaciones de blog naturalmente tienen más distracciones, oportunidades de salida y tasas de conversión más bajas.

Ten cuidado al enlazar a cualquier cosa en otros sitios web

Siempre que sea relevante, enlaza a cosas que ayuden al visitante a alcanzar sus objetivos. En una publicación de blog, a menudo es una cita de una fuente o un enlace a referencias externas. ¡Este post enlaza con docenas de artículos y estudios!

Pero en las páginas de servicio y en su página de inicio, debe vincular a otros sitios con cuidado. Para cualquier página optimizada para convertir visitantes en leads, pregúntate, ¿realmente quieres que los visitantes hagan clic en ese enlace? ¿Te ayuda a alcanzar tus metas?

Evita usar iconos de redes sociales en el encabezado de tu sitio web

Del mismo modo, los coloridos iconos de redes sociales en el encabezado no son ideales para tus objetivos. Si los visitantes hacen clic en cualquiera de esos botones de color caramelo, aterrizan en un sitio lleno de distracciones. Es poco probable que regresen.

Por lo general, esta es la forma incorrecta de integrar las redes sociales. Si enlazas a una red social, hazlo desde tu pie de página. Los visitantes pueden encontrar las redes sociales si están buscando, pero no estás sugiriendo que se vayan.

Escribiendo

Hablemos de palabras. Anteriormente, recomendamos un titular centrado en frases clave en la página de inicio. Aquí hay algunos consejos más para escribir en el sitio web, incluidos encabezados, subtítulos y texto de cuerpo.

Escribir subtítulos significativos

Los subtítulos vagos están en todas partes. A menudo son grandes e inútiles, pero seguidos de cosas pequeñas pero útiles. Extraño, ¿verdad? Lo contrario tendría más sentido.

Asegúrese de que las cosas grandes sean significativas y útiles para los visitantes. Si sus subtítulos dicen cosas como «productos» o «servicios», pregúntese si un término más descriptivo sería más útil. He aquí algunos ejemplos.

Esto es bueno para escáneres y facilidad de uso. Es bueno para las personas con discapacidad visual y la accesibilidad. También son buenas prácticas de SEO. ¡Nunca pierdas la oportunidad de indicar relevancia!

ProTip: Los subtítulos pueden ser completamente innecesarios. ¿Esta página sería igual de buena sin ella? ¿Los visitantes aún sabrían lo que están mirando? Si es así, simplemente quítalo.

Evite los párrafos largos y la longitud de línea larga

Los párrafos largos en bloques no se alinean con las mejores prácticas de contenido digital. Simplemente dividir párrafos largos hace que el contenido sea más fácil de consumir. Como regla general, no escriba párrafos de más de 3-4 líneas.

«Se leen párrafos cortos, se leen párrafos largos, se omiten párrafos realmente largos» – Jason Fried, Fundador y CEO de Basecamp

Si la longitud de la línea es muy larga, puede ser más difícil para los visitantes leer. La Guía de estilo Web recomienda líneas de no más de 12 palabras.

Evite la jerga. Usa palabras sencillas.

Cuanto más fácil sea la lectura, más éxito tendrá el sitio web. Usa las palabras comunes que los visitantes esperan. Frases largas y palabras elegantes obligan al lóbulo temporal a trabajar más duro. Eso no es bueno.

«Keep it simple! La «fluidez cognitiva» es una medida de la facilidad con la que el cerebro de su visitante procesa lo que está mirando. Cuando algo es difícil de leer, inconscientemente lo encontramos más arriesgado y / o lento. Por lo tanto, para maximizar la conversión, use texto corto, fuentes simples y un diseño fácil de leer.»- Roger Dooley, autor de Brainfluence

El texto que funciona bien para los usuarios de «baja alfabetización» funciona bien para todos. No se trata de simplificarlo; se trata de usar un lenguaje sencillo que todos puedan entender. La investigación ha demostrado que reducir los niveles de legibilidad puede mejorar la tasa de éxito de todos los visitantes.

Incluso los doctores prefieren leer a un nivel de 8º grado.

Esa palabra grande puede hacerte sonar inteligente, pero puede hacer que tu visitante se sienta tonto. Es poco probable que un visitante que duda de sí mismo tome medidas. Así que mientras escribes, sigue haciéndote esta pregunta:

¿El 100% de los visitantes conoce el significado de las palabras en esta página?

Orden de lista y»Efecto de posición en serie»

Al ordenar cualquier lista dentro de su copia, ponga las cosas importantes al principio y al final. La atención y retención del lector son las más bajas en el medio de cualquier lista. A medida que los visitantes escanean la página, es más probable que el primer y el último elemento permanezcan en la memoria a corto plazo.

Fuente: Teoría de efectos de pedidos: Primacía versus Actualidad

Responder a las preguntas principales de los visitantes

Vinieron con preguntas. El trabajo principal del sitio web es responder a esas preguntas. Cada pregunta sin respuesta es una oportunidad perdida de generar confianza. Las preguntas sin respuesta también aumentan la probabilidad de que el visitante se vaya.

Cuando Joel Klettke aplicó su proceso para encontrar preguntas y escribir respuestas, pudo duplicar las tasas de conversión en las landing pages de Hubspot. Entrevistó a los clientes, analizó sus respuestas, priorizó los mensajes y, al final, usó las palabras de la audiencia en el nuevo copy de marketing. ¡Inteligente!

Estas son las preguntas que Joel utiliza para descubrir las preguntas más frecuentes de los visitantes:

1. ¿Qué estaba pasando que te envió a buscar una solución?
2. ¿Qué más intentaste y qué no te gustó de ello?
3. ¿Qué casi te impidió comprarnos?
4. ¿Qué te hizo tener la confianza suficiente para darnos una oportunidad?
5. ¿Qué hizo de X la mejor solución para usted?
6. Al evaluar X, ¿qué era lo más importante para usted?
7. ¿Qué puedes hacer ahora (o mejor) que no podías hacer antes?
8. Dame un ejemplo de cuando X hizo una diferencia para ti?

En una palabra, ¿cuál es el propósito de su sitio web? Respuesta.

Lectura adicional: La Página de Servicio del sitio Web B2B Perfecta: Lista de verificación de 13 puntos

Agregar evidencia y prueba social

El «sesgo de conformidad» es la tendencia humana a hacer lo que otras personas están haciendo. Por lo tanto, dar evidencia de que otros te han seleccionado hace que elegir tu empresa parezca una buena opción. El objetivo es hacer que cualquier decisión que no sea el uso de su empresa parezca fuera de la norma.

Da a tus visitantes una prueba de que eres legítimo. Idealmente, cada una de sus afirmaciones de marketing está respaldada con evidencia.

«¿Cuántas veces has accedido a un sitio web de una lista de ganadores de premios de diseño y has puesto los ojos en blanco ante una etiqueta de título fascinante de «Hogar»? Esto es lo que sucede cuando confías en una agencia para «crear algo totalmente original y único» en lugar de elegir una agencia que promete construir algo que funcionará de la manera en que tus clientes/clientes necesitan y esperan que funcione.»- Jen Salamandick, Punto de Patada

La forma más rápida y sencilla es agregar testimonios. Aquí hay otros tipos de pruebas sociales.

• Avales de personas influyentes relevantes
• Reseñas de productos de clientes
• Logotipos de medios»Como se ve en…» en los que se ha mencionado a su empresa
• Widgets de redes sociales que muestran el tamaño de sus siguientes
• Sellos de confianza, incluidos membresías de asociaciones, certificados de seguridad y premios

¿Cuánta prueba es suficiente? ¿Cuántos testimonios deberías agregar?

mucho. Es posible que no exista tal cosa como demasiada evidencia. Hicimos un análisis rápido de una de las páginas de detalles de productos de Amazon y descubrimos que el 43% de la página es evidencia y reseñas.

Pro Tip! No hagas una página de testimonios. Tienden a ser páginas de poco tráfico. En su lugar, agregue testimonios a cada página de servicio.

Mencionar la escasez, desencadenar la «aversión a la pérdida»

Los humanos no son calculadoras eficientes de costo/beneficio. Tendemos a sobrevalorar las pérdidas y a infravalorar las ganancias. En otras palabras, las pérdidas son más dolorosas que las ganancias placenteras.

Esto es cierto en línea y fuera de línea y explica mucho del comportamiento humano. Este artículo lo explica bien: Aplicar la Economía Conductual Y la Psicología Cognitiva al Proceso de Diseño.

Esta aversión a las pérdidas puede ser útil para diseñadores web y redactores. Aquí hay algunos consejos para escribir copias con aversión a la pérdida en mente.

• Enfatice los costos de no usar su producto o servicio.
• Costos de grupo juntos, enumere los beneficios por separado.
• Enfatice las ganancias inmediatas.
• Crea urgencia con ofertas de tiempo limitado. Si el producto es escaso, dígalo.

Recuerde suavemente a sus visitantes lo que se perderán, arriesgarán o perderán al no tomar medidas en este momento.

Optimizar formularios de suscripción de correo electrónico para suscriptores

Hay uno en la parte inferior de esta publicación. Es un llamado a la acción para suscribirse. Si miras de cerca, verás que incluye tres elementos separados. Estas son las 3 P para formularios de suscripción por correo electrónico.

• Prominencia Se destaca dentro de la jerarquía visual
• Promesa Le dice al lector qué obtendrá y con qué frecuencia
• Prueba Utiliza prueba social: el número de suscriptores o un pequeño testimonio

Cuando experimentamos por primera vez con estos cambios, la tasa de conversión en el formulario anterior era muy baja, por lo que la mejora fue dramática. Vimos un aumento del 4,863% en las suscripciones de correo electrónico.

Al diseñar su formulario de suscripción de correos electrónicos, hágalo visible, use la prueba social y dígale a los lectores lo que van a obtener.

Más que un sitio bonito

Todo el mundo ama la belleza. A todo el mundo le encantan las nuevas y geniales características de diseño. Todo el mundo es crítico. Pero como visitantes, necesitamos más que belleza. Necesitamos información. Y como propietarios de sitios web, necesitamos resultados.

Aquí hay dos estudios con el mismo hallazgo. La primera es una encuesta de Hubspot que muestra a los visitantes el valor de la información fácil de encontrar más que un diseño hermoso o una experiencia de usuario elegante.

Este segundo estudio es la conclusión de un conjunto de pruebas de usuario por NN Grupo. Muestra que cuando los visitantes fallan, es porque no pueden encontrar información, no porque el sitio no sea lo suficientemente hermoso.

me encanta hermoso diseño tanto como a nadie. Es por eso que empecé en este negocio! Y a menudo pienso en esta cita:

«La vida de un diseñador es una vida de lucha. Lucha contra la fealdad.»- Massimo Vignelli, leyenda del diseño

Pero en el diseño web, creamos contenedores para contenido. Y los visitantes vinieron por el contenido, no por el contenedor.

Los sitios web deben ser hermosos. Deben tener un impacto visual o emocional en los visitantes. Pero el éxito de tu sitio web va mucho más allá de la belleza. Se trata de ayudar a los visitantes a encontrar lo que necesitan. Ese es el corazón de cada consejo en este artículo. Y es el verdadero propósito del diseño web.

Ayuda a tu visitante a encontrar lo que vino a buscar y, a continuación, dale lo que quieres que tenga.