16 errores de diseño web que probablemente está cometiendo ahora mismo
Estos 16 errores pueden socavar la experiencia del usuario y la credibilidad de su sitio web. Vea qué podría estar saliendo mal y aprenda formas fáciles de abordar cada problema.
Como diseñador web, ya sea profesional o aficionado, debe constantemente buscar mejorar su sitio web.
Ya sea rendimiento del sitio web, estilo, redacción, tasa de conversión o experiencia del usuario, mantener un pulso sobre cómo está funcionando su sitio web es esencial.
Y con los estándares de diseño web y los algoritmos de Google evolucionando constantemente, esto debería ser algo que haga 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 algunos errores cruciales de diseño web. (y negarse a aprender de ellos)
Quiero evitar que cometa esos mismos errores.
Al eliminar estas 16 cosas de su sitio web, puede corregir instantáneamente estos errores y mejorarlo hoy.
1) Titulares vagos y confusos
Cuando las personas llegan por primera vez a su sitio web, tiene apenas segundos para captar su atención.
¿Cómo elegirá usar esos preciosos segundos?
Por un lado, es mejor que deje muy claro lo que puede ofrecer a su encantador nuevo visitante. Y la forma más eficiente de hacerlo es con su titular principal.
Los titulares vagos solo servirán para confundir o frustrar a los visitantes de su sitio web.
Aquí hay un ejemplo de un buen titular y un mal titular:
En el primer titular de TrustedHousesitters, el beneficio ofrecido al visitante se aclara de inmediato.
En contraste, el segundo titular de MindMyHouse es solo un genérico “bienvenido a mi sitio web”. Como si todavía estuviéramos construyendo sitios web en Homestead en 2002…
¿Cuál le hace a usted querer saber más sobre la empresa?
LO QUE DEBERÍA HACER EN SU LUGAR: Escriba un titular claro y conciso que le diga inmediatamente a su visitante qué beneficios recibirá cuando compre/se registre/se suscriba a su producto o servicio.
2) Llamadas a la acción poco claras
Demasiadas empresas están tan enfocadas en atraer personas a su sitio web que ni siquiera saben qué quieren que hagan sus visitantes una vez que lleguen.
Verá todo tipo de blogueros alardeando 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.
¿Quiere 50,000 visitantes cada mes? ¿O quiere 1,000 nuevos clientes cada mes?
Tener una llamada a la acción clara para guiar a sus visitantes convertirá su máquina genérica de generación de tráfico 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:
La llamada a la acción de BombBomb es clara, inmediata y accionable. Los visitantes ni siquiera necesitan hacer clic o desplazarse a ningún lado para registrarse. (¡también sin tarjeta de crédito!)
Mientras que la llamada a la acción de iMark Interactive es confusa y divisiva. ¿Con qué exactamente estoy “Comenzando”? ¿Es diferente de “Contáctenos”? ¿Por qué tengo dos opciones para elegir? ¿Qué pasa si elijo la incorrecta?
¿Ve qué tan fácilmente las cosas pueden salir mal para su visitante?
LO QUE DEBERÍA HACER EN SU LUGAR: Use una llamada a la acción que haga obvio en qué están actuando los visitantes. No deberían tener que hacer clic a través de múltiples capas para actuar sobre ella. Hágalo claro, simple y atractivo.
3) Demasiadas llamadas a la acción
Suscríbase a nuestro boletín, síganos en las redes sociales, compre esto, haga clic aquí, lea esto, vea mi video de YouTube…
Es todo demasiado.
Cada página de su sitio web debe estar dedicada a lograr que sus visitantes tomen una sola acción.
Si bien es perfectamente aceptable tener enlaces a sus otras páginas, debe guiar a su visitante por un camino hacia una llamada a la acción al final.
Un embudo puede verse así:
-
Un visitante llega a su publicación de blog sobre “Cómo saber cuándo su techo necesita reparaciones”
-
Lee su publicación, luego hace clic en su llamada a la acción al final que dice “Obtenga una cotización para una reparación de techo”
-
Su llamada a la acción los lleva a su página de aterrizaje de Servicios de Reparación de Techos
-
Ven la página, les gusta lo que ven, luego envían una solicitud de cotización en su formulario de contacto ubicado al final de la página
-
¡Acaba de convertir con éxito a un visitante en un potencial nuevo cliente!
Todo ese embudo solo funciona si se apega a esa única llamada a la acción: Hacer que el usuario solicite una cotización para la reparación del techo.
Si hubiera 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 su publicación de blog, aumenta las probabilidades de que sus 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)
Yikes.
Este es un ejemplo extremo, por supuesto. Pero se sorprendería de cuántos sitios web cometen este error gigantesco de diseño web.
LO QUE DEBERÍA HACER EN SU LUGAR: Mantenga cada una de las páginas de su sitio web con solo una llamada a la acción. En algunas raras ocasiones, puede salirse con la suya con 2-3, pero generalmente son CTA menores en comparación con la CTA principal.
4) Párrafos largos
Este es fácil.
Nadie quiere leer un muro de texto. Divida su contenido en párrafos cortos y fáciles de leer.
Aquí hay un ejemplo de buena longitud de párrafo vs mala longitud de párrafo:
¿Cuál tomaría el tiempo de leer?
LO QUE DEBERÍA HACER EN SU LUGAR: Mantenga sus párrafos con no más de 2-3 oraciones cada uno. Haga uso liberal de párrafos de una sola oración.
5) Videos de reproducción automática
Los videos que se reproducen automáticamente cuando llega a un sitio web son molestos.
De hecho, cualquier aspecto de un sitio web que me obligue a hacer algo, o limite mi libertad para elegir mi experiencia, es molesto.
Sin mencionar que la reproducción forzada de videos reduce el tiempo de carga de su sitio web. El video tiene que cargarse independientemente de si sus visitantes quieren verlo.
Y hay un lugar especial en… mi corazón… para los sitios web que reproducen videos con EL SONIDO ACTIVADO.
Aquí hay un mal ejemplo de un video de reproducción automática:
Si quisiera verlo, habría presionado play, Anchor. (aunque me encanta tu plataforma de podcasts)
LO QUE DEBERÍA HACER EN SU LUGAR: Dé opciones a sus visitantes. Permítales decidir si quieren ver su video o no. Hágalo lo suficientemente atractivo para que quieran presionar play.
6) Demasiadas animaciones
Las animaciones son geniales.
Y ciertamente pueden agregar valor al mensaje de su sitio web. Si está haciendo un sitio web sobre el espacio, ¿quién no querría ver planetas flotando mientras se desplaza?
Pero definitivamente puede exagerar.
Hay una línea muy fina entre mejorar la experiencia del usuario de su sitio web y simplemente lanzar tantos trucos cursis como su servidor pueda soportar.
Sin mencionar que puede dañar seriamente el rendimiento de su sitio web.
Aquí hay un ejemplo de buen uso de animaciones de sitio web:
Las animaciones de su sitio web no deberían restar valor a su mensaje, deberían agregarle.
LO QUE DEBERÍA HACER EN SU LUGAR: Mantenga las animaciones al mínimo. Solo agréguelas si tiene sentido hacerlo. Más no siempre es mejor.
7) Imágenes de gran tamaño
Las imágenes poderosas son el alma de su sitio web. La gente no tiene tiempo para sus palabras pasadas de moda.
Y con las imágenes convirtiéndose en el foco de un gran diseño web, el costo que puede tener en los servidores de su sitio web es enorme.
Muchos blogueros y diseñadores aficionados 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 están pesando más de 3MB…
Mire la diferencia que hace comprimir y optimizar sus 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 poco menos de medio segundo.
¡Una mejora masiva para una tarea tan simple!
LO QUE DEBERÍA HACER EN SU LUGAR: Asegúrese de que cada imagen que suba a su sitio web haya sido redimensionada y optimizada adecuadamente.
8) Fotos de stock genéricas
¿Hay algo peor que descubrir un hermoso sitio web, solo para desplazarse hacia abajo 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 satirizar la industria de las fotos de stock participando en la producción de sus propias fotos de stock cursis.
El objetivo era mostrar cómo las fotos de stock deshumanizan a sus sujetos. Hasta el punto de que ni siquiera notarías a una celebridad famosa en ellas.
“Pero Patrick, no tengo $500/mes para gastar en Shutterstock. ¿Dónde puedo obtener fotos de stock gratuitas que no parezcan fotos de stock?” Usted, probablemente
La verdad es que puede encontrar muchos recursos para fotos de stock gratuitas que no parecen haber sido producidas en masa para cada bufete de abogados y firma contable del país.
¿Cómo sabe 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ÍA HACER EN SU LUGAR: Use fotos de stock hermosas y de alta calidad que hayan sido tomadas por un fotógrafo independiente. Evite los Vince Vaughns genéricos y producidos en masa del mundo.
9) Redacción aburrida
Este me vuelve loco.
La gente pone tanto pensamiento en el aspecto y la sensación de su sitio web, crea algo hermoso y funcional, luego arruina todo cuando es el momento de escribir las palabras.
La gran redacción es el corazón y el alma no solo de su sitio web, sino de todo su negocio.
Es lo que mantendrá a sus visitantes leyendo y desplazándose, o huyendo hacia sus competidores.
La industria del diseño web es notoriamente mala en redacción. Por lo tanto, serán el foco de mi desprecio.
Aquí hay un ejemplo de mala redacción de sitio web y buena redacción de sitio web:
¿Qué página es más probable que lo enganche y lo mantenga desplazándose hacia abajo para más?
(Descargo de responsabilidad: la página inferior es mía.)
LO QUE DEBERÍA HACER EN SU LUGAR: Ponga esfuerzo en su escritura. Aprenda sobre su público objetivo y qué tipo de contenido les gusta leer. Profundice en la psicología y lo que hace que la gente funcione. Lea 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 puede decirle a sus visitantes de qué se trata desde su página de inicio, entonces no se molestarán en hacer clic en su página de Acerca de.
Ahorre tiempo y dinero, y omítala.
Aquí hay un ejemplo de una mala página de Acerca de que nunca debería ver:
ProBlogger es un sitio web fantástico y produce uno de mis podcasts de diseño web favoritos, pero esta página de Acerca de es aburrida. Probablemente por eso está oculta en el pie de página…
LO QUE DEBERÍA HACER EN SU LUGAR: Omita la página de Acerca de por completo. Transmita su mensaje en su página de inicio. En raras ocasiones donde eso no sea posible, y sienta que necesita una página de Acerca de, no solo ponga 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ía tener prueba social (es decir, reseñas y testimonios) esparcidos por todo su sitio. No hay razón para mantenerlos todos en una página dedicada.
Y obtener reseñas para su 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: (a través de nuestros amigos en BigScoots)
Justo allí en el medio de la página de inicio. Ahí es donde deberían ir sus testimonios.
Y en cualquier otra página subsecuente donde sea relevante.
LO QUE DEBERÍA HACER EN SU LUGAR: Omita la página de Testimonios y espárzalos por todo su sitio web. Particularmente justo cerca de sus 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 meramente señales de salida de colores llamativos.” Andy Crestodina
Bien. Dicho.
Cada icono de redes sociales que coloque en su sitio es una oportunidad para que sus visitantes se distraigan y se vayan.
El objetivo de las redes sociales es hacer que las personas vengan DE las redes sociales A su sitio web. No al revés.
LO QUE DEBERÍA HACER EN SU LUGAR: Su sitio web es el generador de dinero aquí. Dígale a Zuck que se vaya. Mantenga sus iconos sociales colocados discretamente en la parte inferior de su pie de página.
13) Plugins inflados
Este se aplica principalmente a mis compañeros usuarios de WordPress.
La función de plugins de WordPress facilita agregar funcionalidades avanzadas a su sitio web. Funciones que normalmente requerirían una personalización complicada.
Pero muchas personas se exceden al agregar plugins.
Cada plugin que instale consume más recursos de su servidor. Recursos que podrían potencialmente ser mejor utilizados en otro lugar.
Mire la diferencia que WPCurve hizo en su sitio web al eliminar plugins innecesarios:
De un tiempo de carga de 5.2 segundos a poco menos de medio segundo.
Eso es enorme.
LO QUE DEBERÍA HACER EN SU LUGAR: Mantenga sus plugins al mínimo. Asegúrese de que lo que instale sea absolutamente necesario y no pueda hacerse fácilmente sin un plugin. También vigile qué plugins instala, asegurándose de que todos sean 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.
Simplemente no puedo creer cuántos propietarios de sitios web continúan desafiando toda sensatez moral de la experiencia del usuario. Realmente, molesto es la única forma de describirlo.
No estoy en contra de todo el chat en vivo, ojo. Debe hacerse discretamente y con el usuario en mente.
Aquí hay un ejemplo de chat en vivo bien hecho, y también hecho horriblemente mal:
Uno de estos es una opción de contacto sutil que está allí si lo necesita.
El otro es agresivo, molesto, y de alguna manera incluso logra ser un anuncio para uno de sus propios productos.
¿Qué sitio web preferiría visitar?
LO QUE DEBERÍA HACER EN SU LUGAR: Por supuesto, tenga la opción de chat en vivo. Pero hágalo solo eso; una OPCIÓN. No lo imponga a sus visitantes en el momento en que lleguen a su página.
15) Enlaces de correo electrónico
Tuve este debate con un cliente recientemente. Perdí.
Supongo que a veces “el cliente siempre tiene la razón.” *encogimiento de hombros*
Insistieron en que necesitaban tener un enlace directo a correo electrónico en su sitio. Ya sabe, cuando hace clic en un correo electrónico y automáticamente se abre su cliente de correo electrónico de elección para que pueda comenzar a escribir.
Suena súper conveniente, ¿verdad?
Y lo era. Hasta que los “marketers” lo arruinaron.
Ahora, si decide poner un enlace mailto: en su sitio, solo está aumentando la cantidad de spam que va a recibir en su bandeja de entrada.
LO QUE DEBERÍA HACER EN SU LUGAR: Haga que sus visitantes lo 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 súper vago, pero tenga paciencia conmigo.
Con el diseño web moderno, menos es más. El espacio en blanco es su amigo. Solo porque tenga espacio vacío, no significa que tenga que llenarlo con algo.
El uso sabio del espacio en blanco en realidad presenta mejor su mensaje y embellece aún más su 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 nuevamente. Haga su propio blog si no le 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ÍA HACER EN SU LUGAR: Cuente tanto como pueda con lo menos posible. Ayude a sus visitantes a enfocarse en los aspectos más importantes de su mensaje.
Oh, estoy seguro de que hay más cosas de las que deshacerse…
A medida que evoluciona internet, los estándares de diseño web se adaptan.
Hoy en día, esto está sucediendo a un ritmo rápido.
Tendré que mantenerme al tanto de esta publicación para poder seguir agregando más con los años…
Pero si elimina estas 16 cosas de su sitio web hoy, notará una dramática mejora en el rendimiento de su sitio web y en la tasa de conversión.
Lo garantizo personalmente. Y si prefiere comenzar de nuevo con un sitio que evite estos errores desde el primer día, eso es exactamente lo que nuestro diseño web para pequeñas empresas ofrece.
