Mapas de calor con la herramienta Eyequant

Los mapas de calor son grá­fi­cos que per­miten iden­ti­ficar los pun­tos calientes de una web; es decir, qué zonas atraen más a los usuar­ios. Para hac­er un análi­sis de estos pun­tos hemos emplea­do la her­ramien­ta Eye­quant.

Herramienta Eyequant

Dicha her­ramien­ta tiene una ver­sión gra­tui­ta y otra de pago que hace un análi­sis más pro­fun­do y test con usuar­ios reales. Esta her­ramien­ta se basa en unos parámet­ros que tienen en cuen­ta el com­por­tamien­to humano a la hora de inter­ac­tu­ar con una inter­face grá­fi­ca como es una pági­na web, resaltan­do aque­l­los pun­tos que por situación col­or o for­ma son más per­cep­ti­bles por el usuario.

A con­tin­uación se expo­nen algunos de los test a los que se ha someti­do la pági­na web Vis­it­gan­dia como son el mapa de per­cep­ción, mapa de aten­ción y por últi­mo clar­i­dad de visu­al­ización.

El mapa de percepción

El mapa de per­cep­ción indi­ca en los tres primeros segun­dos en los que el usuario ve una pági­na web cuales son los ele­men­tos que primero ve, este test con este tiem­po lim­i­ta­do es impor­tante ya que esta primera per­cep­ción puede que el usuario vea los ele­men­tos más impor­tantes, ya sea porque real­mente le intere­sa el con­tenido o porque se le está ofre­cien­do un val­or aña­di­do de imá­genes o fras­es que le pueden resul­tar atrac­ti­vas.

irene-ferrer-mapa-percepción-proyecto-seo
Fig. El mapa de per­cep­ción.

En la cap­tura  se apre­cia la ima­gen de la pági­na prin­ci­pal de Vis­it­gan­dia con una capa opaca en negro dejan­do ver con trans­paren­cia solo aque­l­los pun­tos que en 3 segun­dos el usuario le da tiem­po de visu­alizar.

irene-ferrer-mapa-calor-usabilidad-seo
Fig. Mapa de calor.

Mapa de atención

Atten­tion map” o mapa de aten­ción, se obser­van aque­l­los pun­tos que en un test, con más tiem­po de visu­al­ización, atraen más la aten­ción del usuario, gen­eral­mente coin­ci­den con el mapa de per­cep­ción, pero con este mapa podemos ver que las zonas más rojas son las que más se detiene la mira­da de los usuar­ios.

irene-ferrer-mapa-claridad-usabilidad-seo
Fig. “Atten­tion map” o mapa de aten­ción.

Por últi­mo el test de clar­i­dad de visu­al­ización, este tipo de test indi­ca como de limpio, sen­cil­lo y claro es el dis­eño del sitio.
Apple, Google, Drop­box son las com­pañías más exi­tosas se car­ac­ter­i­zan por su dis­eño limpio, sim­ple y claro. La IA del algo­rit­mo se basa en las respues­tas de miles de usuar­ios. Áreas verdes en el mapa con­tribuyen a una sen­sación de clar­i­dad, sen­cillez y orga­ni­zación. Las zonas rojas son las zonas más ric­as visual­mente y pueden con­tribuir a la car­ga cog­ni­ti­va.

La her­ramien­ta Eye­quant, hace una com­para­ción de la web Vis­it­gan­dia com­parán­dola con un lis­ta­do de 10.000 pági­nas web de todos los ámbitos, dán­dole a Vis­it­gan­dia una pun­tuación de 61% de clar­i­dad con respec­to a estas 10.000 pági­nas, rev­e­lando un dato muy pos­i­ti­vo en cuan­to a clar­i­dad y limpieza del dis­eño.

[ssba-but­tons]

Artículos Relacionados

No Comments

Sorry, the comment form is closed at this time.