jueves, noviembre 29, 2007

Estándares Web para el Correo Electrónico

email standards project

¿Sabías que los correos que envías a diario No tienen un estándar? Yo creía que al ser correos en HTML se regían por los Estándares Web, hasta que hace años me tocó diseñar un correo y eso fue un dolor cabeza. Si se veía bien en Outlook se veía mal en Hotmail y ni hablemos de los otros clientes de correo... ¡Yo creo que muchos hemos tenido problemitas diseñando correos en HTML!

La gran noticia es que ha nacido una nueva iniciativa que busca mejorar el soporte de los estándares Web y la accesibilidad en los clientes de correo que usamos a diario. Se trata del The Email Standards Project, cuyo principal objetivo es ayudar a los diseñadores a entender por qué los estándares web son tan importantes para el correo y a la vez trabajar con los desarrolladores de estos programas para que visualicen consistentemente los emails.

¿Sabías, por ejemplo, que AOL Webmail, Apple Mail, Eudora (Penelope), Thunderbird, Windows Mail & Live Mail y Yahoo! Mail tienen un excelente soporte a los estándares Web, mientras que Apple .Mac, Google Gmail, Lotus Notes 8 y Outlook 2007 tienen un soporte pero muy pobre?

¡Si vas a diseñar un correo ya sabes contra qué clientes debes probar! ¡Y Aayúdamos a esparcir la voz!

Gracias a ERV Design.

Nueva Herramienta de Validación: Ready.mobi

Logotipo Ready.mobi

Gracias a varios blogs he leido sobre una nueva herramienta de validación: Ready.mobi, con la cual podremos evaluar si nuestro sitio está preparado para ser visitado desde un celular o un dispositivo similar.

Esta herramienta revisa la legibilidad del sitio Web de acuerdo a los estándares y mejoras prácticas para móviles. Y es realmente excelente porque tiene gran cantidad de reportes. Mucho mejor que revisar con Opera Mini sólo la visibilidad y navegabilidad de tu sitio.

Hagamos una prueba con ella y con Opera Mini para evaluar qué información nos entregan. Para esta caso revisaremos a Sena Virtual, el sitio de educación virtual del SENA (Servicio Nacional de Aprendizaje de Colombia) e intentaremos determinar si este sitio puede ser navegable desde un celular.

Home del Sena Virtual

Primero lo visitaremos mediante el navegador Opera, el cual posee una vista para emular la pantalla del Opera Mini.

Visita al Sema Virtual dede Opera Mini

Como podemos ver el sitio es navegable, aunque es claro que no hay una versión especial para móviles ya que las imágenes son muy grandes. El punto negativo obvio es la cantidad de scroll vertical que se genera.

Ahora, ¿qué nos dice Ready.mobi?

Primero lo califica muy mal: 086 sobre 5. Es decir, que este sitio, según ready.mobi, no está preparado para ser navegable desde un móvil. La página inicial es muy pesada y por ende sería “muy costoso” y lento navegarla.

Informe 1 de Ready.mobi

El emulador del Motorola v3i no pudo hacer render del sitio. ¿Problema del emulador o del sitio? Adicionalmente nos informa que el sitio pasó 11 de sus pruebas, no pudo con 12 de ellas y generó 3 alertas y 1 comentario.

Informe 2 de Ready.mobi

Positivo que no se utilizan marcos, pero no tiene un html válido y tampoco utiliza un profile especial para XHTML Mobile. Es claro que el Sena Virtual no tiene una versión para móviles.

Informe 3 de Ready.mobi

¿Cuáles evaluaciones salieron positivas y cuáles negativas?
Positivo es que:
  • usa adecuadamente los tipos MIME
  • los mapas de imágenes
  • las medidas
  • el título de la página
  • usa hojas de estilo
  • no depende de ellas
  • no tiene auto-refresh ni redireccionamientos
  • el modo de entrada por defecto está OK
  • tiene definidos los valores input por defecto
  • no usa cajas ni áreas de texto
  • tiene una estructura lógica de encabezados
  • y se ha detectado botones Submit en los formularios.

Negativo es que:
  • no se ha especificado el encoding de los caracteres
  • se detectaron pop-ups
  • hay imágenes sin sus atributos ALT, Height y Width
  • la página es muy pesada
  • hay imágenes muy grandes para las pantallas de los móviles
  • hay tablas anidadas
  • se utilizan tablas para diagramar
  • no se detectaron controles de cache
  • y se cargan muchos recursos externos al sitio.

Los temas (me refiero a las alertas) que se deberían revisar son:
  • los objetos y scripts embebidos
  • las tablas
  • y que no se han definido teclas de acceso (Access keys).

Y por último nos comenta que no se ha definido un SiteMap.

Informe 4 de Ready.mobi

Realmente muy completo este informe, ¿no?

¿Qué podemos concluir? Varias cosas:
  • Definitivamente el sitio del Sena no está concebido para ser visitado desde un móvil.
  • Es navegable, aunque resultará lento y por ende costoso hacerlo desde un móvil.
  • ¿Está el Sena haciendo mal su sitio Web? NO. Simplemente no han trabajado la plataforma móvil para ofrecer sus servicios.

Finalmente, y con base en esta pequeña prueba, recomendaría:
  • Usa OperaMini si NO estás trabajando tu Web para dispositivos móviles, pero quieres verificar que sea navegable en ellos.
  • Usa Ready.mobi si estás trabajando en una versión de tu sitio Web para móviles.
  • Y recuerda trabajar con los Estándares Web para que puedas realizar la versión móvil de tu sitio, fácil y rápidamente.

