6 Errores en el Diseño de tu Sitio Web Que Podrían Estar Alejando a tus Prospectos

Es fácil pensar que tu sitio web debería estar siempre a la vanguardia en las últimas tendencias en diseño web; sin embargo, no hay que olvidar el objetivo final del sitio web de tu firma legal: convertir visitantes en clientes. En esta publicación discutiremos seis errores comunes que la gente podría estar cometiendo al diseñar un sitio web y que podrían estar afectando el propósito de su sitio.

Tiempo Aproximado de Lectura: 10 Minutos

Seguramente te has topado con un sitio web que encuentras visualmente llamativo porque sigue ciertas tendencias en diseño web o porque usa efectos visuales novedosos. Rápidamente te viene a la mente como tu sitio web se podría beneficiar al contar con una apariencia similar. Sin embargo, debes considerar que ese sitio pudo haber sido diseñado con unos objetivos completamente diferentes a los tuyos, e incluso posiblemente incompatibles. Siempre habrá nuevas tendencias en diseño web, y muchas de ellas vendrán y se irán rápidamente, e incluso algunas podrían interferir con la optimización de tu sitio para motores de búsqueda (¿recuerdas cuando muchas de las páginas principales de sitios web se encontraban cargadas de animaciones Flash? El gran enemigo del SEO). En lugar de ello debes enfocarte en tener un diseño efectivo que sirva a los propósitos que tu sitio web ofrece a tu negocio. Para que un sitio web de una firma legal sea efectivo (1) su diseño no debe interferir con SEO, y (2) debe convertir a los visitantes en clientes potenciales.

Cada sitio web es diferente, y cada sitio recibe tipos y volúmenes distintos de visitantes. Por lo tanto, antes de considerar un rediseño completo o pensar en implementar un efecto visual innovador en tu sitio, debes evaluar cuidadosamente si dichos cambios tendrían un impacto positivo en las conversiones de tu sitio.

A continuación enumeramos algunos de los errores más comunes en el diseño de un sitio web que hay que evitar:

1. Mala Experiencia de Usuario para Dispositivos Móviles.

Para muchos profesionistas legales, la experiencia de usuario en dispositivos móviles es la clave para conseguir nuevos clientes a través del Internet. Con más de la mitad del tráfico viniendo de móviles hoy en día, un diseño web responsivo no es sólo una moda sino una necesidad. Los sitios web que cuentan con un diseño responsivo se adaptan dinámicamente a los dispositivos de los usuarios y sus tamaños de pantalla. Sin embargo, un diseño web responsivo no es suficiente para asegurar una experiencia de usuario móvil satisfactoria.

Evita ver a tu sitio móvil como sólo un versión simplificada de su versión de escritorio.

Muchos diseñadores continúan diseñando sitios web enfocándose principalmente en una experiencia de escritorio, aun cuando la variedad en tamaños de pantalla y dispositivos móviles continúa creciendo casi diariamente. A menos que el diseñador trate al usuario móvil en forma separada y diferente con su propio conjunto de comportamientos y expectativas, un diseño responsivo no bastará para proveer una experiencia de usuario placentera en dispositivos móviles.

Nosotros recomendamos adoptar un enfoque diferente al momento de diseñar tu sitio web: piensa en móvil primero. Esto es especialmente importante para firmas legales que buscan llegar a consumidores, tal como abogados especializados en daños personales, derecho penal, y derecho familiar. El diseño con enfoque en móvil (“Mobile-first design”) es una técnica donde el diseño comienza considerando primero como se verá en pantallas pequeñas y después como el diseño se irá expandiendo a pantallas de mayor tamaño (en contraste con el enfoque tradicional donde se le da prioridad a la versión de escritorio). Recuerda que el tráfico móvil representa la mayoría hoy en día, y sólo continúa creciendo. Diseñar para tus visitantes móviles debe ser tu prioridad, no algo que puedes dejar para más tarde en el proceso de desarrollo de tu sitio web.

2. Una Baja Legibilidad.

La buena tipografía es esencial para un diseño de buena calidad. No podemos perder de vista que la mayoría del contenido de un sitio web es simplemente texto. Algunas veces la gente piensa que sólo cambiando la tipografía de un sitio web – la fuente o familia tipográfica, el tamaño del texto, o incluso el color – automáticamente le dará una apariencia más moderna. Aunque eso podría ser el caso en algunas instancias, cambiar la tipografía sólo podrá mejorar tu sitio web si se hace en forma cuidadosa. Aquí mostramos un par de ejemplos de cómo unos cambios tipográficos podrían afectar a tu sitio web:

