10 razones por las que su diseño web no funciona (y qué hacer en su lugar)

Inviertes tu dinero y tus recursos en un sitio web elegante y… no obtienes la respuesta que esperabas. O tal vez recibe muchos visitantes, pero no el número que esperaba. Tal vez reciba toneladas de tráfico, pero nadie responde a su llamado a la acción. ¿Qué diablos podría estar mal? Su diseño web podría ser el culpable.

El diseño web se trata de comunicarse con su público objetivo. Esto se hace a través del diseño y la estructura usando texto e imágenes. En otras palabras, IU. Si se hace correctamente, atraerá visitantes y los mantendrá. Hecho incorrectamente, los enviará corriendo.

Puede haber muchas razones por las que su diseño no funciona. Aquí hay una lista de 10 y qué hacer para remediar el problema. Admito que estos ejemplos son viejos y extremos. Estoy usando ejemplos exagerados para ayudar a entender mi punto. La mayoría no son tan malos en el mundo actual del diseño web (de hecho, algunos de estos serían difíciles de hacer en WordPress a menos que le des un esfuerzo extra). Aún así, hay mucho que aprender aquí, así que vayamos directo al grano.

1. Su página de inicio está desordenada y ralentiza a sus visitantes

https://siphawaii.com/

Se necesitan menos de 10 segundos para que un visitante decida irse o quedarse. Desea que tengan fácil acceso al contenido que buscan.

Las páginas web pueden tener demasiadas cosas para hacer clic o demasiadas cosas para mirar. Su página de inicio puede tener muchos temas diferentes, pero si se juntan y mezclan, sus lectores no podrán encontrar lo que buscan sin hacer un esfuerzo adicional. Lo que buscan sus visitantes puede estar enterrado entre el desorden que es difícil de navegar.

¿Alguna vez llegó a una página de inicio que tenía una larga lista de promesas y tuvo que desplazarse y desplazarse solo para encontrar un enlace al último artículo? ¿Qué tal una página de inicio que tiene tanto que no puedes decir qué es qué? ¿Recuerdas hace varios años cuando todos tenían un video Flash en su página de inicio y tú tenías la opción (a veces) de omitirlo? No hagas eso. Hace años, los lectores podrían haber sido lo suficientemente pacientes como para ver un video antes de ingresar a su sitio, pero ya no.

No haga que sus visitantes se queden sentados durante su presentación antes de que puedan acceder a su contenido. Estas configuraciones agregan clics innecesarios, a los motores de búsqueda no les gustan, a los navegadores móviles no les gustan y tienen el efecto opuesto que está buscando, ya que muchos visitantes simplemente pasarán al siguiente sitio.

Otra cosa que puede molestar a sus visitantes en su página de inicio es la música y el video que se reproduce automáticamente cuando se carga el sitio. Si desea audio o video, permita que lo enciendan en lugar de obligarlos a apagarlo. Si necesita agregar un video o una presentación, asegúrese de incluir un botón de salto para que sus visitantes no tengan que sentarse a verlo todo el tiempo.

El tema Extra ofrece muchas opciones de página de inicio elegantes y ordenadas

Entonces, ¿qué deberías hacer en su lugar?

  • Cree una página de inicio que atraiga a los lectores y mantenga su atención . Hágalo simple e incluya solo la información que debe estar allí. Mantenlo despejado. Úselo como una introducción rápida y proporcione a los visitantes enlaces a lo que necesitan. No hay una regla que diga que tienes que tener todo en una página. Mantenga su página de inicio organizada. No muestres todas las publicaciones del blog, ni siquiera las publicaciones completas del blog. Divide el contenido en bocados más pequeños que vayan juntos. Crea secciones para diferentes categorías y etiquétalas.

  • Concéntrese en UI y UX. Recuerde, la creatividad no es el objetivo número 1. Según Hubspot  (informe descargable desde la página de inicio), el 76% de los usuarios dice que el factor más importante en el diseño de un sitio web es que puedan encontrar lo que buscan. La usabilidad es más importante que la belleza.
  • Asegúrese de que su página de inicio cargue rápidamente. Las páginas que tardan demasiado en cargarse obtendrán una clasificación más baja en los motores de búsqueda y pondrán a prueba la paciencia de sus visitantes.

2. Su diseño está abarrotado, desordenado e inconsistente

Fuente de la imagen: https://takakusakari.files.wordpress.com/2012/09/bad-page1.jpg

Al igual que su página de inicio, el diseño de sus páginas y publicaciones también debe estar limpio y ordenado. No coloque demasiados anuncios en las barras laterales, encabezados y pies de página. El mejor lugar para los anuncios es dentro del contenido.

Mantenga su marco coherente de una página a otra. Si tiene una barra lateral derecha y, de repente, sus visitantes ven barras laterales en ambos lados con un esquema de color diferente y un encabezado diferente, pensarán que abandonaron su sitio y se dirigieron a otro. Está bien tener algunas variaciones y diferencias, pero mantenga los elementos de diseño principales lo suficientemente ajustados para que sepan que es el mismo sitio web. Si los envía a un sitio diferente para su tienda, mantenga la marca igual: los mismos colores, el mismo logotipo, etc. La inconsistencia hace que su sitio parezca aleatorio.