¿Qué opinas? ¿Estás de acuerdo?

miércoles, noviembre 28, 2007

La Accesibilidad no es Sólo para Ciegos, el caso de la Epilepsia Fotosensitiva

Epilepsia

Olga Carreras ha escrito, nuevamente, un excelente post titulado Cómo evitar causar ataques fotosensitivos de epilepsia. Herramientas de validación.

Resulta que si utilizas animaciones con haces de luz muy veloces o con estímulos intensos puedes provocarle convulsiones a quien visita tu Web, si esa persona sufre de este tipo de epilepsia.

En junio de este año se retiró de la web de los Juegos Olímpicos de Londres 2012 una animación… provocó 22 denuncias de usuarios con epilepsia fotosensitiva que sufrieron convulsiones al visualizarla… Sólo en el Reino Unido hay 23.000 personas que sufren este tipo de epilepsia.

Igualmente, hace años se habló… del famoso caso de 1997 en el que más de 600 niños y adolescentes fueron hospitalizados en Japón después de ver un episodio de Pokemon con estímulos luminosos intensos”. Mira… Estamos hablando de niños y adolescentes viendo Pokemon.

Así que si te gusta la animación y quieres seguir haciendo tu sitio accesible, no dejes de enterarte sobre esta situación y como evitarla. Gracias a Olga y su blog Usable y accesible.

“Nuevos” Mitos sobre la Accesibilidad



En CssLab.cl han publicado Sobre la accesibilidad y sus implicancias implicaciones, una traducción de Accesibilidad web: 7 mitos y un equívoco, artículo originario de Lêda Spelta (psicóloga de Brasil experta en accesibilidad).

Como su nombre lo indica, nos traen 7 mitos y un concepto errado que se tienen sobre la accesibilidad. ¿Recuerdan que desde hace más de un año traduje y publiqué: Mitos y Conceptos Erróneos sobre la Accesibilidad? Es uno de mis post más leídos.

Allí les presenté estos mitos:
  1. La accesibilidad es sólo para personas ciegas
  2. Los sitios accesibles son feos y aburridos
  3. La accesibilidad es costosa y difícil
  4. Ofrecer una versión sólo texto es suficiente
  5. La personalización y la funcionalidad de lectura en voz alta es la primera cosa por hacer para mejorar la accesibilidad de un sitio
Bueno… Estos “nuevos” mitos tienen algunos puntos comunes, pero este tipo de información es para repetir y repetir hasta que todos la aprendamos:
  1. La accesibilidad web es sólo para deficientes visuales
  2. En la práctica, el número de usuarios beneficiados con la accesibilidad es muy bajo
  3. Hacer que un sitio sea accesible toma tiempo y cuesta caro
  4. Es mejor hacer un sitio especial para deficientes visuales
  5. Un sitio accesible a deficientes visuales no es bonito
  6. Mejor ir por partes: Primero construímos el sitio, luego lo hacemos accesible
  7. No podemos hacer un sitio accesible con el tiempo y recursos que tenemos
Y no olvides este otro concepto que nos presentan y que está totalmente errado: "Mi sitio está enfocado a un público específico, y no me interesan otros grupos".

Más detalles en Sobre la accesibilidad y sus implicancias implicaciones.

lunes, noviembre 26, 2007

Cómo Diseñar una Web según Eye-tracking

Webs evaluados con eye-tracking

Les comparto la traducción de los 23 consejos (léase buenas prácticas) para diseñar una Web según un estudio que hicieron con Eye-tracking.

En el artículo original, titulado Scientific Web Design: 23 Actionable Lessons from Eye-Tracking Studies, pueden encontrar detalles de cada item.

  1. Los textos llaman la atención antes que las imágenes.
  2. El “primer vistazo” se centra en la esquina superior izquierda de la página.
  3. Inicialmente, los usuarios buscan en la parte superior izquierda y en la parte superior de la página antes de desplazarse hacia abajo y hacia la derecha.
  4. Los lectores ignoran los banners.
  5. El usuario ignora las fuentes y textos en formato decorativo (fancy).
  6. Mostrar los números como cifras no como numerales.
  7. El tamaño de fuente influye en el comportamiento del usuario.
  8. Los usuarios sólo buscan en los subtítulos cuando realmente les interesa.
  9. Los usuarios escanean las partes más bajas de la página.
  10. Los párrafos cortos funcionan mejor que los párrafos largos.
  11. Una sola columna funciona mejor que las columnas múltiples.
  12. Anuncios en la parte superior y en la parte izquierda reciben mayor atención visual.
  13. Anuncios situados cerca de los mejores contenidos son vistos más veces.
  14. Anuncios de texto son los que mayor atención reciben de los formatos estudiados.
  15. Las imágenes más grandes reciben mayor atención.
  16. Las caras limpias y claras en las imágenes son visualmente más atractivas.
  17. Los encabezados guían al ojo en su recorrido por la página.
  18. Los usuarios dedican mucho tiempo a mirar los botones y los menús.
  19. Las listas ayudan a que el lector mantenga la atención más tiempo.
  20. Los grandes bloques de texto se evitan.
  21. Formatear el texto (negritas, cursivas…) puede atraer la atención.
  22. Mantener espacios en blanco es bueno.
  23. Las herramientas de navegación funcionan mejor cuando se colocan en la parte superior de la página.

