Categoría: Usabilidad
22 Abril 2006
Heatmaps de tres sitios web. Las áreas más vistas estan coloreadas en rojo, las áreas amarillas indican pocas vistas, seguidas de las áreas menos vistas que son las azules.Las áreas grises fueron irrelevantes.
Según el último Alertbox de Jakob Nielsen, publicado el día de hoy 17 de abril, afirma que los usuarios a menudo leen el contenido de un sitio web en un patrón que se asemeja al de una F mayúscula, es decir; dos líneas horizontales y una vertical.
Para este Eye tracking, se grabaron a 232 usuarios que vieron miles de páginas web, encontrando que el comportamiento principal de lectura se mantenía muy constante en diversos sitios y tareas. Este patrón dominante se parece a una F y tiene los siguientes tres componentes:
* Los usuarios primero leyeron en un movimiento horizontal, generalmente a través de la parte superior del área del contenido, este elemento inicial forma la barra superior de la F.
* Enseguida, los usuarios bajan un poco y después leen en un segundo movimiento horizontal que cubre una área más corta que el movimiento anterior. Este elemento forma la barra más inferior y más corta de la F.
* Finalmente, los usuarios exploran el lado izquierdo del contenido en un movimiento vertical. Algunas veces, este escaneo más lento y sistemático aparece como una línea sólida en el heatmap (mapa de calor) del eyetracking. Otras veces, los usuarios se mueven rápidamente, creando un heatmap menos definido. Este último elemento es el que forma la barra vertical de la F.
via: Chile País de Diseño
servido por Rodrigo
sin comentarios
compártelo
2 Abril 2006
¿se construye trasnversalidad o búsqueda?
Web 2.0 moda o un nombre concreto para separa historicamente y como modo de estudio lo que sucedia y sucede con la democratizacion de los medios como internet.
Gente como Huasonic y los chicos Fayerwayer acuñan y respetan la frase localmente con un gran feedback de personas que siguen sus blogs.
Hoy la "moda" es tener un blog y comentar, tener un fotolog o flickr y subir fotografías a una base de datos, tener last.fm para llevar estadisitica de la musica que escuchas y otros poder tener sus "favoritos" en un servidor sin necesidad de tener sus "favoritos" (o marcadores par ala genracion firefox) en el mismo browser, como nos permite del.icio.us; y por supuesto también estar revisando y porque no agregando articulos a la Wikipedia.
Poder crear "tags" para catalogar fotos, musica, post, y marcadores es una conducta estandarizada de esta "web 2.0" lo que crea la horizontalidad de contenidos. Ahora bien, también esta la subscripción entre la web y usuarios (personas como rectificaría Jorge) personificado por el RSS que no es mas que una forma comoda de leer el contenido de una pagina web, sin forma y talvez en un lector de correo que soporte el formato al mismo tiempo que se revisa los mails como Thunderbird o en tu navegador de turno como Flock, Firefox o Safari, o incluso en programas dedicados como Vienna.
Ahora bien todo esto de la Web 2.0 no tiene sentido si no acatamos el problema de fondo de la web semántica, el que las personas no saben buscar o no se les entrega los contenidos de forma adecuada para buscarlos. No es lo mismo buscar "casa amarilla" que "La Casa Amarilla Belga" en Google, ¿como debe buscar el usuario?, ¿como deben ser indexadas esas paginas, si ambas dentro de sus keywords tienen Casa y Amarilla" ¿como discrimina la persona cual es la opcion correcta aparte de entrar y leer cada una?. En Web 2.0 generalmente no se busca paginas especificas, generalmente se encuentran webs, por medio de otros, al citar y complementar al decir "vean el link" como ocurre en el mundo de los blogs, y los tags vienen a ser discriminadores y clasificadores de contenidos que deberian ayudar en la busqueda de las personas. Por ejemplo cuando quiero una buena imagen con buena resolución y bella simplemente voy a mi Flickr y por medio de tags busco imagenes y de verdad que se obtienen buenos resultados, ¿pero la señora juanita sabe que puede hacer eso? a lo mejor solo sabe que existe google y si tiene una busqueda defectuosa o erronea quiza se ofusque y se levante del computador.
Ayer me paso algo cuiroso, una amiga me dice "¿Sabes como calcular la edad desde la fecha de nacimiento en Microsoft Access?", a lo que respondi que no tenia la menor idea, porque nunca habia usado tal programa, parece que mi amiga llevaba mucho rato tratando de solucionar eso en su programa, ahi decidí ir a google y colocar "como calcular edad en access", y sorpresa muchos resultados unos mas erroneos que otros y despues de unos minutos navegando, di con unos resultados que solucionaban el problema. Supongo que gente como nosotros, metidos en el mundo de internet, que trabajamos para el y que disfrutamos de él, supone facil y adquirido buscar y leer y agregar informacion en internet, pero para el comun de los mortales que ven internet como una herramienta el cuento no es tan facil, incluso para gente joven de la media de 25 años.
He aquí donde construimos la democratizacion del medio, esta suerte de socialismo - capitalismo (informaticos) conviviendo, para crear un producto que se accequible a cualquiera, pero que ojala sea mas buscado que la competencia. Las Herramientas Web 2.0 estan en eso democratizar el medio, poner el servicio en manos de los usuarios para que estos transversalicen la informacion, que sea adquirida por el mayor punto de nodos, que se construyan los thesaurus pertinentes y que cree una gran folksonomía.
Por eso tanto usuarios,diseñadores y programadores, debemos de pensar en el medio y ser el medio, pensar en el "otro" y empezar a construir la nueva internet con diseño centrado en usuarios.
servido por Rodrigo
1 comentario
compártelo
7 Febrero 2006
Desde hace un tiempo que estoy probando LAST.FM y me vi sumergido y totalmentea los pies de este juguete web 2.0, que combina web semantica y mi gusto por la musica.
Ahora no puedo dejar de revisar mi last.fm; el sistema consiste en que con tan solo un pluggin que descargas de last.fm ( acá ), que puedes instalar entre otros reproductores en tu Windows Media, itunes, o winamp; el cual permite que mientras escuchas musica de tu computador al estar conectado a internet y sin necesidad de estar viendo tu pagina de usuario de Last , tu musica se va hacia una base de datos de Last, donde se creean rankings diarios, semanales y mensuales de la musica que escuchas, como tu artista mas escuchado, el tema mas escuchado, etc.
Tambien puedes crear tags, para calificar canciones y artistas, lo cual hace transversal la relacion de artistas y usuarios, ya que last te dice quienes son tus "vecinos", por vecindad musical. En cuanto a tus artistas tu puedes aportar informacion acerca de esto y subir imagenes de estos si no las tienen, las cuales entran a votacion por la comunidad para elegir la imagen que represente mejor a tu artista.
Bueno eso es un corto resumen de lo que es LAST.FM un gran sistema para quien escucha musica todo el dia y si quieres sorprenderte con la musica que mas escuchas o si t das cuentas si pasas por tiempos periodos alegres o tristes segun la musica que escuchas, recomendable de todas maneras...
servido por Rodrigo
2 comentarios
compártelo
30 Noviembre 2005
ya salio el nuevo firefox 1.5, lanzado oficialmente en firefox.com y en mozilla.com.
Esta nueva version trae dentro de otras cosas, una navegación más rápida, con mejoras al uso del botón back y forward; reordenación de pestañas 'drag and drop'; y mejor bloqueo de popups.Pero en lo que falla y en lo que sigo decepcionado es en que al crear una nueva pestaña (ctrl + t) esta pestaña sigue apareciendo vacía, la cual debería venir con la pagina por defecto que tengamos en nuestro firefox, como si lo hacen Opera o Aol explorer
servido por Rodrigo
2 comentarios
compártelo
21 Noviembre 2005
Para los que no saben de que se trata en del.icio.us. tu mantienes un listado de marcadores, paginas que marcas como tus favoritas, y a las que les asignas tags, palabras clave para búsqueda.
Esta es mi nube de tags en del.icio.us., el manejador de marcadores o favoritos online.
para los que tenemos [ del.icio.us] se puede acceder a la herramienta [ tagroll] acá .
servido por Rodrigo
4 comentarios
compártelo
3 Noviembre 2005
Hoy es el dia mundial de la Usabilidad, para todos los que estamos en el diseño Web, y que contamos con la palabra ilminante de Tufte, Nielsen y Garret, hoy es un dia importante, hoy celebramos "El dia mundial de la Usabilidad". Se estan desarrollando programas y enventos especiales y en todo el mundo. Santiago de Chile; Belo Horizonte y Sao Paulo, Brasil, son las tres ciudades latinoamericanas . que participarán formalmente en el Día Mundial de la Usabilidad.
El evento acá en Chile, en Santiago se desarrollará en el Auditorio DCC de la Universidad de Chile el siguiente programa, con participacion de gente de Cadius, Aichile, y el gobierno. El programa es el sigiente:
- 10.00 Saludo Inaugural
- 10.15 Primera ponencia: Gobierno digital y Usabilidad: la Guía Web
- 10.35 Segunda Ponencia: Ingreso del concepto de Usabilidad en las Organizaciones
- 10.55 Tercera Ponencia: Los consejos claves de usabilidad de los gurúes: Jacob Nielsen y Steve Krug.
- 11.15 Coffe Break
- 11.30 Primera mesa redonda: Usabilidad y Negocios
- 12.15 Segunda mesa redonda: Usabilidad y Diseño
- 13.00 Cierre.
via: FayerWeyer
servido por Rodrigo
sin comentarios
compártelo
24 Octubre 2005
Estoy probando Flock, el nuevo navegador basado en el motor Gecko, el mismo que usa firefox. Dentro de las funcionalidades estrella, está la adapatación de interaccion navegador-blogs. Contiene un editor estilo pop-up desde donde se puede editar contenido a postear en algun blog previamente editado y agregado a Flock; así en este caso podremos facilmente agregar blogs de Blogger, Movable Type, Metaweblogy atom API para otro tipos de blogs genéricos. Ahora el problema es que no he podido configurar mi coctelera, si a alguien le resultó por favor hágamelo saber (pero claro estamos en beta de flock). Tambien agrega la posibilidad de que en el mismo editor podamos acceder a imágenes de flckr mediante una flickr topbar, una barra superior en el editor para acceder a fotos del banco de datos flickr, lo mismo para una blog topbar, una barra superior para acceder a los post de blogs previamente configurados en el flock, para acceder a post anteriores de nuestros blogs, para poder editar.
servido por Rodrigo
sin comentarios
compártelo
7 Octubre 2005
traducido de :
http://www.ok-cancel.com/archives/article/2005/09/why-ajax-matters-now.html
El 16 de septiembre de 2005 por Jesse James Garrett:
En los tempraneros tiempos de la Web, los diseñadores se irritaron contra las coacciones del medio. El modelo entero de la interacción de la Web fue arraigado en su herencia como un sistema de hipertexto: pulse el enlace, solicite el documento, espere el servidor para responder. Cualquier diseñador que preguntó si se podía desafiar el modelo de interacción de “llamada-y-respuesta” básico del Web se encontró con una respuesta tajante: "No".
Eventualmente, con la evolución de tecnología en los Navegadotes, este "No" se hizo un "Sí, si…”, Sí, si el usuario tiene el navegador correcto y el sistema de operaciones correcto. Sí, si la conexión del usuario es bastante rápida. Sí, si el usuario tiene el enchufe de unión correcto o el tiempo de ejecución correcto.
Para algunos diseñadores que trabajan en algunos ambientes, “Sí, si…” sería bastante bueno. Pero para la mayoría aplastante de diseñadores, las advertencias y restricciones eran simplemente demasiado grandes. Entonces ellos volvieron a la tarea de hacer el trabajo de Web lo mejor que se podía dentro del modelo de interacción de hipertexto, desarrollando convenciones nuevas para la interacción en la Web que permitió a sus usos alcanzar al público que nunca había intentado usar aplicaciones de escritorio diseñados para esas mismas tareas.
El ascenso de Ayax que representa el reconocimiento nuevo y ensanchador desde los días de “Sí, si…” es numerable. Esto es análogo a la realización que nosotros teníamos hace un par de años, cuando se hizo evidente la maduración de Navegadores para soportar CSS Y XHTML que finalmente permitiría la flexibilidad a diseñadores y la facilidad de mantener la Web que siempre se había prometido, pero había tardado bastante en llegar. En ambos casos, las tecnologías no son nuevas; lo que es nuevo es nuestra capacidad de aprovecharlos al máximo sobre la más amplia escala posible.
Las soluciones propietarias nunca son tan irresistibles para diseñadores de Web como lo son las normas abiertas. Los Diseñadores de Web se apasionan sobre la Web como un medio, cuyo medio no pertenece a ningún abastecedor de tecnología.
Es algo que todos nosotros, trabajando juntos, ayudamos a construir. Para muchos diseñadores de Web y creadores, trabajando un nuevo medio es lo que los atrajo a la Web, y que los mantiene ocupados con la Web independientemente del reflujo y el flujo de las bolsas y comercios. Las tecnologías que no trabajan sobre una gran escala en Web no son, por definición, participantes en este proceso.
¿Cuál es la diferencia entre Oddpost y Gmail? Una convención de interacción de escritorio seguidas del requerimiento de un Navegador particular y un sistema particular de operaciones, con lo que ganaron un lugar de culto. El otro vino a lo largo de cuatro años más tarde, siguieron convenciones de interacción de Web, trabajaron a través de todos los navegadores modernos — y se transformaron categoricamente. Unos podrían argumentar que Oddpost es la solución más sofisticada. Pero Gmail es la parte de la Web más grande en un camino en el que Oddpost nunca podría haber sido.
Gmail ha demostrado a la industria entera que no tenemos que comprometer más. Seguramente hay todavía muchos desafíos, tanto para diseñadores como para tecnólogos, en la creación de usos de Ayax que realmente trabajen con eficacia para los usuarios. Pero la ola nueva de usos de Ayax que la industria recién ha descubierto (y aún en aumento) refleja sofisticación. Somos más amenos sobre la Web de lo que éramos antes, y esto solo abre nuevas posibilidades para los diseñadores de interacción.
Aquellas posibilidades, y los modos inexplorados de los que podemos desarrollar convenciones para Web sin las coacciones del modelo de interacción de hipertexto viejo, consisten en por qué la reciente explosión de Ayax señala un capítulo nuevo en la historia de diseño de Web.
servido por Rodrigo
1 comentario
compártelo