Divi ofrece diseños limpios con mucho espacio en blanco.

No olvides el espacio en blanco. ¿Alguna vez ha leído texto que llegaba hasta el borde de la pantalla o la página de un libro, o ha visto sitios web donde los elementos de diseño estaban amontonados? Distrae y hace que el diseño sea demasiado difícil de usar.

3. Su contenido es solo texto en párrafos grandes sin imágenes.

Los párrafos largos sin interrupciones visuales o imágenes son visualmente poco atractivos. Los lectores a menudo buscan información que puedan escanear rápidamente. Si hay demasiado texto en un lugar, es posible que se aburran y sigan adelante.

Puede hacer que los diseños de su página y publicación sean más interesantes mediante el uso de llamadas, comillas, capitulares, columnas, etc. para separar el texto y hacerlo escaneable. No caiga en el hoyo de “mucho tiempo sin leer”. Que sea fácil para ellos leer. Incluso en este mundo de imágenes, el texto sigue siendo importante para transmitir su mensaje. Usa tus palabras de manera concisa. Los lectores prefieren párrafos más pequeños que dividen el texto en fragmentos pequeños.

Puede decir más con imágenes que con palabras porque cuentan una historia de un vistazo. Deben verse lo mejor posible mientras se cargan rápido para el usuario. Las imágenes de alta calidad se ven profesionales.

Asegúrate de usar fuentes y colores que sean fáciles de leer. Use sus fuentes y colores consistentemente en todo su sitio web.

4. Ninguna llamada a la acción o llamada a la acción no es fácil de ver

Fuente de la imagen: https://www.2webdesign.com/blog/wp-content/uploads/2014/01/Screen-Shot-2014-01-28-at-3.14.30-PM.png

¿Alguna vez ha estado en un sitio web que se sorprendió cuando descubrió que tenían un boletín informativo porque estaba tan enterrado que no podía verlo? ¿O encontró su llamado a la acción por accidente? Desea que su llamado a la acción sea visible y claro para que los lectores sepan qué respuesta desea de ellos. Use un claro llamado a la acción y sea específico. Las ventanas emergentes funcionan para esto, pero tenga en cuenta que hay un buen equilibrio entre hacer enojar a sus visitantes e informarles de su llamado a la acción. No olvide tentarlos a suscribirse con algo demasiado bueno para dejarlo pasar.

Flor, en acción.

Como ejemplo, Bloom es una buena herramienta para crear una llamada a la acción. Le dará a sus lectores una ventana emergente dependiendo de la configuración que elija. Por ejemplo, puede hacer que presente la llamada a la acción después de unos segundos en su sitio, cuando salen de su sitio, se deslizan o se desvanecen en una esquina, etc. Otra buena opción es un módulo de llamada a la acción que usa el Constructor Divi.

El Divi Builder también se puede usar para crear un CTA.

Cuando cree formularios para su llamado a la acción, hágalos simples y fáciles de completar. A menos que el formulario sea para un propósito específico que requiera los detalles, no solicite más información de la que necesita. Solo su nombre y correo electrónico es suficiente. Si hay demasiados campos para completar, los visitantes pueden perder interés. No los hagas trabajar para darte sus direcciones de correo electrónico. En su lugar, hazlo lo menos doloroso posible.

5. Tu diseño no responde

Todavía me sorprende la cantidad de sitios web a los que visito en mi teléfono inteligente que no se formatean para adaptarse a mi pantalla. Requieren que haga zoom y mueva la pantalla de un lado a otro para ver el contenido. Esto es un no-no en el mundo en línea de hoy. Esto también afectará su clasificación en los motores de búsqueda porque Google penaliza los sitios web que no responden.

Divi responde a dispositivos móviles.

Teniendo en cuenta que la mayoría de los lectores consumen contenido de Internet en sus dispositivos móviles, su diseño debe centrarse primero en los dispositivos móviles. Su sitio debe funcionar perfectamente en todos los tamaños de pantalla posibles. Asegúrese de usar un tema que responda o use un complemento que cree una versión móvil de su sitio web. Además, pruebe cada cambio en los dispositivos móviles y vea cómo funcionan y se ven. Asegúrese de que la navegación sea fácil.

6. Tu diseño es antiguo

Fuente de la imagen: http://freelancefolder.com/wp-content/uploads/wordpress-old1.jpg

No necesita cambiar su diseño cada pocos meses (en realidad, ¡no cambie su diseño cada pocos meses!), pero sí quiere que su sitio web incluya funciones modernas. Si su sitio parece tener más de dos años, entonces parece mucho más antiguo que en años de Internet. Los visitantes concluirán de inmediato que no está al tanto de las tendencias modernas y que sus habilidades de diseño están desactualizadas.

Divi tiene nuevos diseños que mantendrán tu sitio actualizado con las últimas tendencias.

No es necesario seguir todas las tendencias nuevas, pero sí las tendencias que se están volviendo estándar, como el diseño de materiales, el minimalismo y las secciones.