Sergio Ortega, igualmente complementa su traducción:
Aunque sean conclusiones extraídas de estudios científicos y representen prácticas de enorme aplicación y desarrollo inmediato, creo que es importante no generalizar ni tomarlas como verdades absolutas. Es importante contextualizar previamente, apoyarse en otras metodologías que confirmen o complementen nuestras observaciones y ajustar todas estas cuestiones a nuestro público y a los objetivos reales de nuestro sitio.
En mi opinión hay algunas afirmaciones que no pueden extrapolarse fácilmente y que no dejan de ser conclusiones de investigaciones concretas con unos propósitos específicos.
Estos estudios, como señalan Yusef Hassan y Victor Herrero-Solana en su último artículo en nosolousabilidad, reciben cada vez más atención dada la evolución de la técnica, la relativa reducción del costo o el interés que despierta en determinados sectores, pero está claro que el esfuerzo y el tiempo empleado para la realización de esta técnica obliga en muchas ocasiones a prescindir de ella o a optar por soluciones que aunque no nos ofrezcan lo mismo nos permitan ir mejorando progresivamente la usabilidad de nuestro sitio.

sábado, noviembre 24, 2007

I Encuentro Iberoamericano de Bloggers

The 10thBlog Initiative - Joining a real community: I Encuentro Iberoamericano de Bloggers

En hora buena:
El I Encuentro Iberoamericano de Bloggers es una Iniciativa 10Blog. Actividad que busca compartir experiencias, entre personas de diferentes regiones, entorno a la blogósfera y su percepción de este fenómeno.
El encuentro será el sábado 15 de diciembre a las 11 horas GMT -5 a través de Skypecast (un servicio de Skype).
Allí participarán mis amigas Eugenia y Juliana, hablando sobre Accesibilidad y Microblogging respectivamente. Y espero que se sumen otros excelentes bloggers que conozco...

Allí nos veremos - literalmente ;)

Recuerden tener su Skype preparado para accceder a este Canal.

viernes, noviembre 23, 2007

Se dice JavaScript (no) Molesto o (no) Invasivo



¿Sabías que cada vez que dices JavaScript (no) obstrusivo, (no) obstructivo o (no) intrusivo Miguel de Cervantes Saavedra se revuelca en su tumba?

¡Se dice JavaScript (no) Molesto o (no) Invasivo! ¿Listo? ¡Gracias SergioMas!

Yo sé que suena muy raro y ya nos acostumbramos a la palabrita obstrusivo, pero simplemente esta palabra no existe en el español… Tampoco obstructivo y menos intrusivo.

Gracias Sergio.

jueves, noviembre 22, 2007

Internet Explorer se Queja



Presentando el gracioso video de un navegador muy conocido por todos y que no es muy bueno para seguir los estándares web...



Visto en Internet Explorer en Muchachada Nui.

Aprobado Reglamento Pro Accesibilidad en España

Norma UNE 139803:2004 y Real Decreto 1494/2007 en España

En estos días he oído hablar mucho de la Norma UNE 139803:2004 y el Real Decreto 1494/2007 en España ...por el que se aprueba el Reglamento sobre las condiciones básicas para el acceso de las personas con discapacidad a las tecnologías, productos y servicios relacionados con la sociedad de la información y medios de comunicación social... cubre diferentes medios de comunicación, como son la televisión, las telecomunicaciones y las páginas web.

No podía entender para qué estaban gestionando una "nueva ley" si ya tenían la LSSI.

Pregunte a los que saben (en la lista accesoweb) y ya por fin aclaré de qué se trata esta "nueva ley":

...se trata de un reglamento de aplicación de la ley. Es decir, un documento legal que precisa condiciones... Emmanuelle

Este Decreto no debería entrar en conflicto con la LSSI, sino desarrollarla y complementarla. La LSSI establecía una serie de condiciones y plazos para asegurar la accesibilidad de las páginas Web, pero no indicaba expresamente que nivel de accesibilidad deberían tener las mismas. Entiendo que este reglamento (aún no me lo he leído) lo que hace es establecer esas condiciones a las que la Ley hacía referencia. Es decir, la Ley obliga a que una Web sea accesible, y el Reglamento detalla qué se entiende por accesible. Ernesto

Es decir, ¡o haces las Web accesibles o las haces accesibles!

Más información de este Reglamento la encuentras en:

Post relacionados: Legislación sobre Accesibilidad en España y Latinoamérica.

miércoles, noviembre 21, 2007

Access by Design Online

Universal Usability: A universal design approach to web usability

Carátula: Access by Design: A Guide to Universal Usability for Web DesignersMe acabo de dar cuenta que el libro Access by Design: A Guide to Universal Usability for Web Designers está disponible en línea gratuitamente. Su autora, Sarah Horton, lo publicó inicialmente en el 2005 y al igual que su WebStyleGuide ahora lo ha puesto en Internet.

Si deseas tu copia impresa por supuesto que puedes adquirirla en Amazon: Access by Design y Web Style Guide.

Ambos libros son más que recomendables y te recuerdo que siempre estarán disponibles en mi post de Libros Gratis.

Gracias a Access by Design: usabilidad para diseñadores web.

Navegadores Alternativos

Iconos de giferentes navegadores

En Smashing Magazine nos han traído una selección de navegadores bien interesante.

El recurso que más me gusta, y que no conocía, es el listado de navegadores gratuitos de la Wikipedia. Aquí puedes encontrar TODOS los navegadores alternativos.

