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, el estilo, la redacción, la tasa de conversión o la experiencia del usuario, mantener un pulso sobre cómo está funcionando tu sitio es esencial. Y con los estándares de diseño web y los algoritmos de Google evolucionando constantemente, esto debería ser algo que hagas al menos una vez al mes. Después de años de dirigir 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 solucionar instantáneamente estos errores y mejorarlo hoy.

1) Títulos vagos y confusos

Cuando las personas llegan por primera vez a tu sitio web, tienes _apenas unos segundos_ para captar su atención.

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

Por un lado, será mejor que dejes muy claro lo que puedes ofrecer a tu encantador nuevo visitante. Y la forma más eficiente de hacerlo es con tu título principal.

Títulos vagos solo servirán para confundir o frustrar a tus visitantes del 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 te hace a ti querer aprender más sobre la empresa? LO QUE DEBERÍAS HACER EN SU LUGAR: Escribe un título claro y conciso que le diga inmediatamente a tu visitante qué beneficios recibirá al comprar / inscribirse / suscribirse a tu producto o servicio.

2) Llamadas a 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 lleguen_.

Verás todo tipo de blogueros presumir sobre cuántos visitantes reciben en su sitio 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 máquina generadora de tráfico genérico en un negocio real que genera ganancias.

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

BombBomb‘s llamada a la acción es clara, inmediata y ejecutable. Los visitantes ni siquiera necesitan hacer clic o desplazarse a ninguna parte para inscribirse. (¡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 “empezando”? ¿Es diferente de “Contáctanos”? ¿Por qué tengo dos opciones para elegir? ¿Y si elijo la equivocada?_

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

LO QUE DEBERÍAS HACER EN SU LUGAR: Usa una llamada a la acción que deje 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 realicen una sola acción.

Si bien es perfectamente aceptable tener enlaces a tus otras páginas, deberías guiar a tu visitante por un camino hacia una llamada a la acción al final.

Un embudo puede lucir algo así:

1. Un visitante llega a tu publicación de blog sobre “Cómo saber cuándo tu techo necesita reparación”

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

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

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. ¡Acabas de convertir exitosamente a un visitante en un nuevo cliente potencial!

Ese embudo solo funciona si te mantienes en esa única llamada a la acción: Haz que el usuario solicite un presupuesto para la reparación del 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 perdieran el enfoque y se fueran a otro lado.

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

Ay Dios.

Este es un ejemplo extremo, por supuesto. Pero te sorprendería cuántos sitios web cometen este error web gigante.

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

4) Párrafos largos

Esto es fácil.

Nadie quiere leer un muro de texto. Divide tu contenido en párrafos cortos y fáciles de escanear.

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

¿Cuál tomarías el tiempo para leer?

LO QUE DEBERÍAS HACER EN SU LUGAR: Mantén tus párrafos en no más de 2-3 frases cada uno. Haz uso liberal de párrafos de una frase.

5) Videos que se reproducen automáticamente

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

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

Sin mencionar que los videos que se reproducen automáticamente reducen el tiempo de carga de tu sitio web. El video tiene que ser cargado independientemente de si a tus visitantes les interesa verlo.

Y hay un lugar especial en… mi corazón… para los sitios web que reproducen videos automáticamente 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. (aunque me encanta tu plataforma de podcasting) LO QUE DEBERÍAS HACER EN SU LUGAR: Ofrece a tus visitantes opciones. Déjalos decidir si quieren ver tu video o no. Hazlo lo suficientemente atractivo como para que deseen 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, ¿a quién no le gustaría ver planetas flotando mientras desplazas hacia abajo?

Pero definitivamente puedes _exagerar_.

Hay una delgada línea entre mejorar la experiencia del usuario en tu sitio web y simplemente lanzar tantas tonterías cursis como tu servidor puede soportar.

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

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

Las animaciones de tu sitio web no deberían distraer de tu mensaje, deberían añadir a él. LO QUE DEBERÍAS 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 de gran tamaño

Las imágenes impactantes son la savia de tu sitio web. La gente no tiene tiempo para tus anticuadas _palabras_.

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

Muchos blogueros y diseñadores DIY 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.

Muchas de estas imágenes ocupan 3MB+…

Observa la diferencia que hace comprimir y optimizar tus imágenes: (de nuestros amigos en Kinsta)

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

¡Una mejora masiva para una tarea tan simple!

LO QUE DEBERÍAS HACER EN SU LUGAR: Asegúrate de que cada imagen que subas a tu sitio web haya sido redimensionada y optimizada adecuadamente.

8) Fotos de stock genéricas

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

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

Sí, así es. Vince Vaughn y algunos otros actores decidieron señalar con burla a la industria de fotos de stock al participar en la producción de sus propias fotos de stock cursis.

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

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

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

¿Cómo saber qué buscar?

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

La diferencia es clara.

LO QUE DEBERÍAS HACER EN SU LUGAR: Usa fotos de stock 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) Redacción aburrida

Esto me vuelve loco.

