¿Cuál es el propósito de tu página? Para algunos sitios web, la respuesta es relativamente sencilla. The Box Bros venden cajas de madera fabricadas en California. Lo más importante de su página es el comercio electrónico. Cuando entras en su página ves un vídeo de fondo sobre su tienda y su proceso de elaboración, con el botón de llamada a la acción "Shop Now" de manera destacada. El video llama la atención y el botón deja al visitante dos opciones muy claras: o comprar o abandonar la página.
Te convendrá poner la información más importante en la parte superior de la página, de manera que el visitante no tenga que desplazarse para localizarla. Weebly ha diseñado plantillas con esto en mente. Si echas un vistazo a todos los diseños para negocios, el eslogan de la marca o la llamada a la acción destacan por encima de todo lo demás.
No camufles tus intenciones
Cada página de tu sitio web debe tener un solo propósito específico. La página de inicio presenta el producto, el catálogo o los servicios. La página de información acerca de la empresa se encarga de compartir la historia de la marca. El blog proporciona contenidos importantes y te establece como una autoridad en tu nicho de mercado.
Para algunas páginas el objetivo puede ser menos obvio. ¿Has de recopilar correos electrónicos para tus estrategias de marketing principales? ¿Necesitas que los usuarios se registren para un webinario sobre conversión? ¿Estás intentando vender tu libro electrónico o que tus clientes reserven cita? Has de evitar incluir todas esas cosas en la misma página . Si se dan muchas opciones, el visitante se agobiará y es más probable que decida abandonar la página que intentar adivinar de qué va el asunto.
Cleanasaurus tiene un diseño maravillosamente simple y austero. Cada página tiene una intención clara y guía al visitante hasta generar una conversión de forma intuitiva.
Usa los colores inteligentemente en tus diseños
Cuando empezamos a diseñar una página, podemos sentir la tentación de incluir todos los colores que nos llamen la atención. Sin embargo, esto puede resultar muy confuso visualmente para el usuario. Divide el contenido en secciones, usando los mismos colores para contenidos similares.
Por ejemplo, todos los botones de llamada a la acción de tu sitio web deben ser del mismo color, y no será conveniente usar ese mismo estilo de botón para enlazarlo a la página de información o al blog. O puedes poner las opiniones de clientes sobre un fondo gris, separadas de las descripciones del servicio, éstas sobre un fondo blanco. Este truco tan sencillo permite que los usuarios entiendan mejor los contenidos y les ayuda a navegar por tus páginas.
No dejes que tus páginas pierdan fuelle
Es importante mantener el interés visual si quieres que el usuario siga desplazándose por tu web. Echa un vistazo a cómo Blue Mountain Vineyards mantiene la misma intensidad visual de la parte superior al utilizar imágenes de fondo e iconos que guían al usuario hacia la parte inferior de la página. El contenido sigue siendo atractivo conforme uno se va desplazando, lo cual invita a los visitantes a seguir explorando.
Lo que conviene evitar es colocar una imagen impactante en la parte superior seguida de párrafos muy densos que agobien al usuario. Si las páginas se van quedando sin fuelle según el usuario se va desplazando hacia la parte inferior, ten claro que los visitantes se van a aburrir.
Acaba la página con un mensaje claro
Ya que hablamos de la parte inferior de las páginas, hablemos de los pies de página. Esta es tu última oportunidad de convertir a los usuarios, así que es fundamental asegurarse de que entienden cuál es el siguiente paso. Puede parecer obvio, pero tienes que dejar tu información de contacto en el pie de página. Si estás utilizando una plantilla que no incluye un menú fijo, también llamado menú pegajoso, asegúrate de que los visitantes puedan encontrar el camino de regreso a la tienda.
Observa cómo Docking Drawer utiliza el pie de página para invitar a los visitantes a ponerse en contacto con ellos. Su llamada a la acción en el pie de página es "Contáctanos. Estamos aquí para ayudar." Y esa mensaje tan simple tiene un gran impacto en la percepción del usuario.
¿Todo listo para comenzar? Vamos allá.