De esta lista revisaron la mayoría y recomendaron los siguientes:
¡Que variedad, no!

¿Cuáles instalas para probar tus páginas? La verdad no hay tanto para escoger. La mayoría se basan en 4 motores:
  • Trident (Internet Explorer)
  • Gecko (Mozilla Firefox)
  • WebCore (Safari)
  • Presto (Opera 7 y superiores)
Así que considero que con que tengas uno por cada motor es suficiente. Ah! Y que instales uno experimental como los de 3D.

Detalles de esta selección la encuentran en el artículo original.

martes, noviembre 20, 2007

Taller Básico "Accesibilidad y Herramientas Web"

Colegio Colombiano de Archivistas

Por fin vamos viendo capacitación de nuestro interés en Colombia. Se trata del Taller Básico "Accesibilidad y Herramientas Web" organizado por el Colegio Colombiano de Archivistas y a realizarse en Bogotá, el día viernes 30 de Noviembre de 2007.

Este taller busca incorporar y potenciar en los profesionales de las ciencias de la información, particularmente, bibliotecólogos y archivistas, el uso de las tecnologías de la información como soporte fundamental de su trabajo.

Lo interesante fue que me di cuenta de él, gracias a El Rallador, blog de Eugenia, quien es argentina.

Llegan más rápido las noticias locales a fuera que adentro. :(

Entendiendo el Diseño Web

Understanding Web Design by Jeffrey Zeldman

Muy interesante el último artículo de Jeffrey Zeldman en A List Apart titulado: Entendiendo el Diseño Web [en].

En él nos recuerda cómo muchas personas que trabajan en el medio aún no lo entienden. Hablamos de nosotros mismos como diseñadores, pero obviamente de clientes y encargados que por ejemplo ven la Web como un portafolio o un catálogo. En general falta la visión de interactividad que nos ofrece este medio y lo hace sobresalir. Debido a que no tengo tiempo de hacer una traducción los invito a leer el original en inglés.

Algunas frases que me gustaron:
  • Obtenemos mejores diseños cuando entendemos el medio.
  • Es difícil entender el diseño Web cuando no entiendes la Web.
  • Aunque hay excepciones, la mayoría de los creadores… ven la Web como un medio para lanzar campañas de mercadeo y publicidad, en donde el usuario, pasivamente, recibe contenido Flash y en Video.
  • ...aunque el diseño Web emplea elementos de diseño gráfico e ilustración, no se le comparan.
  • El diseño Web no es diseño de libros, no es diseño de afiches, no es ilustración.
  • El diseño Web es la creación de ambientes digitales, que facilitan y fomentan nuestras actividades; refleja o se adapta al contenido y a los usuarios, y cambia “sutilmente” a través del tiempo manteniendo su identidad.
  • Un diseño Web excelente… tiene personalidad… es “transparente”… es natural… es memorable….
Actualización: Acabo de encontrar en Capire la traducción completa del artículo.

lunes, noviembre 19, 2007

Llegó Faz, la Revista de Diseño de Interacción

Faz, Revista de Diseño de Interacción

Ha llegado el gran día. ¡Acaba de ser lanzada Faz, la Revista de Diseño de Interacción!

Como el mismo Peter Moville (el de Information Architecture for the World Wide Web y Ambient Findability, quien hace parte del Comité Editorial, nos dice:

Faz es una nueva revista apasionante, que anima a académicos y a quienes ejercen en los campos de diseño de interacción, arquitectura de información, usabilidad, HCI y experiencia de usuario, a compartir ideas, opiniones, mejores prácticas y resultados de investigación. En el primer número tendremos una rica colección de artículos que cubren diversos tópicos, como el diseño de interfaz de ATMs, diferencias culturales entre la web chilena y la española, diseño para prevenir el fraude, conferencia internacional HCI en China y el futuro de la web geoespacial. Los invito a dar una mirada, contar a sus amigos y colegas y a que consideren compartir sus experiencias contribuyendo con un artículo para Faz.

Los artículos que nos trae este primer número son:
  • "Especializar u Homogenizar. Cuestión de Experiencia" Por David Gómez-Rosado. San Francisco, EE.UU.
  • "Interfaces e intuición" Por Daniel Mordecki. Montevideo, Uruguay.
  • "HCI Internacional en Beijing, un gran congreso con algunas lagunas" Por Toni Granollers. Lleida, España.
  • "Comparación entre la Web Chilena y la Web Española" Por Eduardo Graells y Ricardo Baeza-Yates, Depto. de Ciencias de la Computación, Universidad de Chile
  • Entrevista a Eduardo Manchón: "Va a cambiar la forma en la cual nos relacionamos con los mapas"
  • "¡Larga vida a los cajeros!" Por Malisa Gutiérrez. Santiago de Chile
  • "Análisis de la Semántica Latente (LSA) y estimación automática de las intenciones del usuario en diálogos de telefonía (call routing)" Por Guillermo Jorge-botana, Ricardo Olmos y José A. León. Madrid, España.
  • "Diseño para prevenir el fraude" Por Juan Leal. Madrid, España.
Esta es la única publicación en español especializada en HCI así que o la lees o la lees. Se puede descargar gratuitamente.

Felicitaciones a Cadius y todo el equipo que ha hecho posible esta gran publicación.

viernes, noviembre 16, 2007

Grupos en Facebook

Facebook

¿De qué sirve Facebook y sus grupos? Sí: Estar en contacto permanente con tus amigos, ¿y?

Esta es una gigantezca red en la que surgen día a día decenas de aplicaciones, campañas y grupos, pero que lamentablemente no tienen un trasfondo comunitario real. Son grupos totalmente pasivos. Sirven sólo para dar una especie de voto y decir: "estoy contigo" y nada más.

Y es triste porque con el poder de unión que está teniendo esta comunidad deberían formarse otras "comunidades" de enriquecimiento permanente. Pero no, como lo dijo Jeffrey Zeldman: ...la gente se une y no hacen más... tan sólo una mínima parte de los miembros generan contenido... los grupos deberían hacer más, mucho más...

Por mi parte veo que todo el poder de Facebook está subutilizado. Los grupos crecen en miembros y "no pasan al siguiente nivel". Está la herramienta y está la gente. ¿Qué faltará? O de pronto es que no es la herramienta o no es la gente.

De todos modos, si te interesa dar tu apoyo y decir estoy contigo he aquí algunos grupos que podrían interesarte:

AxsJAX: Ajax accesible

Google Code: Google-AxsJAX (Access Enabling Ajax)

AxsJAX (AxsJAX no AsxJAX) es el "nuevo" jugador en el mundo de AJAX. Se trata de un framework que permite añadir accesibilidad a los desarrollos web que utilicen Ajax, así usuarios que utilicen screenreaders u otros dispositivos similares podrán disfrutar de las características que ofrece la web 2.0.

¿Quieres revisar aplicaciones que utilizan AxsJAX? Bueno, tan sólo visita: Google Web Search, Google Reader, Google Scholar o el juego Jawbreaker. Detalles de las implementaciones en estas apps los pueden encontrar en su showcase.

Los interesaros en AJAX y sobre todo en la accesibilidad pueden echarle una hojeadita. Sin embargo, como les mencioné hace algunas semanas, lo que a mi opinión es la mejor manera de usar AJAX es: haz primero tus páginas con la funcionalidad tradicional y luego mejóralas con AJAX. Así, si los scripts de AJAX quedan deshabilitados, tus páginas seguirán funcionando.

¡Y ojo! Es AxsJAX, no AsxJAX. Yo lo vi inicialmente en Sentido Web y varios blogs lo han replicado con el "typo".

jueves, noviembre 15, 2007

Disciplinas Relacionadas con la Usabilidad



Cada vez que me preguntan por la relación que hay entre nuestras áreas de interés, a saber, usabilidad, accesibilidad, experiencia de usuario… hago referencia a la Rueda de a Experiencia de Usuario, según la cual tenemos 6 áreas que la componen: Usabilidad, Accesibilidad, Diseño de información y diseño gráfico, Buscabilidad (Findability), Arquitectura de la Información y Diseño de Interacción.

Rueda de la Experiencia de Usuario

Pero ahora Olga en su blog Usable y Accesible nos ha traído un excelente esquema, mucho más completo, sobre las Disciplinas relacionadas con la usabilidad.

Esquema de las Disciplinas Relacionadas con la Usabilidad

En éste, tenemos como ente englobador el HCI (Interacción persona-ordenador), que a su vez contiene la Ingeniería de la Usabilidad (UE) y el Diseño Centrado en el Usuario (UCD). Y dentro de ellas ubicaríamos la Experiencia de usuario (con las disciplinas que les acabé de mencionar). Este esquema debería ser lo primero que todos deberíamos estudiar.

Igualmente incluye áreas macros como son el mercadeo, la psicología, la sociología, la antropología, etc. Los tipos de evaluación (test de usuarios, heurísticos y de accesibilidad) y las principales técnicas y herramientas.

¡Un esquema realmente clarificante y de consulta obligada!

miércoles, noviembre 14, 2007

RobotReplay: Herramienta para probar la Usabilidad de tu Sitio

Logo de RoboReplay

Desde la semana pasada estaba pendiente de comentarles de una nueva herramienta gratuita para “probar” la usabilidad de tu sitio Web.

Se trata de RobotReplay, la cual te permite grabar y revisar las visitas de tus usuarios y mirar en ellas cada movimiento del mouse, cada clic y cada tecla presionada.

Lo que, según sus creadores, te permitirá mejorar la usabilidad de tu sitio, ver dónde se aburren tus lectores y convertir más visitantes en compradores.

Suena muy interesante, ¿no?

Sin embargo, gracias a Jorge Márquez, experto en usabilidad, podemos tener una visión más “real” de la herramienta.

El la probó y básicamente concluyó que:
Jorge le vió algunos peros sin embargo creo que para pruebas sencillas puede ser muy interesante. Y sino miren la sesión que grabó de prueba.

¿Alguien más quiere compartir su experiencia con esta herramienta?

lunes, noviembre 12, 2007

Campaña Crea Webs Accesibles

Fotos en Flick de persona que ya se unierona a la campaña

Me uno (pendiente enviar mi foto) y los invito a unirse a esta campaña del Rallador: Campaña Crea Webs Accesibles.

¡Tenemos nuevo sitio oficinal: Crea Webs Accesibles!

Gabriel Porras con el Cartelito Crea Web Accesibles

La idea: difundir y concientizar a todos sobre la importancia de crear sitios accesibles, sin dejar a nadie afuera. ¡La campaña finalizará el 12 de diciembre! ¡Apúntate!
  1. Descarga el folleto Crea Webs Accesibles y luego imprímelo o escribe en una hoja a mano "Crea Webs Accesibles".
  2. Tómate una foto muy feliz con el cartelito :)
  3. Agrega tu foto a tu espacio de Flickr con el Tag "webs accesibles" (¡Importante que agregues las dos palabras entre comillas!). O sino tenés cuenta en Flickr, enviá tu foto a: websaccesibles@gmail.com con tu nombre y sitio web (si tienes).
  4. Envíame tus datos y el link de tu foto a websaccesibles@gmail.com con el asunto Crea Webs Accesibles.
  5. Descarga los logos y agrégalo a tu web o blog vinculándolo a: http://www.elrallador.info/campana/
¡Mira en Flickr a todos los que se han sumado!
¡También puedes sumarte al Grupo de Flickr o al Grupo de Facebook!

Curso Online Avanzado sobre Diseño de Sitios Web Accesibles



Gracias a la lista Ovillo me acabo de enterar del Curso Online Avanzado sobre Diseño de Sitios Web Accesibles. ¡Es gratuito!

Este curso, de corte eminentemente técnico, abordará dos perspectivas.
  • Formar adecuadamente a profesionales del sector TIC sin contacto previo con la accesibilidad Web, con un curso de cierto nivel, apoyándose en la realización de prácticas, ejercicios, supuestos y trabajos, para alcanzar una adecuada especialización partiendo de cero.
  • Servir de apoyo a todos aquellos alumnos/as que ya tengan ciertos conocimientos, por el hecho de haber realizado la edición anterior, de forma que sus adquieran nuevos conocimientos gracias al nivel del curso y enfoque práctico del mismo.
Se realizará de diciembre a marzo del 2008 y las plazas son limitadas.

Como requisitos tienen:
  • Ser profesional de telecomunicaciones y tecnologías de la información en activo o que como consecuencia de la formación recibida desempeñen o vayan a desempeñar puestos de trabajo relacionados con las telecomunicaciones y tecnologías de la información.
  • Ser trabajador por cuenta ajena o autónomo.
  • Realizar la preinscripción al curso debidamente cumplimentada.
  • Remitir a la Fundación ICH, fotocopia de DNI y documento acreditativo de la cualidad de profesional en activo del alumno.
  • No pueden participar trabajadores de las Administraciones Públicas (funcionarios, personal laboral,....).
Creo que el curso sólo es para españoles (por el DNI que piden) pero les confirmo más luego. Ya pregunté.

Más información la encuentran en la página del curso y esta es la página de preinscripción.

domingo, noviembre 11, 2007

Material del Taller de Usabilidad de Cadius

Logotipo del Taller de Usabilidad: ¿Es mi aplicación o sitio Web usable?

En Itákora, el blog de Olga Revila, acabo de encontrar el material del Taller de Usabilidad: ¿Es mi aplicación o sitio Web usable? (Cadius).

Este taller se realizó del 5 al 18 de Noviembre con motivo de la IV Semana del Emprendedor de Base Tecnológica organizado en el Campus de Madrid de la Universidad Pontificia de Salamanca.

Además de la respectiva super presentación (145 slides... ¡Claro, fue todo un taller!), encontré un ejemplo de una evaluación heurística (en Excel), una plantilla (con su respectivo ejemplo) de personas y escenarios (en PDF) y unos ejemplos de prototipado (en Power Point).

Seguro te resultará de mucho interés.

Concurso de Videos de Usabilidad

Usability Video Contest 2007/2008: Everyday Usability Troubles

Del Día de la Usabilidad ha quedado algo muy interesante. Se trata del Concurso de Videos de Usabilidad 2007/2008: “Problemas Cotidianos de Usabilidad”.

Consiste en montar un video en YouTube de una situación en tu vida diaria que consideres tiene un problema de usabilidad.

El concurso durará hasta noviembre del 2008, así que tienes todo un año para montar videos. ¡Ah! Y participar cada mes en la rifa de un iPod Nano.

Visita el grupo de YouTube para que veas los videos que ya se han montando: Grupo UsabilityVideoContest.

Espero que en Colombia y Latinoamérica podamos participar con varios videos. Por lo menos ya tenemos el primer video hecho en Argentina por nuestra amiga y siempre activa Eugenia:



He aquí otro de origen alemán:

sábado, noviembre 10, 2007

El Celular Inteligente será el sucesor de la PC

El iPhone y el Nokia N95 8GB

Acabo de leer un interesante artículo titulado ¿El celular inteligente será el sucesor de la PC? en el blog de UsabilidadWeb.com.ar.

En él encuentro datos muy relevantes como:
  • Hay 3.000 millones de celulares en uso en el mundo, tres veces más que la cantidad de computadoras.
  • …solamente en 2007 se venderán más de 1.000 millones de celulares, en alza de 17% en un año.
  • El segmento que registra un verdadero boom es el de los teléfonos "inteligentes", llamados "smartphones", verdaderas computadoras de bolsillo que combinan telefonía, internet, email, agenda electrónica, cámara de fotos e incluso reproducción de música y videos.
  • Las ventas mundiales de smartphones, deberían alcanzar los 100 millones en 2007, o 10% del total de celulares vendidos este año.
  • …más de 1.000 millones de smartphones deberían venderse de ahora a 2010-2012, remplazando poco a poco los teléfonos celulares clásicos.
  • El mercado fue sacudido recientemente por la salida a mitad de año del iPhone de Apple.
El punto más interesante que plantea Carlos con el cual estoy de acuerdo en parte es: …el celular debería reemplazar a la PC como la herramienta informática del siglo.

No estoy de acuerdo básicamente porque, desde mi puesto de trabajo de diseñador/programador Web, no me veo montando Webs en un super celular ni en un smartphone. Hay muchos puestos de trabajo en los cuales no es necesaria la portabilidad que dan estos dispositivos.

Sin embargo, estoy muy de acuerdo, porque muchos sí sacaríamos todo el “jugo” que esta portabilidad nos ofrecería. Y si no pregúntele a los jóvenes japoneses que ya prefieren conectarse a Internet vía celular que vía PC. O crees que vas a durar mucho tiempo cargando todos estos gadgets: palm, celular, ipod y cámara. En un futuro cercano tendremos todos estos servicios (y muchos más) en un solo dispositivo. ¡Dispositivos que ya existen! ¿Conoces por ejemplo el Nokia N96, que además de todo esto tiene GPS? Y sin ir muy lejos, ¿no sueñas por ejemplo con tener un iPhone o un iPod Touch?

El iPhone/iPod Touch y el Nokia N95

¿Por qué estoy hablando de celulares? Bueno, traje este tema a colación porque la navegación vía celular es un hecho. Además, como bien lo dijo el presidente de NTT DoCoMo (la operadora con el 50% del mercado en Japón) en febrero de este año, Internet se ha extendido gracias a la red de los ordenadores personales, pero la expansión que le pueden dar los teléfonos móviles es aún mayor, dado que la gente los lleva consigo todo el tiempo y con ellos se puede acceder a numerosos servicios, como hacer compras online y participar en subastas. El servicio de Internet en los móviles será la aplicación fundamental. Aún no se cuenta con la tecnología para mostrar lo mismo en el móvil que en el ordenador personal, pero el número de opciones aumenta rápidamente.

Y así lo corrobora en Héctor en KiraiNet quien publicó otros datos hace tan sólo 2 días:
  • Japón va a ser el primer país del mundo donde el mercado de los ordenadores personales comience a reducirse dando paso a una era móvil.
  • La industria que antes se dedicaba a hacer ordenadores... están todos apostando por el futuro de los dispositivos móviles.
  • En Japón, los chavales crean su primer blog, no con un ordenador, sino con un móvil.
  • ...comienzan a chatear, no con el “MSN Messenger” sino con el móvil.
  • La segunda web más visitada de Japón, Mixi.jp, tiene más visitas desde móviles que desde ordenadores. ¡Y estas visitas suman más que las que recibe Google Japan desde ordenadores!
  • En febrero nos contaba que más del 50% de los accesos a YouTube del mundo son desde Japón, donde los adolescentes están enganchados a ver vídeos a través de sus móviles.
Ahora quiero preguntarte: ¿Tu sitio Web está preparado para este presente y este futuro?

Hace unos años el mundo era dominado por Windows e Internet Explorer así que era fácil diseñar un sitio Web para ellos. Sólo necesitabas, además de tu editor de HTML, un Windows y un navegador.
Luego fueron llegando Firefox, Opera y otros navegadores alternativos los cuales también instalaste en tu Windows.
Pero hoy en día, vemos más y más usuarios de Mac y Linux. En las estadísticas Web aparecen más y más navegadores como Safari, Konqueror, entre otros.

Mira mis estadísticas…
Estadísticas de SOs y Navegadores que visitan estandares y accesibilidad.com

Aunque Windows está sobrado, vemos otros SOs. ¿Pero hasta cuándo durará esto? Y ni hablar de los navegadores. IE dejó de ser rey absoluto y le sigue ya de cerca Firefox. ¿Te vas a comprar un Mac y un Linux para poder probar tus Web en ellos?

¡Día a día llegan y llegan otra variedad de dispositivos que pueden navegar!

Imagen tomada de la presentación El W3C y la "nueva" Web.

Estoy seguro que no vas a tener cada uno de estos dispositivos, ni vas a tener tiempo de probar en cada emulador que haya para ellos (como nos muestran en SentidoWeb o como les comenté hace algunos días).

¿Qué haremos entonces? Fácil: ¡Trabajar con los estándares Web!

Vas a lograr un mejor posicionamiento, vas a reducir tu trabajo de montaje y mantenimiento, van a cargar más rápido tus páginas… Además… ¡Vas a maximizar el número de visitantes potenciales y vas a estar preparado para el futuro!

Los estándares Web nos permiten estar preparados para este futuro que está a la vuelta de la esquina. Así de sencillo. Este es otro motivo para usarlos, ¿no lo crees?

viernes, noviembre 09, 2007

Nueva edición del Programa Vostok

Logotipo del Programa Vostok

Ha llegado la hora de una nueva edición del Programa Vostok, el programa con que Javier Cañada (el mismo de Cadius, 11870.com, La Coctelera, etc.) formará 12 5 diseñadores de interacción.

He oído hablar muy bien de este programa que sólo abre 12 5 exclusivas plazas. La novedad de esta segunda edición es que, además de Madrid, se dictará otro en Barcelona, bajo la tutoría de Ariel Guersenzvaig.

Si vives en una de estas dos ciudades y quieres ser un Diseñador de Interacción puedes informarte en el sitio del programa.

Actualización: El 25 de enero comienza el curso. Ya abrieron las inscripciones.

jueves, noviembre 08, 2007

Día Mundial de la Usabilidad

Logotipo Día Mundial de la Usabilidad

Ha llegado el día, el ¡DÍA MUNDIAL DE LA USABILIDAD!
¡Nuevamente estamos para unir nuestras voces para que la Usabilidad, sea conocida, entendida y trabajada por todos!

Este año, desafortunadamente, no tenemos ningún evento en Colombia. Sin embargo en otros países de habla hispana pondrán su granito de arena. A saber Argentina, Chile, México, Perú, España y Uruguay.

¿Quieres asistir? Gracias a las maravillas de la tecnología podrás hacerlo vía Internet. Visita los Webcast que estarán disponibles (28 en total). ¡Ya comenzaron! ¿Qué esperas?

En español estarán disponibles vía Webcast:

miércoles, noviembre 07, 2007

Accesibilizando la Web

Logotipo de Accesibilizando la Web

Excelente la presentación que hizo Eugenia el pasado 5 de noviembre en Buenos Aires (Argentina).

...una aproximación al desarrollo de sitios y aplicaciones accesibles para mejorar la eficiencia de la web, el acceso a la información y la inclusión de todos los usuarios más allá de su discapacidad tecnológica o física...

Más que recomendada: Accesibilizando la Web.

martes, noviembre 06, 2007

¿De qué se trata la Usabilidad?

Imagénes del video Usabilidad Divertida

Respóndete después de ver el siguiente video. ¡Demasiado bueno!:



Gracias a Olga de Itákora.

El Arte de Enlazar



Hace algunos días hablamos sobre cómo hacer un buen enlace sin incluir las palabras clic aquí dentro de él.

Pero esa es sólo 1 de las muchas buenas prácticas que hay. Los invito a leer y releer Evitando el click aquí: el arte de enlazar, traducción de que hizo SIGT.net de Don’t Click Here: The Art of Hyperlinking [en].

Adicionalmente revisa otras buenas recomendaciones que en microsiervos añadieron y explicaron.

lunes, noviembre 05, 2007

Cursos de HCI y Usabilidad Gratis

logo emagister.com

Reseñando algunas publicaciones nuevas para mi artículo Libros Gratis (en el cual ya tengo recopilados más de 20 recursos), encontré la página de cursos gratuitos de HCI y Usabilidad de emagister.

Al momento de esta reseña tienen 88 recursos dentro de HCI y Usabilidad, 18 sobre accesibilidad, 128 sobre diseño de páginas Web (revisa que el recurso tome como referencia los estándares Web)...

Recursos que incluyen monografías, tutoriales, cursos, artículos y manuales gratuitos. ¡Muy interesante para quienes estén comenzando!

Ponencias de Webelopers

Logo Webelopers - Enterprise 2.0

Hace 15 días se realizó en España se realizó Webelopers y ya comenzaron a publicar las ponencias.

Dentro de ellas puedo destacar la presentación de Borja Delgado titulada: Estándares web, integración de tecnologías y accesibilidad.

Este evento hizo parte de Internet NG 2007, promocionadas como las jornadas más completas sobre Web 2.0 en Madrid.

viernes, noviembre 02, 2007

POSH - Plain Old Semantic HTML

Plain Old Semantic HTML (POSH)

¿Has oído hablar de POSH? Es el término que me imagino se va a poner de moda y que no es otra cosa que una palabra que se refiere a algo viejo.

Primero: POSH = Plain OLD Semantic HTML. Que es algo así como HTML Viejo, Plano y Semántico.

Segundo: ¿A qué se refiere? Retomo las palabras de Roger Johansson: Es una nueva y rápida forma de decir: HTML bien estructurado, accesible, semántico y válido.

Así que nada de nervios… Están hablando de lo mismo que hemos venido hablando desde hace años: ¡Trabaja con los Estándares Web! ¡Trabaja con un HTML semántico!

Como nos recuerda Roger Johansson, para hacerlo debes:

  • Validar tu HTML.
  • Utilizar las tablas para tabular datos y los divs para diagramar.
  • Usar las etiquetas y atributos semánticos (Ej.: Usa <strong> en lugar de <b>).
  • Nombrar semánticamente tus clases e IDs (Ej: Usa <div id=”menu”> en lugar de <div id=”columnaIzquierda”>).
  • Usar la menor cantidad de HTML posible.

Finalizo esta copia-resumen-traducción del artículo POSH - Plain Old Semantic HTML [En] recordándoles estos tips:
  • Usa para tus títulos las etiquetas HTML que se hicieron para ello: h1 a h6, y asegúrate que tengan lógica dentro del documento (Un H3 no debe ir antes/fuera de un H1 o un H2).
  • Usa las tablas para tabular datos y todas las etiquetas que el HTML 4.01 nos ha dado para ello: caption, th, scope, etc. Esto nos asegurará tablas accesibles. Aquí hay unos excelentes artículos donde explican cómo hacerlo: Bring on the tables [En] o Tablas accesibles.
  • Cuando escribas una cita utiliza las etiquetas q o blockquote.
  • Para las imágenes, haz un buen uso de los atributos Alt y Title. ¿Sabes la diferencia? Aquí Emmanuelle nos explica: Dudas en el uso de los atributos ALT y TITLE para elelemento IMG.
  • Usa los atributos HTML de listas para hacer listas (¡Ojo: Los menús son listas!): Listas ordenadas (ol), listas sin orden (ul) y listas de definiciones (dl). He aquí un buen artículo sobre uso de listas: Using HTML Lists Properly [En].
  • Usa las etiquetas em y strong para hacer énfasis.