En Virtual Hosting realizaron una interesante recopilación de puntos basandose en un estudio que utilizo la tecnología Eye-Tracking la misma permite hacer un seguimiento de donde se dirige la visión de las personas cuando navegan por un sitio.
Como conclusión pudieron extraer 23 puntos que son aplicables a todos los sitios web, les dejo una pequeña traducción libre:
1. El texto atrae antes la atención que los gráficos.
2. El movimiento inicial comienza en la esquina superior izquierda de la página.
3. Inicialmente los usuarios buscan en la parte superior izquierda de la página antes de comenzar a desplazarse hacia la derecha y hacia abajo.
4. Los lectores hacer caso omiso de los banners.
5. Las tipografías extravagantes son ignoradas.
6. Mostrar los números como números.
7. El tipo y tamaño de fuente influye en el comportamiento de visualización.
8. Las personas para decidir si continúan leyendo un texto observan la descripción inmediata al titulo.
9. Las personas en general solo exploran una porción pequeña de la página.
10. Los párrafos cortos tienen mejor rendimiento que los largos.
11. El formato de una sola columna obtiene mejores resultados que los de múltiples columnas.
12. Los anuncios en la parte superior izquierda de un sitio recibirán mayor atención visual.
13. Los anuncios colocados junto a los mejores contenidos son los más vistos.
14. Los anuncios de texto fueron los más vistos principalmente en los grupos de prueba.
15. Imágenes grandes llaman más la atención.
16. Imágenes limpias y claras obtienen más la atención visual.
17. Las personas observan los encabezados en primera instancia.
18. Los usuarios pasan mucho tiempo mirando botones y menús.
19. Las listas atrapan más la atención del lector.
20. Evitar grandes bloques de texto.
21. Formatear los textos puede llamar la atención
22. Los espacios en blanco son buenos.
23. Las herramientas de navegación funcionan mejor cuando se colocan en la parte superior de la página.
Si bien muchas de las conclusiones que obtuvieron eran de suponer, otras como por ejemplo el buen resultado de los enlaces de texto no tanto. Es interesante esta clase de análisis para aplicar a todos nuestros desarrollos, por lo que tengo entendido el uso de la tecnología Eye-Tracking es bastante elevado, así que es para aprovechar esta información.
Fabbianz
17 años ago
Si, muy buenos datos para tener en consideracion…
Me sorprendió el punto uno…. yo pensaba que era al revés … 😛
Saludos
Martín
17 años ago
Buenisimos tips… una prueba casera que podemos hacer es sentar amigos y/o familiares delante de la PC y que miren tu sitio… siempre dicen «mirá esto que bueno» o «mirá que lindo»… y ahi podes sacar unas humildes conclusiones y si se puede comparar y ver lo que mas les atrajo… 🙂
Saludos…
Obed Aquileo
17 años ago
hace poco rediseñe mi sitio web siguiendo los puntos anteriores, el trafico a incrementado pero las ventas esas si cambiaron radicalmente, hubo un incremento del 100%.
voy a aplicar los mismos parametros a mis otros 2 sitios web.
12 cosas que podemos aprender de un estudio “Eyectrack” | Kabytes
16 años ago
[…] de un mismo informe, este informe lo habíamos recomendado hace tiempo cuando hablamos del orden de lectura de un sitio web, que si bien comparte algunas aristas, remarca otras cosas que antes habian sido pasadas por […]
Neurociencia, aplicaciones al mundo real (II) | El Blog de Julio Garriga
15 años ago
[…] cierto, para diseñadores web, he dado con un post que dicta 23 puntos que tener en cuanta al hacer una página. Las conclusiones están realizadas a través de un estudio de […]