¿Estás cometiendo estos 15 errores de diseño web?

Si estás haciendo algo mal, es mejor que lo sepas.

Aquí te diremos los posibles 15 errores de diseño web que podrías estar cometiendo sin saberlo. ¡Descúbrelos! Sé profesional.

Tu sitio web es una de las herramientas más importantes para tu negocio. Es aquel que protege tus productos o servicios las 24 horas del día. Además, es una máquina generadora de oportunidades de venta, una tienda virtual, el ancla para canalizar los medios sociales de tu empresa y otras propiedades en línea y una plataforma para el liderazgo de pensamiento. En algunos casos, tu sitio web es la primera impresión que tienen los clientes potenciales.

Entonces quieres que sea una buena.

¿Tu sitio web les gusta a los visitantes, ya sea que lo visiten desde su celular o desde una computadora? ¿Pueden moverse sin esfuerzo y con facilidad a través de tu sitio? ¿Es rápido? Estas son tan solo algunas consideraciones al momento de evaluar el rendimiento y la funcionalidad del diseño de tu sitio web.

Es muy fácil dar algunos pasos en falso, pero errores graves en el diseño de sitio web podrían costarte tu negocio. Estos errores pueden provocar que los visitantes de tu sitio se salgan de tu página sin comenzar.

Toma el test a continuación para ver qué tan bien has evitado 15 de los errores de diseño de sitio web más comunes (y atroces) … luego sigue leyendo para descubrir qué hacer después.

¿Eres un experto en el diseño web o tienes oportunidad de mejorar? Usa la siguiente lista para comenzar los ajustes (o para completar una revisión general) que necesitas para que tu sitio web y tu negocio funcione de la mejor manera. Estas son las 15 áreas a las que deberás prestar mucha atención.

  1. Above-the-fold
  2. Velocidad
  3. Respuesta
  4. Intuición
  5. Simplicidad de navegación
  6. Legibilidad
  7. Escaneabilidad
  8. Limpieza
  9. Elegancia
  10. Marca
  11. Datos de contacto
  12. Búsqueda
  13. Actualización
  14. Molestias
  15. Manejo de errores

Errores de diseño web

1. Above-the-fold

¿El nombre de tu negocio y el propósito de tu sitio web son inmediatamente evidentes para los visitantes? Cuando los visitantes llegan a tu sitio web, esperan ver quién eres y qué ofreces. Asegúrate de que el nombre de tu empresa y tus productos u ofertas de servicios destaquen en tu página de inicio.

2. Velocidad

¿Tu sitio web carga en tres segundos o menos en computadoras, tabletas y celulares? Debe ser rápido. De acuerdo con la información de Kissmetrics, el 27 por ciento de los consumidores esperan que una página web cargue en dos segundos o menos, y 40 por ciento de los visitantes abandonan el sitio que tarda más de 3 segundos en cargarse. Los “speed killers” del sitio incluyen un código poco claro, imágenes que son demasiado grandes y demasiadas llamadas externas a servicios de la nube.

¿No estás seguro de los tiempos de carga de tu sitio web? Utiliza la prueba de velocidad del sitio de Pingdom para averiguarlo. La herramienta de Google PageSpeed Insights, también podría ayudarte a analizar y a mejorar la velocidad.

3. Recepción

¿El sitio web se ve y funciona bien en todos los dispositivos? Un sitio web “receptivo” o con buena respuesta, funciona igual de bien en computadoras y en celulares. Por ejemplo, las personas que visitan tu sitio web desde sus celulares no deberían tener que hacer zoom o deslizarse para ver el contenido. Cuando el usuario hace clic en un menú o selecciona a partir de una acción, el sitio debería responder instantáneamente. Un diseño receptivo se ajusta al tamaño de la pantalla, ofreciendo una experiencia de navegación óptima.

Realiza una prueba amigable para dispositivos móviles de Google para ver que puntaje tiene tu sitio web. (Por cierto, Google se está moviendo hacia un sistema de indexación para dispositivo móviles, por lo que es necesario priorizar el mejoramiento de tu sitio web para garantizar que la clasificación de búsqueda de tu página no sufra movimientos).

4. Intuición

¿El usuario sabe exactamente que hacer en tu sitio web? Haz una lista de cinco a diez cosas que el usuario podría querer hacer en cada página. Si no es obvio como logra cada acción, arréglalo. El contenido de tu página generalmente debe ir de izquierda a derecha y después de arriba abajo. Coloca la información más importante (o las acciones más probables) en la parte superior izquierda.

