16 errores de diseño web que probablemente estés cometiendo ahora mismo

Como diseñador web, ya sea profesional o aficionado, debes constantemente buscar mejorar tu sitio web.

Ya sea el rendimiento del sitio web, estilo, redacción, tasa de conversión o experiencia del usuario, mantener un pulso sobre cómo está funcionando tu sitio web es esencial.

Y con los estándares de diseño web y los algoritmos de Google en constante evolución, esto debería ser algo que hagas al menos una vez al mes.

Después de años dirigiendo mi propia agencia de diseño web, he visto a muchas personas cometer errores cruciales en el diseño web. (y negarse a aprender de ellos)

Quiero evitar que cometas esos mismos errores.

Al eliminar estas 16 cosas de tu sitio web, puedes corregir instantáneamente estos errores y mejorarlo hoy.

1) Títulos vagos y confusos

Cuando las personas aterrizan por primera vez en tu sitio web, tienes pocos segundos para captar su atención.

¿Cómo elegirás usar esos preciosos segundos?

Para empezar, debes dejar claro qué puedes ofrecer a tu encantador nuevo visitante. Y la forma más eficiente de hacerlo es con tu titular principal.

Títulos vagos solo servirán para confundir o frustrar a los visitantes de tu sitio web.

Aquí hay un ejemplo de un buen título y un mal título:

En el primer título de TrustedHousesitters, el beneficio ofrecido al visitante se deja claro de inmediato.

En contraste, el segundo título de MindMyHouse es solo un genérico “bienvenido a mi sitio web”. Como si todos todavía estuviéramos construyendo sitios web en Homestead en 2002...

¿Cuál de ellos te hace a ti querer aprender más sobre la empresa?

LO QUE DEBES HACER EN SU LUGAR: Escribe un titular claro y conciso que le diga de inmediato a tu visitante qué beneficios recibirán cuando compren/se registren/subscribe a tu producto o servicio.

2) Llamadas a la acción poco claras

Demasiados negocios están tan enfocados en atraer personas a su sitio web que ni siquiera saben qué quieren que hagan sus visitantes una vez que llegan.

Vas a ver todo tipo de bloggers presumiendo sobre cuánto tráfico reciben en su sitio web cada mes, pero casi ninguno habla sobre cuántos de esos visitantes realmente se convirtieron en clientes o suscriptores.

¿Quieres 50,000 visitantes cada mes? ¿O quieres 1,000 nuevos clientes cada mes?

Tener una llamada a la acción clara para guiar a tus visitantes convertirá tu generador de tráfico genérico en un negocio real que genera ganancias.

Aquí tienes un ejemplo de una buena llamada a la acción y una mala llamada a la acción:

BombBomb‘s la llamada a la acción es clara, inmediata y accionable. Los visitantes ni siquiera necesitan hacer clic o desplazarse para registrarse. (¡sin tarjeta de crédito también!)

Mientras que la llamada a la acción de iMark Interactive es confusa y divisiva. ¿Con qué exactamente estoy “Comenzando”? ¿Es diferente de “Contáctanos”? ¿Por qué tengo dos opciones para elegir? ¿Y si elijo la incorrecta?

¿Ves qué tan fácilmente las cosas pueden salir mal para tu visitante?

LO QUE DEBES HACER EN SU LUGAR: Utiliza una llamada a la acción que haga obvio sobre qué están actuando los visitantes. No deberían tener que hacer clic a través de múltiples capas para actuar sobre ello. Hazlo claro, simple y atractivo.

3) Demasiadas llamadas a la acción

Suscríbete a nuestro boletín, síguenos en redes sociales, compra esto, haz clic aquí, lee esto, mira mi video de YouTube...

Es demasiado.

Cada página de tu sitio web debería estar dedicada a lograr que tus visitantes tomen una sola acción.
Si bien es perfectamente aceptable tener enlaces a tus otras páginas, deberías estar guiando a tu visitante por un camino hacia una llamada a la acción al final.

Un embudo puede lucir algo así:

1. Un visitante aterriza en tu publicación de blog sobre “Cómo saber cuándo tu techo necesita reparaciones”

2. Lee tu publicación, luego hace clic en tu llamada a la acción al final que dice “Obtén un presupuesto para una reparación de techo”

3. Tu llamada a la acción los lleva a la página de destino de tus Servicios de Reparación de Techo

4. Ven la página, les gusta lo que ven, luego envían una solicitud de presupuesto en tu formulario de contacto ubicado en la parte inferior de la página

5. ¡Has convertido exitosamente a un visitante en un potencial nuevo cliente!

