Tema 28: Cómo diseñar una web. I Parte

cabecera tema 28

¡Buenos días!

¿Qué tal llevas la semana? Sé que no tenemos el sol y el calor de las anteriores semanas, pero es que así es la primavera, de hecho lo otro, era raro. Disfrutemos de lo que tenemos ahora. El día estará triste, pero nuestro ánimo y actitud están por las nubes. ¿O no? ¡Arranca el día!

A partir de esta semana y durante varias, te voy a explicar un poco el cómo diseñar bien una web. Y en cuanto a diseñar no me refiero a explicarte programas ni hablarte de HTML ni mucho menos (que bastante tienes tú ya en la cabeza como para aprender a programas, ¿o no?). Me refiero en cuanto al Marketing se refiere.

Un programador de HTML sabrá programar muy bien una web pero si no tiene conocimientos de diseño ni de marketing, poca probabilidad tendrá de que su web llegue al éxito. (y al revés, por supuesto).

Una herramienta que se utiliza mucho en Diseño Web y Marketing Digital son los MAPAS de CALOR

mapas de calor txt

Son gráficos que te permiten identificar aquellos puntos de tu web que atraen la atención de tus seguidores y lectores. Se presenta a través de la termografía y se representa a través de color cálidos (rojos, amarillos y naranjas son los puntos de más interés) y colores fríos (verdes, azules, y morados, son los puntos menos captados por el ojo del lector).

ejemplo 1

En este ejemplo vemos como toda la parte superior izquierda es la que mas llama la atención al lector.

De siempre se ha dicho de hecho, al menos cuando estudié diseño, que en la parte superior izquierda es donde se debería colocar el logotipo, ya que desde cualquier dispositivo es lo primero que se lee y/o ve.

Últimamente más por el diseño que por la usabilidad, veo que los logos los centran en la parte superior. Por estética es correcto, pero no todas las marcas pueden hacer eso, depende siempre de a qué público vayas dirigido.

He tenido algún contacto con empresas que por gusto puramente personal, han preferido tener el logotipo en la parte media y derecha… Desde mi humilde opinión, un verdadero error.

Vale, pero… ¿Y cómo sabes cuáles son los puntos calientes de mi web a través de los mapas calientes?

Esta técnica se basa en los “Eye-tracking“. Los investigadores llevan a cano un seguimiento de los movimientos oculares que realiza el usuario cuando está viendo tu web.

Con un buen estudio de Mapa de calor, sabremos corregir fallos que tenga nuestra web.

Para que lo visualices mejor, te pongo un ejemplo:

Imagínate que pensando que has diseñado la mejor web del mundo, insertas un vídeo en la home super grande, pero tu objetivo es tener suscriptores, y elbotón lo añades en la parte inferior del video donde tienes que hacer scroll (bajar con el ratón) para saber que es´ta ahí ese enlace. A ti te puede parecer una web genial, porque no caes en ese tipo de cosas porque tu cerebro ya sabe que tu botón de suscripción está algo más abajo. En cambio, con un mapa de calor, podrás observar que el lector visiona el vídeo y acto seguido se va. No hace scroll, no añade su email al formulario… Cuando veas ese error, te darás cuenta que si pones un botón de llamada a la acción mucho más cañero en la parte superior o al lado del video con un buen diseño, obtendrás unos resultados bastante diferentes.

Tranquila, esto es prueba y error. Tendrás que ir cometiendo fallos para aprender, porque por mucho que estudiemos de todo (técnicamente imposible), siempre nos faltarán cosas por aprender. Por eso de.. Zapatero a tus zapatos. E Invierte en tu negocio. Será rentable.

Algunas webs que hacen mapas de calor son :

(Ojo, no he encontrado ninguna gratuita al completo, eso sí, son Free una prueba de tantos días).

Tampoco me quiero explayar mucho en este tema porque aunque es bastante importante, creo que hay mil cosas más para aprender o simplemente para saber que existen.

Cómo última recomendación con respecto a los mapas de calor te diré que existe otra herramiena que son los mapas de clicks. Aunque no es son exactamente igual que los mapas de calor, los resultados son similares, incluso con mayor fiabilidad. Dentro de esta herramienta podríamos destacar por encima de todo a Google Analytics, que la veremos en una de las partes de este tema de Diseño de Web.

Esta herramienta de google no es exactamente un mapa de calor, nos indica en qué enlacen ha hecho click nuestro seguidor y cuantas veces han visitado la página (vaya, las estadísticas de cualquier blog o web).

Al final, con todo lo que tengas pensado para tu web, tendrás que crear un esquema de lo que quieres realmente, dónde quieres tal botón, cuantas pestañas, cómo será el pie de la web, cuántos botones, cuanto texto, cuál será la llamada a la acción.

Y recuerda, siempre bajo una estrategia y unos Objetivos claros.

Estos temas te los explico para que indagues y rebusques por la red, para que muevas el culo y empieces a diseñar una web con la que todo el mundo se quede flipado.

ejerciciossemana

  • Objetivos claros y sobre ellos, estrategia web.
  • Haz un esquema de lo que quieres para tu web. Qué pestañas, cuántos botones, dónde lo quieres colocar, qué tipo de gráfica…
  • Apunta algunas webs que te sirvan de inspiración.
  • Blog o Web (para tenerlo más claro relee este post)
  • ¿Cuál será tu llamada a la acción?, Es decir, ¿qué quieres conseguir del cliente? Este tema, el jueves que viene.

Espero te haya servido de ayuda, que haya despertado en ti la curiosidad y que te pongas manos a la obra.

¿Me cuentas qué es lo que más te preocupa de tu Web o Blog? Si nos ayudamos tod@s, más podré ayudaros a vosotr@s, necesito saber de vuestros puntos débiles en cuanto a montar un negocio se refiere.

Hasta el jueves que viene! Que disfrutes del finde semana que ya se aproxima.

compartir