Si has incluido calls-to-action en cada página de tu sitio web, date una palmadita extra en la espalda.

5. Simplicidad de navegación

¿Es fácil para los usuarios recorrer tu sitio web? No deberían tener que pensar demasiado como cómo llegar de aquí a allá y de regreso. Asegúrate de que la navegación principal aparezca en cada página y que siempre le permita al usuario regresar al punto de partida desde la ruta que tomó. Así podrá llegar con más facilidad a cualquier parte del sitio web. Incluye un enlace a la página de inicio y en otras secciones principales del sitio para permitir movimiento inmediato a través de la página. Evita utilizar demasiados menús y opciones de menú.

6. Legibilidad

¿El texto es fácil de leer? ¿Está hecho a la escala? No es fácil leer fuentes y guiones sofisticados, así como tampoco texto sobre un fondo que no tiene suficiente contraste de color. Agrega tres o menos tipos de letra fáciles de leer además de un color de texto a fondo de alto contraste. Si no sabes que hacer, nada puede ir mal con un texto negro sobre fondo blanco. Asegúrate de que la función de zoom del navegador funcione en tu texto.

7. Escaneabilidad

¿Los usuarios pueden escanear rápida y fácilmente el sitio web para obtener información? Las personas no quieren leer demasiado para encontrar lo que están buscando en tu sitio web, especialmente si se trata de la página de inicio. Mantén el texto corto y digerible, con suficiente espacio en blanco para que puedan escanear la página y encontrar la información que buscan en tan solo un vistazo.

8. Limpieza

¿Tu página web es clara? ¿Tiene errores? Debes apuntar por lo simple y preciso. Los errores tipográficos, las palabras que faltan y la mala gramática afectaran directamente a la credibilidad de tu sitio web. Te felicito si tienes a alguien que haga corrección de pruebas, o aún mejor a un corrector de estilo o redactor profesional. Asegúrate de leer y releer tus textos si eres la única persona que escribe y publica en tu sitio web.

9. Elegancia

¿Hay suficiente espacio en blanco? El espacio en blanco, conocido como espacio negativo o espacio vacío, es tu mejor aliado. Como ejemplo, haré una analogía: las tiendas de alta gama cuentan con pastillos amplios y amigables, mientras que las tiendas de chatarra agrupan cosas. Lo mismo aplica para tu sitio web, utiliza los espacios en blanco como elemento principal de diseño.

10. Marca

¿Los colores de tu sitio se fusionan con la personalidad de tu marca? Tu sitio web es el lugar al que los usuarios deben de querer ir. Tu página deberá mostrar los elementos básicos de tu marca, incluidos en el logotipo, fuentes y combinación de colores. Estas son las señales visuales que ayudarán a destacar tu presencia en línea a través de múltiples plataformas, como tu sitio web y redes sociales. Como un amigo mío escribo alguna vez:

“La visibilidad de tu marca cohesiva en línea refuerza los valores, la personalidad, la actitud y los mensajes. Construye confianza y ayuda a los clientes a recordar quién eres”.

Es importante, así que baila un poco si tu sitio web incluye tu logotipo y si tiene la paleta de colores ideal para tu marca. ¿No tiene un esquema de color o un logo? Toma este cuestionario de personalidad de la marca para obtener ayuda y descubra eso antes que otra cosa. Luego trabaja con un diseñador profesional para obtener la paleta de colores y logotipo ideal.

11. Información de contacto

¿Es fácil para los clientes potenciales o para los socios comerciales comunicarse contigo? Tu página de contacto es una de las secciones más importantes de tu sitio web: es un portal para convertir prospectos en clientes. Hazlo tan bien como puedas. A menos de que tengas una razón suficiente como para no hacerlo, proporciona como mínimo un número de teléfono y un correo electrónico. Si tienes una ubicación física, incluye una dirección y un mapa. Después, ve un poco más allá y pon tu información de contacto principal en cada página de tu sitio web.

12. Búsqueda

¿Cómo funciona la búsqueda de tu sitio web? “Googlear” ahora es un verbo. Siri y Alexa son nuestras mejores amigas. Escribir en una barra de búsqueda es una acción cotidiana (y para algunos de nosotros, una acción de cada cinco minutos). Los visitantes de tu sitio web esperan funcionalidad de búsqueda cuando navegan en tu sitio. ¡Buen trabajo si tu función de búsqueda está activa! Si no es el caso, haz la inversión para arreglarlo.

