31/07/2012
6 consejos que mejorarán el diseño y la usabilidad de tu página web
Pensemos en este caso: Estás recurriendo al SEO para incrementar eltráfico hacia tu web y para permitir que tus prospectos te encuentren fácilmente en internet. Por lo tanto, tu siguiente propósito debe ser conseguir que el público obtenido se quede en tu sitio web.
Existen un sinfín de sitios a los que muchos usuarios suelen abandonar inmediatamente, sin siquiera navegar por sus secciones y páginas (a esto se le conoce como “tasa de rebote”).
E incluso en muchas ocasiones, estos usuarios se pierden para siempre. Esto sería el peor resultado para tu posicionamiento, sin mencionar que no estarías beneficiándote de tu campaña de SEO.
Por esta razón, te daremos varias pautas de diseño que podrás seguir para mejorar la experiencia de las personas en tu sitio web, disminuyendo el porcentaje de abandonos y rebotes.
1. Deja una excelente primera impresión en tus visitantes
Tu sitio web forma parte de lo que eres y lo que tienes que ofrecer al mundo. Cuando las personas lo ven por primera vez, algunas variables se pondrán en duda dentro de sus cabezas:
• ¿Es este sitio creíble?
• ¿Me expresa confianza?
• ¿Luce profesional?
• ¿De qué forma puedo encontrar aquí lo que quiero o necesito?
• ¿Este sitio me hace sentir bienvenido?
• ¿Estaré en el lugar correcto?
Es necesario formularse estas preguntas al diseñar tu sitio web.
Puede que el diseño en sí, no represente el factor más esencial, aunque muchas veces la gente dedique mucho tiempo y dinero en este aspecto en lugar de averiguar cómo funciona internamente un sitio web, pero lo que es cierto, es que juega un importante papel tratando de lograr una buena primera impresión.
Consejos útiles para un buen diseño de páginas web.
• Uso de los colores adecuados: Emplea los colores indicados para llamar oportunamente la atención de tu público al seleccionar elementos, sin exagerar. No intentes que todo resalte. Evita combinaciones caóticas de muchos colores, y en su lugar, elije de dos a cuatro colores de la plantilla que vayan bien con tu empresa y materiales de marketing.
• Animaciones, gadgets y medios de comunicación: Evita todo elemento que sea innecesario. Usar demasiadas animaciones flash, sólo porque suelen verse bien es una estrategia errónea. En el mayor número de casos, es preferible evitar el uso de fondos animados o con sonidos y música de fondo. Reserva los medios de comunicación y animaciones para ayudar como respaldo y asistencia del contenido e información que presentes.
• Estructura del sitio: Diseña y ofrece una estructura clara de navegación que no confunda a los visitantes, y organiza inteligentemente los elementos de la página, en lugar de dejarlos dispersos al azar. Además, no tengas miedo de dejar espacios en blanco, y evita un look de desorden.
• Tipografía: Asegúrate de ofrecer un sitio legible. Usa fuentes, tamaños y colores simples, que no sean complicados de leer. Mientras que para que la digitalización de la página sea más sencilla, usa viñetas, encabezados de sección y mantén párrafos cortos y concisos. Si tu página web es en inglés o español, asegúrate de tener en cuenta que la información y todo contenido fluya de izquierda a derecha, y de arriba a abajo. Casi siempre es preferible tener un fondo blanco o claro, con texto oscuro.
Aunque es evidente el importante papel que juega el diseño, nunca hay que olvidar que un buen contenido es lo que las personas que ingresan a tu sitio buscan en primera instancia.
Un sitio web bien diseñado podría ser capaz de convencer a los visitantes a darle un vistazo más cercano, pero no van a observarlo por segunda vez si el contenido no es útil y atractivo, o no se encuentra organizado apropiadamente. Después de todo, nunca conseguirás una segunda chance para dejar una gran primera impresión.
2. Mantener la consistencia
Lo ideal es mantener los elementos de tu sitio bastante consistentes de una página a otra. Es decir, que cada sección o página que forman tu sitio, sean parte de un todo.
Estos elementos incluyen colores, tamaños, diseño y la colocación de los mismos. Tu sitio tiene que contar con un buen flujo o navegación de página a página. Es por esto, que los colores deben ser fundamentalmente los mismos, así como la fuente utilizada y la estructura del diseño.
Los elementos de navegación deben permanecer estáticamente, en la misma ubicación de la plantilla a través de todas las páginas del sitio web.
¡Exponer una marca consistente en cada rincón de la web importa!
Existen tres diseños para la estructura de la información en las páginas de la mayoría de los sitios web:
• Para la página de inicio
• Para las páginas de contenido
• Para las páginas de formulario.
Tu página de inicio contará con un diseño diferente al de una página de aterrizaje para alguno de tus anuncios de Google AdWords. Mantén los elementos de estos diseños constantes para aumentar la integridad del sitio. Esto evitará que tus visitantes tengan la sensación de estar perdidos.
3. Usa las imágenes adecuadas
Las imágenes pueden representar un elemento poderoso para cualquier página web, siempre y cuando se usen con sabiduría. Existen fotografías de archivo gratuitas de bancos de imágenes disponibles en internet.
Estas imágenes son muy fáciles de obtener, pero ¿serán realmente las imágenes adecuadas para usar en tu sitio?
MarketingExperiments desarrolló un experimento comparando el uso de la fotografía de archivos con imágenes de personas verdaderas en un sitio web, y cada efecto observado en nuevos potenciales clientes.
Lo que concluyeron fue que las fotos auténticas de personas, superaron a las imágenes de stock en un 95% en su poder para atraer clientes. ¿Por qué? Al ser imágenes de archivo, suelen carecer de relevancia.
Resístete a la tentación de utilizar fotos genéricas de falsos hombres de negocios en corbata dándose la mano o sonriendo. Esas imágenes ya nadie se las cree, busca y expresa autenticidad con tu material gráfico.
4. Crea un sólido sistema de navegación
Tal vez uno de los elementos principales para retener visitantes en tu sitio, es poseer un sistema de navegación sólido que entienda y soporte todas las preferencias de búsqueda que puedan tener los usuarios.
De hecho, más del 75% de los encuestados en un estudio de HubSpot reciente, señalan que el elemento fundamental en el diseño de las páginas web es:
• La facilidad para encontrar información (76%).
• La apariencia del sitio (10%)
• La Experiencia de uso (9%)
• Otro (5%)
Si tus visitantes no logran encontrar lo que buscan, se darán por vencidos y se irán a otro sitio que les ofrezca de forma más fácil lo que buscan.
Veamos algunos factores importantes en la navegación de un sitio web:
• Mantén la estructura general de tu navegación muy simple y visible, en la parte superior.
• También incluye la navegación en el pie de página de tu sitio.
• Haz uso de “migas de pan” en cada página (claro, a excepción de la página de inicio) para que las personas sepan como volver atrás y sean conscientes de la ruta de navegación que han realizado.
• Ofrece un cuadro de búsqueda, visible en la parte superior de tu sitio para que los usuarios puedan encontrar lo que buscan con palabras clave.
• No ofrezcas demasiadas opciones de navegación en una página para no saturarla.
• Evita profundizar demasiado. En general, lo mejor es mantener la navegación a no más de tres niveles de profundidad.
• Agrega enlaces dentro de tu copia de la página, y asegúrate de dejar en claro a donde dirigirán los enlaces al usuario. Esto es esencial en todo buen SEO.
• Evita usar JavaScript –especialmente Flash– en la navegación. Muchos teléfonos móviles, como iPhones, no reconocen Flash (todavía), por lo que algunas personas no podrán navegar por tu sitio web. Lo mismo se aplica para los navegadores web que no cuentan con una versión actualizada de Flash instalada.
• Ten en mente las necesidades de tu público. Pregunta si se ve claramente a donde deben ir para encontrar lo que quieren.
• La regla principal para una estructura de navegación eficiente es sencilla: no requerir que los usuarios tengan que pensar demasiado a dónde tienen que ir y cómo llegar allí. Mantenlo fácil e intuitivo.
5. Limitar el uso de Flash y Animación
La animación Flash capta la atención, sí, pero también suele distraer a la gente de permanecer en tu sitio o realizar alguna conversión.
No sólo algunos móviles carecen de la capacidad para ver animaciones Flash, sino que mucha gente simplemente no desea ser molestada con sonidos inesperados y animaciones que se reproducen sin ser solicitadas.
Si el uso de animaciones es necesario, considera usar HTML5 en lugar de Flash. Es una buena alternativa para la navegación compatible con Flash.
6. Que sea accesible
Asegúrate de que cualquier usuario que pretenda visitar tu sitio web pueda verlo, sin importar qué navegador o aplicación esté ocupando. Con el fin de obtener un tráfico significativo, tu sitio debe ofrecer la máxima compatibilidad con múltiples navegadores y dispositivos.
Con el aumento del uso diario de teléfonos móviles y “tablets”, la gente está navegando por Internet más que nunca. Asegúrate de ganarte esas visitas, permitiéndoles llegar a tu sitio, independientemente del tipo de sistema que tengan o del navegador que usen para entrar a internet.
¿Qué otros elementos crees que ayuden a lograr un diseño web excepcional y simple de usar?