Todo este embudo solo funciona si te ciñes a esa única llamada a la acción: Hacer que el usuario solicite un presupuesto para reparación de techo.

Si hubieras colocado un montón de otras cosas en la parte superior de ese embudo, como un montón de botones de suscripción y enlaces a redes sociales en medio de tu publicación de blog, aumentarías las probabilidades de que tus visitantes pierdan el enfoque y se desvíen a otro lugar.

Aquí hay un ejemplo de demasiadas llamadas a la acción: (sí, este es un sitio web real lolz)

Ay.

Este es un ejemplo extremo, por supuesto. Pero te sorprendería cuántos sitios web cometen este error gargantuesco de diseño web.

LO QUE DEBES HACER EN SU LUGAR: Mantén cada una de las páginas de tu sitio con solo una llamada a la acción. En raras ocasiones, puedes permitirte 2-3, pero generalmente son CTA menores en comparación con la CTA principal.

4) Párrafos largos

Esto es fácil.

Nadie quiere leer un muro de texto. Divida tu contenido en párrafos cortos y escaneables.

Aquí hay un ejemplo de buena longitud de párrafo vs mala longitud de párrafo:

¿Cuál de ellos dedicarías tiempo a leer?

LO QUE DEBES HACER EN SU LUGAR: Mantén tus párrafos en no más de 2-3 oraciones cada uno. Usa liberalmente párrafos de una sola oración.

5) Videos que se reproducen automáticamente

Los videos que se reproducen automáticamente cuando llegas a un sitio web son molestos.

De hecho, cualquier aspecto de un sitio web que me obligue a hacer algo o limite mi libertad de elegir mi experiencia, es molesto.

Sin mencionar que los videos que se reproducen con fuerza reducen el tiempo de carga de tu sitio web. El video tiene que cargarse independientemente de si tus visitantes quieren verlo o no.

Y hay un lugar especial en... mi corazón... para los sitios web que fuerzan videos a reproducirse con EL SONIDO ACTIVADO.

Aquí hay un mal ejemplo de un video que se reproduce automáticamente:

Si quisiera verlo, habría presionado reproducir, Anchor. (¡me encanta tu plataforma de podcast!)

LO QUE DEBES HACER EN SU LUGAR: Da a tus visitantes opciones. Déjalos decidir si quieren ver tu video o no. Hazlo lo suficientemente convincente para que quieran presionar reproducir.

6) Demasiadas animaciones

Las animaciones son geniales.

Y ciertamente pueden agregar valor al mensaje de tu sitio web. Si estás haciendo un sitio web sobre el espacio, ¿quién no quiere ver pasar planetas mientras desplazas?

Pero puedes definitivamente excederte.

Hay una delgada línea entre mejorar la experiencia del usuario de tu sitio web y simplemente arrojar tantas tontas artimañas como tu servidor pueda soportar.

Sin mencionar que puede dañar seriamente el rendimiento de tu sitio web.

Aquí tienes un ejemplo de un buen uso de animaciones en el sitio web:

Las animaciones de tu sitio web no deberían restar valor a tu mensaje, deberían agregarlo.

LO QUE DEBES HACER EN SU LUGAR: Mantén las animaciones al mínimo. Solo agrégalas si tiene sentido. Más no siempre es mejor.

7) Imágenes sobredimensionadas

Imágenes poderosas son la sangre vital de tu sitio web. La gente no tiene tiempo para tus viejas palabras.

Y con las imágenes convirtiéndose en el enfoque de un gran diseño web, el costo que puede tener en los servidores de tu sitio web es enorme.

Muchos bloggers y diseñadores de bricolaje están descargando fotos de alta calidad y luego simplemente subiéndolas a sus propios sitios web. Sin hacer ninguna optimización o compresión primero.

Este es un error costoso.

Muchos de estas imágenes están registrando más de 3MB+...

Echa un vistazo a la diferencia que hace comprimir y optimizar tus imágenes: (de nuestros amigos de Kinsta)

Optimizar las imágenes de esta página disparó el tiempo de carga de 1.5 segundos a poco menos de medio segundo.

¡Una mejora masiva para una tarea tan simple!

LO QUE DEBES HACER EN SU LUGAR: Asegúrate de que cada imagen que subas a tu sitio web esté redimensionada y optimizada adecuadamente.

8) Fotos de archivo genéricas

¿Hay algo peor que descubrir un hermoso sitio web, solo para desplazarte hacia abajo y encontrar que están usando fotos de archivo cursis de personas que ni siquiera trabajan para la empresa?

