Queremos compartir contigo algunas claves que debes tener en cuenta al momento de realizar el diseño web de tu sitio, o a la hora de rediseñarlo.
Estamos convencidos que el diseño web debe regirse a la funcionalidad del sitio más que al «gusto» de tus familiares o amigos al que le enseñas tu sitio web.
Por eso, compartimos contigo algunas de las principales claves.
1. Claridad en el diseño web sobre todas las cosas
Seguimos siendo primitivos. Cuando vemos algo por primera vez, nos preguntamos al instante: ¿Qué es?, ¿Lo puedo comer?, ¿Es peligroso?, ¿Me comerá?
No es de extrañar entonces que cuando se le pregunta a la gente ¿qué es más importante para ellos en un sitio de Internet? Nos digan ‘encontrar cosas que me interesan’
Cuando un usuario llega a tu página web, necesita respuestas y las necesita rápido. El usuario se hace preguntas como:
- ¿Qué es este sitio?
- ¿Qué puedo hacer aquí?
- ¿Qué es lo que estoy buscando?
- ¿Por qué debo ponerme a leer lo que me dicen?
- ¿Es útil para mí?
Si quieres una página web atractiva, debes aprender a elaborar una propuesta de valor convincente. Tu propuesta de valor debe responderle a tu cliente esto: «¿Por qué debo comprarte a ti y no a la competencia?»
Y cuidado que no es sólo la página de inicio la que debe quedar clara: todo el sitio lo tiene que ser. Si hablamos de una Tienda Online, las páginas de productos deben ser claras, las páginas del proceso de compra más aún, y así sucesivamente.
El Cerebro humano procesa imágenes 50 veces más rápidos que un texto. Es una buena idea para mostrar cuando vendes un producto.
Por alguna razón ciertas empresas están convencidas que deben empezar lanzando palabras, como «lo mejor», «más fácil», «más rápido» y así sucesivamente, en los textos de su página web. Puede que sea cierto, pero si te basas solamente en lo que piensas de tu empresa, no te aconsejamos que lo digas.
2. Cuidar el aspecto
Una vez que el visitante entiende que está en el lugar correcto y lo que ofrecemos es interesante, es nuestro trabajo impactar en él y empujarlos hacia el embudo de venta. (hacer que contacte)
Las primeras impresiones son las más importantes
El ser humano tarda unos 50 milisegundos (eso 0,05 segundos) para que los usuarios formen una opinión sobre su sitio de Internet que determine si les gusta su sitio o no – ya sea que tenga que quedarse o irse.
Existen diferentes factores que dificultan la confianza de los sitios web en línea: diseño complejo, la carga de la página web es muy lenta, la falta de ayudas a la navegación, anuncios pop-up que salen por todos lados, letra pequeña, demasiado texto, apariencia corporativa, servicios de búsqueda pobres, etc.
Por eso una navegación visual atractiva es la principal razón por la que la gente valora un sitio web.
La primer impresión que el usuario recibe del sitio es importante por estas 3 razones:
- Primeras impresiones conducen a una mayor satisfacción
- Atractivo visual es tan importante como la facilidad de uso para la percepción del usuario
- Las primeras impresiones pueden durar años
Pongamos el ejemplo de un coche: la mayoría de la gente concluye que “es un buen coche” únicamente por el aspecto, sin saber absolutamente nada de motores, bujías y etc. Lo mismo ocurre con el sitio Web.
Si proporciona una buena primera impresión, su trabajo será mucho más fácil. Una primera impresión negativa será un lastre y afectan la percepción toda sobre sus productos y servicios. “Si se ve como una mierda, debe ser una mierda!” es lo que piensa un usuario de internet.
¿Qué hace que un diseño web sea bueno?
A mí me gusta el color naranja, y a ti te gusta el color verde. ¿Entonces qué es lo que hace a un diseño bueno?
Un diseño bueno es hacer un diseño web sencillo y familiar. Seguir las convenciones, ya que la gente tiene una idea fija de lo que un sitio (por ejemplo de comercio electrónico) debería ser. Si vas de innovador con diseños no convencionales verás que las personas son menos propensas a apreciarlas y dejarán rápidamente tu sitio.
3. Mantener una jerarquía visual
¿Qué es esto? Es el orden en el que el ojo humano percibe lo que ve.
Ciertas partes de una página web son más importantes que otras (formas, llamadas a la acción, propuesta de valor, etc.), y si deseas que llamen más la atención que las partes menos importantes, deberás representarlo.
¿Si el menú de su sitio web tiene 10 artículos, todos ellos son igualmente importantes? ¿Dónde deseas que el usuario haga clic?
Es importante que sepas que la Jerarquía no proviene sólo de tamaño. Amazon, por ejemplo, hace el botón ‘Añadir al carrito’ más prominente usando un color llamativo.
Entonces si vamos a resaltar un sitio lo que primero debemos tener en cuenta es el objetivo del negocio:
Debemos establecer elementos en la página web basados en el objetivo de negocio. Si no tenemos definido un objetivo específico, no sabremos qué priorizar.
Pero para que un diseño tenga éxito se deben respetar los espacios en blanco ya que ayudan a enfatizar lo que importa. Esto que parece obvio, muchas veces no lo es.
Muchas páginas de productos de comercio electrónico son muy diferentes a esto que decimos. Tienen imágenes mucho más pequeñas, demasiadas cosas al lado de la imagen, un menú con muchos colores, etc.
4. Conservar a toda costa la atención
Una vez que el usuario sabe que tu página web tiene algo que le interesa, el diseño visual del sitio es claro y a través de la jerarquía visual se centran en lo que importa, es importante conservar la atención del usuario a toda costa.
Esta etapa comienza en dónde tu pones cosas: la mayor parte del tiempo de visualización se dirige por encima de la producto y en el lado izquierdo de la pantalla.
Llamando la atención
Investigaciones de la neurociencia nos dicen que nada llama la atención como una imagen. Lo importante es mantener las imágenes correspondientes a lo que vendes:
Es muy importante trabajar los contrastes. Antes / después. Entonces / ahora. Nuestras mentes están diseñadas para detectar las diferencias. En la edad primitiva necesitábamos analizar los horizontes para detectar si algo ha cambiado, si había un depredador al acecho en las sombras, un enemigo acercarse o algún animal que nos pudiéramos comer.
Debemos mostrar el valor que agrega su negocio a través del contraste. Funciona muy bien para llamar la atención.
Otro mecanismo es “la sorpresa”. Cuando de repente aparece aquello que no esperábamos, prestamos atención. Debemos averiguar cómo se ajusta a lo inesperado las ventajas de su marca.
Conservando la atención
¿Cuáles son las 2 maneras más fáciles de MATAR la atención de un usuario?
- Un montón de texto.
- Palabras irrelevantes, centradas en el ego de la empresa.
Malos ejemplos de malos muchachos:
- «Bienvenido a nuestro sitio web». Completa pérdida de espacio que no resuenan con nadie. Todos somos bienvenidos en todos los sitios público en internet!
- «Quiénes somos». ¿A quién le importa! La gente se preocupa por ellos mismos y sus problemas.
- «Nuestra filosofía». ¿En serio crees que importa? Nadie hace click alli!
Lo primero que debemos hacer es crear contenido relevante, interesante.
El ojo humano constantemente está tratando de reconocer patrones. Una vez que identifica a uno, ignorará a otro. Por esta razón es fundamental darle vida a nuestro diseño web para llamar la atención.
¿Te han sido de utilidad estas claves? ¿Ya las conocías? ¿Las utilizas en el diseño web de tu página? Esperamos que puedas compartir este post y quedamos a la espera de recibir tus comentarios!
