9 errores de diseño web que dañan tus tasas de conversión

que es el diseño web

El diseño web es el proceso de conceptualizar lo que desea para su sitio web, el aspecto, la sensación, el propósito, la estructura y la funcionalidad requerida. Una vez que tenga una imagen mental, debe planificar cada paso cuidadosamente y luego crear los archivos electrónicos que conformarán el sitio web.

Errores comunes de diseño web

Enfocar

• No establece claramente lo que hace/ofrece su empresa.
• Falta de un CTA (llamado a la acción) claro: a menudo se olvida o se deja en la parte inferior de la página.
• Información de contacto difícil de encontrar: coloque un número de teléfono en la barra superior.
• No seguro (HTTPS): los sitios seguros se cargan más rápido, obtienen clasificaciones de búsqueda más altas y el 84 % de los visitantes abandonarán una compra si el sitio web no es seguro.
• Sin análisis: si no realiza un seguimiento de lo que funciona y lo que no, no se centra en hacer del sitio web su mejor herramienta publicitaria.
• No pensada para un público específico, por ejemplo, la web de un colegio sería muy diferente a la de un restaurante.

Diseño

• Como se ve: esto es crucial, tiene menos de diez segundos para impresionar a un visitante y hacer que quiera explorar más. El tema general y los colores deben atraer a la audiencia. Menos es más, por lo que una página de inicio desordenada alejará a los visitantes. Necesitan ver claramente las barras de navegación y otras funciones para generar conversiones.
• Uso excesivo de colores: demasiados colores pueden arruinar las conversiones: es importante comprender la psicología del color (por ejemplo, use colores llamativos como el azul y el blanco para el sitio de belleza y salud).
• Tarda demasiado en cargar: el punto óptimo es de 3 segundos; la probabilidad de rebote aumenta exponencialmente por cada segundo más.
• No está listo para dispositivos móviles
  • El 52% de los usuarios tienen menos probabilidades de interactuar con una empresa si tienen una mala experiencia móvil.
  • El 91% prioriza la necesidad y la rapidez.
  • El 61 % seguirá adelante si no encuentra lo que necesita rápidamente.

• No usar un diseño receptivo: el diseño web receptivo utiliza consultas de medios CSS3 para hacer que un sitio web funcione en todas las plataformas (es decir, computadora, computadora portátil, tableta, teléfono inteligente).
• Interfaz inconsistente entre páginas: no necesita un nuevo diseño para cada página, se vuelve confuso y no es compatible con un diseño de marca sólido.
• Ventanas emergentes: pueden interferir con el uso de dispositivos móviles y afectarán las clasificaciones
• Etiquetas H1 eliminadas por razones estéticas, pero este es el primer elemento que buscan los rastreadores de los motores de búsqueda.
• Texto en la imagen: los motores de búsqueda no pueden ver las imágenes, por lo que no leerán el texto, debe superponerse.
• Botones y enlaces demasiado pequeños para hacer clic, especialmente en dispositivos móviles, nada más frustrante que tocar con los dedos más de un botón al mismo tiempo y terminar en el lugar equivocado.
• Sin Favicon: a los usuarios les gusta abrir varias páginas, difíciles de encontrar si desea volver al sitio.
• Carruseles que se desplazan automáticamente en las páginas de inicio, lo que distrae a los usuarios de su mensaje.
• Música automática de fondo, simplemente irritante.
• Videos que se reproducen automáticamente, nuevamente, simplemente irritantes. Asesino de conversiones.
• 404 páginas genéricas: la mayoría de los usuarios abandonan cuando obtienen una de estas. Obtenga su manejo de errores ordenado inmediatamente.
• Tiempos de respuesta del servidor lentos: debe optimizarse.
• No seguir las normas de diseño: los usuarios perdonan, pero esperan lo básico, como una barra de navegación y una función de búsqueda.
• Mal uso del espacio en blanco: demasiado poco lo hace parecer estrecho, demasiado poco profesional.
• Sin almacenamiento en caché del navegador: afecta la recarga de la velocidad de las páginas, lo que resultará en clasificaciones más bajas.
• No funciona en todos los navegadores: todos los sitios web deben estar diseñados para funcionar en todos los navegadores.
• No funciona sin JavaScript: si su visitante desactiva JavaScript, su sitio aún debería funcionar.
• El código no se ha compactado, en otras palabras, minimizando su CSS, HTML y Javascript. Esto mejora la velocidad de carga.

Navegación