¿O peor aún, Vince Vaughn trabaja para ellos?

Sí, eso es correcto. Vince Vaughn y algunos otros actores decidieron burlarse de la industria de fotos de archivo al participar en la producción de sus propias fotos de archivo cursis.

El objetivo era mostrar cómo las fotos de archivo deshumanizan a sus sujetos. Hasta el punto en que ni siquiera notarías a una celebridad famosa en ellas.

“Pero Patrick, no tengo $500/mes para gastar en Shutterstock. ¿Dónde puedo conseguir fotos de archivo gratis que no parezcan fotos de archivo?” – Tú, probablemente

La verdad es que puedes encontrar muchos recursos para fotos de archivo gratis que no parecen haber sido producidas en masa para cada abogado y firma contable del país.

¿Cómo sabes qué buscar?

Aquí hay un ejemplo de una mala foto de archivo y una buena foto de archivo:

La diferencia es clara.

LO QUE DEBES HACER EN SU LUGAR: Usa fotos de archivo hermosas y de alta calidad que hayan sido tomadas por un fotógrafo freelance. Evita los genéricos, producidos en masa, Vince Vaughns del mundo.

9) Copia aburrida

Esto me vuelve loco.

Las personas ponen tanto pensamiento en la apariencia y sensación de su sitio web, crean algo hermoso y funcional, luego completamente se desmoronan cuando es hora de escribir las palabras.

Una gran redacción es el corazón y el alma de no solo tu sitio web, sino de todo tu negocio.

Es lo que hará que tus visitantes se queden leyendo y desplazándose, o corran hacia tus competidores.

La industria del diseño web es notoriamente mala en redacción. Como tal, serán el foco de mi desprecio.

Aquí hay un ejemplo de mala redacción web y buena redacción web:

¿Cuál página es más probable que te enganche y te mantenga desplazándote hacia abajo por más?

(Divulgación completa: la página inferior es mía.)

LO QUE DEBES HACER EN SU LUGAR: Esfuérzate en tu escritura. Aprende sobre tu audiencia objetivo y qué tipo de contenido les gusta leer. Profundiza en la psicología y lo que mueve a las personas. Lee más libros.

10) Página Acerca de

La página Acerca de está muerta.

La gran mayoría de los sitios web no la necesitan.

Si no puedes decirles a tus visitantes de qué se trata tu sitio desde la página de inicio, entonces no se molestarán en hacer clic para ir a tu página Acerca de.

Ahorra tiempo y dinero, y omítela.

Aquí hay un ejemplo de una mala página Acerca de que nunca deberías ver:

ProBlogger es un sitio web fantástico, y produce uno de mis podcasts de diseño web favoritos, pero esta página Acerca de es aburrida. Probablemente por eso está oculta en el pie de página...

LO QUE DEBES HACER EN SU LUGAR: Omitir la página Acerca de por completo. Haz que tu mensaje se transmita en la página de inicio. En raras ocasiones donde eso no sea posible, y sientas que necesitas una página Acerca de, no solo lances un muro de texto.

11) Página de testimonios

La página de Testi (lolz) está aún más muerta que la página Acerca de.

Francamente, deberías tener pruebas sociales (es decir, reseñas y testimonios) esparcidas por todo tu sitio. No hay razón para mantenerlas todas en una página dedicada.

Y conseguir reseñas para tu página de Google Mi Negocio es más importante de todos modos.

Aquí hay un buen ejemplo de dónde deberían ir los testimonios: (vía nuestros amigos de BigScoots)

Justo ahí en el medio de la página de inicio. Ahí es donde deberían ir tus testimonios.

Y en cualquier otra página subsiguiente donde sea relevante.

LO QUE DEBES HACER EN SU LUGAR: Omitir la página de testimonios y esparcirlos por tu sitio mejor. Particularmente justo cerca de tus llamadas a la acción.
https://rapidweblaunch.com/wp-content/uploads/2021/08/bigscoots-testimonials.mp4

12) Iconos prominentes de redes sociales

Nuestros amigos de Orbit Media lo expresaron mejor de lo que yo podría:

“Los iconos de redes sociales son meramente letreros de salida de color caramelo.” – Andy Crestodina

Bien. Dijo.

Cada icono de redes sociales que coloques en tu sitio es una oportunidad para que tus visitantes se distraigan y se vayan.

El propósito de las redes sociales es atraer a las personas DE las redes sociales A tu sitio web. No al revés.