• Usar una combinación de colores de bajo contraste. Algunos diseños que dicen ser “limpios” o “minimalistas” usan combinaciones de colores de bajo contraste. El texto con bajo contraste afecta la usabilidad de tu sitio porque hace al texto más difícil de leer. En dispositivos móviles, donde el tamaño de pantalla es todavía más chico,  esto se convierte en un problema mayor. Podrías estar perdiendo clientes potenciales simplemente por el hecho de hacerles más complicado poder leer la información en tu sitio web. No significa que siempre tienes que usar texto negro sobre un fondo blanco o viceversa, pero como regla general, la mejor combinación consiste en usar texto oscuro sobre un fondo claro porque simplemente es más fácil de leer.
• Usar solamente fuentes personalizadas (“custom web fonts”). Las fuentes personalizadas ciertamente tienen su atractivo y pueden ser más interesantes que las fuentes estándares que vemos en todos lados. Sin embargo, una desventaja de usar fuentes personalizadas es que conllevan un costo de rendimiento, dado que la fuente misma tiene que ser descargada al navegador. Esto influye indirectamente en el tiempo de carga y la experiencia de usuario en general porque el texto no se mostrará con la nueva fuente sino hasta que todos los archivos de la fuente hayan sido descargados completamente. En consecuencia, recomendamos usar ya sea solamente fuentes seguras (por ejemplo, fuentes pre-instaladas en sistemas como Arial o Times New Roman) o fuentes de Google que al ser utilizadas en muchos otros sitios, usualmente se encuentran cargadas en el caché del navegador (por ejemplo, Open Sans, Roboto).

3. Una Pobre Navegación en la Barra Principal.

La navegación de un sitio web involucra muchos aspectos, incluyendo la organización de tu contenido. La navegación principal de un sitio web usualmente se encuentra en su encabezado en forma de una barra de navegación. La barra de navegación es uno de los elementos de diseño más importantes de un sitio, no solamente porque guía al usuario más allá de la página principal, sino también porque es una herramienta que dota al usuario de un sentido de dirección para navegar fácilmente a través de tu sitio web.

Es sorprendente que una de las tendencias actuales para lograr una apariencia moderna o minimalista es ocultar o hacer menos evidente este elemento de navegación en un sitio web, bajo el argumento que podría estar distrayendo al usuario de otros elementos visuales en el encabezado. Sin embargo, el comportamiento más común de los usuarios cuando aterrizan en un nuevo sitio es escanear para ubicar las opciones disponibles, y si a primera vista no encuentran lo que están buscando entonces lo más probable es que abandonen el sitio.

Sugerimos seguir patrones de diseño conocidos para poder garantizar que el usuario pueda acceder en forma rápida y fácil al contenido dentro de tu sitio. Entre estos  patrones de diseño se encuentra contar con una barra de navegación simple en el encabezado de tu sitio con las categorías de contenido más importantes que los usuarios esperan encontrar. Normalmente esto lleva a tener entre 6-8 opciones en la barra: Inicio, Acerca de la Firma y/o los Abogados, Áreas de Especialización o Práctica, y Contáctanos, entre otros. Debemos recordar que solamente las opciones principales deberán mostrarse en la barra de navegación. Saturar al visitante con demasiadas opciones puede ser contraproducente. Como regla general, hay que mantener la navegación simple y fácil de usar.

4. No Destacar la Información Más Importante de Tu Página Web.

Algo similar al uso incorrecto de tipografía ocurre con otros elementos visuales importantes en los sitios web. Frecuentemente la gente cree que resaltar ciertos elementos como las llamadas a la acción (“calls-to-action”) puede resultar en que el diseño de tu sitio web se vea demasiado cargado. Sin embargo, al no hacerlo estás perdiendo una oportunidad única para alentar a los visitantes a tomar esas acciones que tu sitio web tiene el objetivo de facilitar. Es esencial que los elementos clave de tu sitio web sobresalgan visualmente, y al mismo tiempo, asegurarse que no haya demasiados elementos compitiendo por la atención del visitante. Lo que debes buscar es que los visitantes se enfoquen en aquella acción que tú quieres que tomen, la cual en la mayoría de los casos es que contacten a tu firma legal. 

Un buen diseñador es capaz de resaltar los elementos visuales importantes en forma sutil y en armonía con el resto de los elementos en la página web. Una de las tendencias más populares en el diseño moderno es el diseño plano (“flat design”). Introducido por Microsoft y adoptado más tarde por Apple y Google, el diseño plano usa elementos simples de dos dimensiones y reduce el uso de sombras y texturas. Una de las desventajas del diseño plano es que ciertos elementos de la interfaz de usuario dejan de ser evidentes (por ejemplo, un botón puede ser confundido con una simple caja de texto). Por lo mismo, algunos opinan que el diseño plano fue demasiado lejos con respecto al diseño minimalista, causando serios problemas de usabilidad. Un consejo sencillo es tratar de hacer obvio cada elemento (por ejemplo, el usuario debe de reconocer a un botón como algo sobre lo que puede hacer clic) y el texto siempre debe ser legible independientemente si está sobrepuesto sobre una imagen o un fondo sólido. También debes colocar tus llamadas a la acción estratégicamente, de tal manera que siempre estén visibles para cuando el visitante está listo para tomar una decisión o acción. 