7. Su sitio se enfoca en las campanas y silbidos

Fuente de la imagen: https://www.waltercedric.com/images/stories/29379a375162_1346F/joomlatags.with.adobe.flash.png

Todos hemos visto sitios web que usan las últimas tendencias de diseño, como desplazamiento de paralaje, controles deslizantes de video, animaciones, etc., pero simplemente no tienen ninguna sustancia real porque carecen de contenido de calidad, o las campanas y silbatos son exagerados y distraen del contenido.

En lugar de agregar contenido a las campanas y silbatos, haga que su contenido sea el foco. Use cosas llamativas como sal y especias, solo lo suficiente para darle sabor. Demasiada ostentación puede distraer y no compensará el contenido mediocre.

Piensa en lo divertido que es Tetris hoy en día. No necesita animaciones sofisticadas para ser un juego divertido. Si lo modernizáramos, aún nos centraríamos en lo que hace que el juego sea excelente y luego agregaríamos solo lo que se necesita donde se necesita.

8. Dejas que WordPress maneje tu navegación.

Los menús malos hacen que sus visitantes pregunten: «¿Qué estoy mirando?»

Si permite que WordPress maneje su navegación, agregará cada nueva categoría a su menú principal y hará que su estructura se vuelva desordenada e ingobernable. Esto dificulta la navegación. Si sus visitantes no pueden encontrar lo que están buscando con unos pocos clics, se darán por vencidos y pasarán al siguiente sitio web que les llame la atención.

Configuración de menús personalizados en WordPress.

WordPress le brinda las herramientas que necesita para crear su propia estructura de navegación. Ve a Apariencia y selecciona Menús . Luego puede arrastrar y soltar los elementos de su menú y agregar categorías y enlaces para crear sus propios menús. Cree una estructura lógica que ayude al usuario a encontrar rápidamente lo que busca. Manténgalo limpio y simple.

Este menú Divi es sencillo y fácil de navegar.

9. No facilita que sus visitantes compartan su contenido

Sus visitantes son algunos de los mejores recursos de marketing que tiene. Un amigo le cuenta a un amigo y de ahí estalla. A la gente le encanta ser la que encontró algo antes que sus amigos. Pero, ¿y si no están compartiendo tu contenido? Hay que ayudarlos y alentarlos. Si los visitantes no ven los botones para compartir, no es probable que compartan su contenido con sus redes sociales. Tienes que hacerlo lo más fácil posible.

Monarch social sharing al rescate!

Simplifique el proceso proporcionando a los visitantes los botones para compartir que necesitan. Pónselo fácil incluyendo también botones para compartir en cada publicación.

10. Mala elección de color

Fuente de la imagen: https://abcomm.files.wordpress.com/2011/04/screen-shot-2011-04-28-at-5-00-16-pm.png

Las malas combinaciones de colores son difíciles de leer, hacen que el sitio web parezca desconectado porque realmente no combinan y no conducen a una respuesta positiva. Si usa un esquema de color diferente para cada página, es posible que estos colores hagan que los visitantes se sientan como si estuvieran en un sitio web diferente. No hay consistencia en la marca.

Los colores que son demasiado fuertes harán que su sitio se vea poco profesional. Los colores deben adaptarse a la profesión, pero no deben ser aburridos. Recuerda la teoría del color y la psicología. Su elección de color afectará el estado de ánimo de su audiencia.

Puede usar las muchas herramientas en línea para ayudarlo a elegir colores que coincidan e incluso verlos en acción antes de usarlos en su sitio web. Las buenas herramientas de color incluyen:

paleta

Esta herramienta en línea gratuita le permite seleccionar su color primario y le brinda colores a juego. Tiene muchas características y opciones y es fácil de usar. También te da códigos RGB y hexadecimales para los colores.

adobe color cc

La herramienta de color en línea gratuita de Adobe le permite elegir colores según los factores que elija. Hay muchas opciones e incluso puedes crear tus propias combinaciones. Te da códigos RGB y hexadecimales.

Capturador de estilo web

Esta nueva herramienta en línea le brinda los valores de color y las fuentes de los encabezados y párrafos de cualquier sitio web. Simplemente pegue la URL y haga clic en Estilos de captura. Esta es una gran herramienta si desea utilizar estilos iguales o similares a otros sitios web. Te da códigos hexadecimales y RGB.

Pensamientos finales

Un buen diseño web requiere encontrar el equilibrio adecuado entre creatividad y funcionalidad. Demasiado enfoque en la creatividad puede hacer que el sitio sea inutilizable y demasiado enfoque en la usabilidad puede hacer que el sitio sea aburrido. Está bien experimentar, pero no se obligue a quedarse con un diseño que no funciona. Analiza tu sitio y realiza tantas mejoras como puedas. Los resultados podrían sorprenderte.

Quiero saber de ti. ¿Qué motivos has visto que hacen que los diseños web no funcionen? ¿Tienes algo que añadir? Háganos saber en los comentarios.

Imagen en miniatura del artículo de LOVE YOU / shutterstock.com