• Muchos enlaces se abren en nuevas ventanas: si no hay un botón Atrás o es difícil navegar, es probable que los visitantes no regresen, además de consumir ancho de banda.
• Vínculos ocultos en el sitio web/Menús invisibles: los visitantes necesitan saber 'dónde estoy', por lo que necesita menús claros, navegación de migas de pan y señales de diseño. Los menús se pueden ocultar en el móvil.
• Logotipos centrados: hace que sea seis veces más difícil encontrar su página de inicio con un solo clic.
• No cambiar los colores de los enlaces visitados, por lo que los visitantes siguen regresando a la página equivocada y la abandonan.
• Navegación incontrolable: cualquier cosa animada puede acabar con las conversiones muy rápido.

Tipografía

• Legibilidad, facilidad de lectura, claridad: estos son los factores críticos.
• Fuente demasiado pequeña, no fácil de leer: el texto del cuerpo debe usar Sans Serif, tamaño superior a 14 px, ya que es compatible en todas las plataformas. Las fuentes rizadas son para niños.
• Demasiadas fuentes: genera confusión, ya que los visitantes se distraen con la presentación y no se centran en su mensaje. Tres es suficiente.
• Fuentes en conflicto: pueden ser discordantes y no contribuyen a las conversiones.
• Interletraje deficiente (símbolos), seguimiento (palabras), interlineado (oraciones): los espacios son importantes y ayudan con la claridad y la legibilidad.

Contenido

• SEO débil: no será detectado por los rastreadores de los motores de búsqueda, use palabras clave de cola larga.
• El contenido que no se enfoca en las necesidades de los visitantes, sino más bien en "lo buenos que somos" puede ser un verdadero desvío.
• Sin encabezados y subtítulos: además, para que sea más fácil de leer, se pierde los rastreadores de los motores de búsqueda que detectan las palabras clave en su mensaje.
• Contenido no escaneable: los párrafos deben ser cortos, usar listas de viñetas o números para facilitar la lectura, a los visitantes les gusta escanear una página para ver si existe la posibilidad de que tenga la información que necesitan.
• Mala gramática y oraciones largas: nuevamente un problema de legibilidad, y parece poco profesional.
• No publicar contenido de calidad regular: la pirámide de contenido debe ser ancha y baja para que los rastreadores de los motores de búsqueda recojan palabras clave para clasificar. Los visitantes volverán si saben que se actualiza periódicamente.

Imágenes

• Fotografía de stock irrelevante: las imágenes deben ser agradables a la vista, relevantes y centradas en un tema específico.
• Tamaño y escalado deficientes: afectará los tiempos de carga y se verá poco profesional.
• Tamaño de imagen que no responde: las consultas de medios CSS se utilizan para solucionar este problema
• Faltan metadatos: verifique los nombres de los archivos antes de publicar imágenes, 987098709.jpg parece poco profesional.
• Sin compresión de imagen: los tiempos de carga más largos equivalen a clasificaciones más bajas.

Medios de comunicación social

• No fomentar el compromiso social: perder las mejores oportunidades de crecimiento.
• Íconos de redes sociales en la parte superior de la página: se ha demostrado que alientan a los lectores a abandonar su sitio y distraerse, colóquelos en cualquier otro lugar.

Experiencia de usuario

• Facilidad de búsqueda deficiente: los visitantes son mimados con buenos motores de búsqueda y esperan que se muestre lo mejor o lo más relevante, debe manejar variaciones de palabras clave, guiones, plurales y errores tipográficos.
• No responde a las consultas: nada ahuyentará a los visitantes tan rápido como un sitio que no responde, configure respuestas automáticas cuando no esté disponible y comuníquese con ellos con urgencia.

Asuntos legales

• Sin política de privacidad: ahora es un requisito legal en muchos países y ayuda a generar confianza.
• Sin información de garantía: los visitantes quieren saber que hay legitimidad detrás de sus productos.
• Sin política de devolución: el buen comercio exige que proporcione al menos un período para que un cliente cambie de opinión (obligatorio por ley en algunos países) y que aceptará devoluciones si un producto resulta no ser adecuado. Las malas críticas a menudo se centran en malas experiencias de retorno.

Un gran sitio web le pedirá a los usuarios que les informen si algo no funciona para ellos o les brinde sugerencias para mejorar, algunos incluso pueden tener un sistema de puntuación de estrellas para la usabilidad. Siempre dé lo mejor de sí mismo con su sitio web: por lo general, es la primera impresión de un cliente potencial sobre su empresa y su cultura, y puede hacer o deshacer sus tasas de conversión.