Los sitios de WordPress incluyen una función de búsqueda predeterminada, aun así, es posible que desees explorar plugins más específicos si tienes sitio de WordPress con muchas páginas. En caso de tener dudas, contrata a un profesional.

13. Actualización

¿Toda la información en tu sitio web está actualizada? Asegúrate de que la información de contacto comercial, así como las ofertas de servicio y de precios y toda la información en tu sitio web esté actualizada.

14. Molestias

¿Tu sitio incluye características que muchos usuarios consideran molestas? Algunas de estas características pueden incluir:

  • Menús emergentes

Las ventanas emergentes pueden cumplir un propósito comercial (como obtener suscripciones), pero generalmente son una molestia. Evalúa la necesidad de ventanas emergentes en tu sitio web y busca soluciones alternativas.

  • Autoreproducción

Si tu sitio web reproduce automáticamente música o videos cuando se carga la página de inicio, es momento de desactivar esas funciones.

  • Flash

Según Brian Barret, escritor de Wired, el software Adobe Flash es un diseño negativo porque:

Flash es un sistema cerrado y patentado en una web que merece estándares abiertos. Es un punching bag para hackers, que pone en riesgo a los usuarios una y otra vez. Es una batería de recursos pesados que en este punto la mayoría encuentra su compra en anuncios emergentes que de todos modos no querías ver.

15. Manejo de errores

¿Qué sucede cuando alguien va a una URL inválida o una página que no existe? Si ven un buen mensaje de error que los lleve al lugar correcto, date una palmada en la espalda. Buen trabajo. Lo correcto sería un mensaje personalizado 404 Página no encontrada. Lo que se vería fatal sería un mensaje predeterminado de 404 Página no encontrada. Si este es el caso, detén lo que sea que estás haciendo y haz que tu gurú de la web arreglé el manejador de errores inmediatamente.

¿Qué sigue?

Tus siguientes pasos dependerán en que tan bien te haya ido en la prueba de errores de diseño de sitio web.

Correo de propaganda

Si revisaste rápidamente el cuestionario y tuviste pocos o ningún error en el diseño de sitio web, probablemente estás listo para usar tu sitio web como una máquina generadora de oportunidades de ventas. Considera la posibilidad de integrar una solución de marketing por correo electrónico como GoDaddy Email Marketing, que cuenta con un simple compositor “drag-and-drop” que además tiene diseños optimizados para dispositivos móviles que se ven y que funcionan bien en cualquier dispositivo.

Social media

Del mismo modo, si tu diseño web está en sus mejores condiciones, empieza a vincular el contenido relacionado relevante en tu sitio cuando publicas en los canales de redes sociales de tu empresa.

SEO

Cuando estés feliz con el rendimiento y el aspecto de tu sitio web, tómate el tiempo para optimizarlo para los motores de búsqueda (si todavía no lo haz hecho, contrata a un experto en SEO que lo haga por ti). Puedes encontrar mucha información SEO de bricolaje en blogs, y GoDaddy ofrece servicio de SEO si prefieres dejar la optimización a los expertos.

Rediseño o relanzamiento. ¿Descubriste que algunos errores de diseño de sitio web están afectando la funcionalidad y el rendimiento de tu negocio? Aquí hay algunas opciones:

Soluciónalo tú mismo. Si tienes la habilidad, prioriza las correcciones necesarias y comienza a ponerlas en tu lista. Considera la posibilidad de crear un sitio web nuevo si tu sitio actual está plagado de problemas difíciles de arreglar, con una herramienta fácil para que lo puedas hacer tú mismo, como GoDaddy’s GoCentral Website Builder.

Contrata a un experto para que los arregle para ti. A veces, lo mejor es pedirle ayuda a un profesional. Solicita una referencia o consulta soluciones como GoDaddy’s ProConnect o Website Design Service.

Tu sitio puede funcionar las 24 horas del día, los 7 días de la semana para tu negocio. Haz la inversión para corregir estos 15 errores de diseño de sitio web, de modo que tu sitio ofrezca los mejores avances de la Web.

Quiero agradecer especialmente al colaborador Alan Zeichick por crear la lista original de errores de diseño de sitio web en la que se basó este cuestionario.

 

 

 

 

 

Andrea Rowland
A former small business owner and newspaper journalist, and a published nonfiction author, Andrea Rowland helps craft compelling communications for small businesses and web pros through her work as managing editor of the GoDaddy Garage. When she's not writing or editing, she likes to experiment with baking, travel, read, and dip her toes in the ocean.