Por último, es necesario que la información de contacto, tal como tu dirección y números telefónicos, sea clara y fácil de distinguir. Recuerda incluir también información útil como tus horas de oficina. Si tu página web tiene una barra o recuadro lateral, ese puede ser un buen lugar para incluir información de apoyo que permita a los usuarios conocer más sobre los servicios que provees y los beneficios que ofreces. En otras palabras, la información esencial de tu negocio (que los visitantes podrían estar buscando tan pronto aterrizan en la página principal de tu sitio web) debe ser claramente identificable, o deberán existir enlaces en dicha página que permitan a los visitantes navegar a las páginas internas donde podrían encontrar más detalles.

5. Usar Ventanas Emergentes (Pop-ups).

Es el momento de reevaluar el uso de ventanas emergentes en tu sitio web. El uso injustificado e indiscriminado de ventanas emergentes puede arruinar la percepción de los visitantes sobre tu sitio web y dañar la experiencia de usuario. La experiencia de usuario es importante para que un sitio web cumpla sus objetivos, especialmente en dispositivos móviles donde el área de interacción es menor. El mal uso de ventanas emergentes es unas de las razones principales por las cuales un usuario abandona un sitio y, peor aun, que lo termine bloqueando.

Por supuesto, no todas las ventanas emergentes son malas. Su mala reputación se debe principalmente a un pobre diseño o implementación. Sugerimos usar ventanas emergentes solamente como un medio de confirmación de una acción, para obtener retroalimentación, o para compartir contenido de interés. También, piensa cuidadosamente sobre el momento oportuno para mostrar la ventana emergente y su posición en la página web. Si estás considerando implementarlas en la versión móvil de tu sitio web, asegúrate que no obstruyan el contenido principal de tu sitio, su navegación, o llamadas a la acción (como botones para hacer llamadas telefónicas), y sobre todo que sean fáciles de cerrar. Antes de decidir sobre usar ventanas emergentes en tu sitio web, pregúntate si sus beneficios superan los costos potenciales.

6. Archivos Multimedia e Imágenes de Gran Tamaño.

Una nueva tendencia consiste en utilizar imágenes de gran tamaño, animaciones, o videos que se reproducen en el fondo al momento de entrar a un sitio web. Mientras que algunas personas podrían pensar que gráficos llamativos captarán la atención de los visitantes, en realidad se convierten en distractores de lo que más importa para tus conversiones: tu contenido. Imágenes y archivos de gran tamaño pueden no sólo hacer que el diseño se vea cargado, sino que también tienen un impacto directo en el tiempo de carga de la página web. No solamente los visitantes podrían reaccionar negativamente a tiempos de carga más largos, sino que Google mismo ha indicado que el tiempo de carga es un factor de posicionamiento (“ranking factor”). Los beneficios de este tipo de efectos son tenues, por lo cual el costo de agregarlos muchas veces no vale la pena.

Recomendamos usar imágenes y videos cuando realmente sea necesario y relevante para la experiencia de tus usuarios. Las imágenes deben ser pensadas principalmente como un apoyo para el texto en tu página web. Existen otras formas de animación que no impactan el tiempo de carga y son menos intrusivas (por ejemplo, las micro interacciones). Las micro interacciones mejoran la manera como la información es presentada y agrega elementos dinámicos en forma sutil a experiencias que normalmente son estáticas. Por ejemplo, estas pequeñas animaciones (que son implementadas principalmente sólo con código) podrían mejorar la experiencia para el visitante sin alentar el tiempo de carga de la página. La clave es captar la atención del visitante justo en el momento correcto sin afectar negativamente el rendimiento de tu sitio o la percepción que los visitantes podrían tener del mismo.

Conclusión

Hay muchos factores que contribuyen a un diseño efectivo que capte la atención de los visitantes, los convierta en prospectos de calidad, y en clientes finalmente. Es importante seguir un enfoque holístico en el diseño de un sitio web que no ignore ni termine dando demasiado peso a un solo factor. Recuerda que tus visitantes consumen contenido visual diariamente, por lo que debes asegurarte que el diseño de tu sitio web sea agradable y ofrezca una experiencia de usuario optimizada.  

Recuerda el viejo dicho: “que puedas hacer algo no significa que debas hacerlo”. Esto no quiere decir que debamos ignorar nuevas tendencias en el diseño web. Sólo sugerimos evaluar cuidadosamente una tendencia antes de adoptarla para asegurarnos que efectivamente ayudará a tu sitio web a cumplir su propósito. También, busca encontrar la manera más eficiente de implementarla. Finalmente, evita diseñar para ti mismo; en lugar de eso, siempre debes recordar que estás diseñando para tu audiencia.

Read this post in English at Justia Onward.