LO QUE DEBES HACER EN SU LUGAR: Tu sitio web es el que genera dinero aquí. Dile a Zuck que se haga a un lado. Mantén tus iconos sociales ubicados discretamente en el pie de página de tu sitio.

13) Plugins inflados

Esto se aplica principalmente a mis compañeros usuarios de WordPress por ahí.

La función de plugins de WordPress hace que sea fácil agregar funcionalidades avanzadas a tu sitio web. Funcionalidades que normalmente requerirían alguna personalización complicada.

Pero muchas personas se exceden al agregar plugins.

Cada plugin que instales consume más recursos de tu servidor. Recursos que podrían gastarse mejor en otros lugares.

Mira la diferencia que WPCurve hizo en su sitio web al eliminar plugins innecesarios:

Desde un tiempo de carga de 5.2 segundos a poco menos de medio segundo.

Eso es enorme.

LO QUE DEBES HACER EN SU LUGAR: Mantén tus plugins al mínimo. Asegúrate de que lo que instales sea absolutamente necesario y que no se pueda hacer fácilmente sin un plugin. También mantén un ojo en qué plugins instalas, asegurándote de que sean seguros y respetables.

14) Chat en vivo obnoxioso

Chat en vivo...

Posiblemente la peor nueva tendencia de marketing internet en una década.

Es el nuevo popup.

No puedo creer cuántos propietarios de sitios web continúan desafiando toda sensatez moral respecto a la experiencia del usuario. Odiado realmente es la única forma de describirlo.

No estoy en contra de todo chat en vivo, por cierto. Necesita hacerse de manera discreta y con el usuario en mente.

Aquí hay un ejemplo de un chat en vivo bien hecho, y también uno muy mal hecho:

Uno de estos es una opción de contacto sutil que está ahí si la necesitas.

El otro es agresivo, molesto y de alguna manera incluso logra ser un anuncio para uno de sus propios productos.

¿Qué sitio preferirías visitar?

LO QUE DEBES HACER EN SU LUGAR: Por supuesto, ten la opción de chat en vivo. Pero haz que sea eso; una OPCIÓN. No se la empujes por la garganta a tus visitantes en el momento en que aterricen en tu página.

15) Enlaces de correo electrónico

Tuve este debate con un cliente recientemente. Perdí.

Supongo que a veces “el cliente siempre tiene razón”. *encogimiento de hombros*

Él insistió en que necesitaba tener un enlace directo al correo electrónico en su sitio. Sabes, cuando haces clic en un correo electrónico y automáticamente se abre tu cliente de correo preferido para que puedas comenzar a escribir.

Suena muy conveniente, ¿verdad?

Y lo era. Justo hasta que los “marketers” lo arruinaron.

Ahora, si decides poner un enlace mailto: en tu sitio, simplemente estás aumentando la cantidad de spam que vas a recibir en tu bandeja de entrada.

LO QUE DEBES HACER EN SU LUGAR: Haz que tus visitantes se pongan en contacto contigo en otros formatos. Formulario de contacto, chat en vivo, número de teléfono, WhatsApp, cualquier cosa menos enlaces directos al correo electrónico.

16) Demasiadas "cosas"

Y por último, pero no menos importante, demasiadas "cosas".

Sé que suena muy vago, pero aguanta conmigo.

Con el diseño web moderno, menos es más. El espacio en blanco es tu amigo. Solo porque tienes espacio vacío, no significa que tengas que llenarlo con algo.

Un uso adecuado del espacio en blanco presenta mejor tu mensaje y embellece aún más tu sitio web.

Aquí tienes un ejemplo de un sitio web con demasiadas cosas, y un sitio web con la cantidad justa:

(Sí, eso es correcto. Usé mi propio sitio web como ejemplo de nuevo. Haz tu propio blog si no te gusta.)

¿Cuál de estos sitios tiene el mensaje más claro?

Limpiar, simple y minimalista está de moda. El desorden y la sobrecarga de información están fuera.

LO QUE DEBES HACER EN SU LUGAR: Di tanto como puedas con lo menos posible. Ayuda a tus visitantes a concentrarse en los aspectos más importantes de tu mensaje.

Oh, estoy seguro de que hay más cosas que eliminar...

A medida que internet evoluciona, los estándares de diseño web se adaptan.

Hoy en día, esto está sucediendo a un ritmo acelerado.

Tendré que estar al tanto de esta publicación para poder continuar agregando más a lo largo de los años...

Pero si eliminas estas 16 cosas de tu sitio web hoy, notarás una mejora dramática en el rendimiento de tu sitio web y la tasa de conversión.

Lo garantizo personalmente.