La gente pone tanto esfuerzo en la apariencia y sensación de su sitio web, hace algo hermoso y funcional, luego se queda completamente en blanco cuando llega el momento de escribir las palabras.

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

Es lo que mantendrá a tus visitantes leyendo y desplazándose, o huyendo a tus competidores.

La industria del diseño web es _notoriamente_ mala en redacción. Como tal, será 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 de abajo es mía).

LO QUE DEBERÍAS HACER EN SU LUGAR: Esfuerza un poco en tu redacción. Aprende sobre tu público objetivo y qué tipo de contenido les gusta leer. Profundiza en la psicología y qué hace que las personas funcionen. Lee más libros.

10) Página de Acerca de

La página de 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 tu página de inicio, entonces no se molestarán en hacer clic en tu página de Acerca de.

Ahorra tiempo y dinero, y omítela.

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

ProBlogger es un sitio web fantástico y produce uno de mis podcast favoritos sobre diseño web, pero esta página de Acerca de es aburrida. Lo cual es probablemente por lo que está oculta en el pie de página... LO QUE DEBERÍAS HACER EN SU LUGAR: Omite la página de Acerca de por completo. Haz que tu mensaje se transmita en tu página de inicio. En raras ocasiones en las que eso no sea posible y sientas que necesitas una página de Acerca de, no solo lances un muro de texto.

11) Página de Testimonios

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

Francamente, deberías tener prueba social (es decir, reseñas y testimonios) esparcida por todo tu sitio. No hay razón para mantenerlos todos en una página dedicada.

Y obtener reseñas para tu página de Google My Business es más importante de todos modos.

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

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

Y en cualquier otras páginas posteriores donde sean relevantes.

LO QUE DEBERÍAS HACER EN SU LUGAR: Omite la página de Testimonios y esparce los testimonios a lo largo de tu sitio web en su lugar. Particularmente justo cerca de tus llamadas a la acción.

12) Iconos de redes sociales prominentes

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

“Los iconos de redes sociales son simplemente señales de salida coloridas.” – Andy Crestodina\\\\

Bien. Dicho.

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

El objetivo principal de las redes sociales es hacer que las personas vengan DE las redes sociales A tu sitio web. No al revés. LO QUE DEBERÍAS HACER EN SU LUGAR: Tu sitio web es el que genera dinero aquí. Dile a Zuck que tome un respiro. Mantén tus iconos sociales colocados discretamente en la parte inferior de tu pie de página.

13) Plugins inflados

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

La función de plugins de WordPress facilita la adición de funcionalidad avanzada a tu sitio web. Características que normalmente requerirían una personalización complicada.

Pero muchas personas exageran al agregar plugins.

Cada plugin que instalas consume más recursos de tu servidor. Recursos que podrían gastarse mejor en otro lugar.

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

De un tiempo de carga de 5.2 segundos a solo menos de medio segundo.

Eso es inmenso.

LO QUE DEBERÍAS HACER EN SU LUGAR: Mantén tus plugins al mínimo. Asegúrate de que lo que instales sea absolutamente necesario y no pueda hacerse fácilmente sin un plugin. También mantén un ojo en qué plugins instalas, asegurándote de que sean todos seguros y de buena reputación.

14) Chat en vivo molesto

Chat en vivo…

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

Es el nuevo popup.

No puedo creer cuántos propietarios de sitios web continúan desafiando toda sensibilidad moral de la experiencia del usuario. Realmente odioso es la única forma de describirlo.

No me opongo a todo chat en vivo, que conste. 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 hecho horrible y mal:

Uno de estos es una opción de contacto sutil que está allí _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 web preferirías visitar?

LO QUE DEBERÍAS HACER EN SU LUGAR: Por supuesto, ten la opción de chat en vivo. Pero haz que eso sea; una OPCIÓN. No lo impongas a la garganta de tu visitante en el momento en que aterrice 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\

Insistieron en que necesitaban tener un enlace de correo electrónico directo en su sitio. Sabes, cuando haces clic en un correo y automáticamente se abre tu cliente de correo electrónico de elección para que comiences 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, solo estás aumentando la cantidad de spam que vas a recibir en tu bandeja de entrada.

LO QUE DEBERÍAS HACER EN SU LUGAR: Haz que tus visitantes te contacten en otros formatos. Formulario de contacto, chat en vivo, número de teléfono, WhatsApp, cualquier cosa menos directo a correo electrónico.

16) Demasiadas “cosas”

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

Sé que suena super vago, pero aguanta conmigo.

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

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

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

(Sí, así es. Usé mi propio sitio web como ejemplo otra vez. Haz tu propio blog si no te gusta. ???? )

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

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

LO QUE DEBERÍAS HACER EN SU LUGAR: Dile lo más que puedas con lo menos posible. Ayuda a tus visitantes a enfocarse 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.

Estos días, esto está sucediendo a un ritmo vertiginoso.

Tendré que mantenerme al tanto de esta publicación para poder seguir 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.

Te lo garantizo personalmente.