Recursos de mi Presentación "Sitios Exitosos"

Me han estado solicitando los recursos que menciono en mi presentación Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario, así que aqui están:

• Ejemplo de separación de presentación y contenido (CSS): CSS Zen Garden.


• jQuery: Librería de JavaScript que, además de fácil y rápida para codificar (y con menos líneas de código), facilita la separación del comportamiento y el contenido (JavaScript No Invasivo). Claro que no es la única: conoce otras librerías.


• Versiones Móviles de Gmail y Facebook.


• Validador de HTML de la W3C: W3C HTML Validation Service


• Validador de Accesibilidad: eXaminator


• Navegador sólo texto: Lynx Viewer


• Otros: Validadores en Herramientas para Diseñadores y Desarrolladores


• Heurísticas para evaluar la usabilidad: EVALUACIÓN HEURÍSTICA en Herramientas para Diseñadores y Desarrolladores


• Videos sobre Accesibilidad: ¿Cómo navegan las personas ciegas o con visibilidad reducida?


• Video del marcianito: ¿De qué se trata la Usabilidad?


• Mi propuesta de rediseño del SenaVirtual.edu.co.


• Aprende los Estándares Web


• Únete a la Comunidad Colombiana de Usabilidad: Usarte.org

Igualmente les recuerdo el listado de recursos que había recopilado para mi otra charla: Estándares Web y Accesibilidad en Colombia.

La Usabilidad en el Email

Así como debes tener muy en cuenta la Usabilidad en tus proyectos Web, también debes tenerla para tus proyectos con el email. ¡Sí! Esos boletínes o newsletters que envías periódicamente a tus clientes.

¿Cómo? Teniendo muy en cuenta estas Guías: 2008 Email Design Guidelines, publicadas por Campaing Monitor.

Si claro. Estas son unas Guías de Diseño, pero si las lees detenidamente verás que también te servirán para hacer tus comunicaciones más usables.

• No desperdicies el tiempo de tus lectores: Así que directo al grano y si tu boletín es un extenso incluye en primera medida una tabla de contenido.


• Los permisos importan: ¿Tienes el permiso para enviar tu email a cada uno de tus clientes? Además recuérdales quién eres y por qué deben creer en tí.


• El contenido le gana al permiso: Además de tener su permiso, a tus clientes debes enviarle información relevante.


• Haz fácil la salida de tu lista: No tienes porque escribirle a quienes no estén interesados.


• El bloqueo de imágenes es común: Muchos clientes y webs de correo bloquean las imágenes por defecto, así que tu mensaje no debe depender de ellas.


• Usa tablas: Desafortudamente el soporte de CSS no es el adecuado en los clientes de correo. Así que para diagramar usa tablas.


• Cuando uses estilos, úsalos inline: Por el mismo motivo anterior.


• No te olvides de la versión sólo texto: Muchos de tus clientes la prefieren.


• Conoce las leyes de correo electrónico de tu país: Porque hay leyes que lo controlan y son diferentes en cada uno.


• Prueba, prueba, prueba: Así como debes probar, probar y probar con tu sitio Web, igual hazlo con tus correos.

Este es un resumen de las guías. Deberías sacar el tiempo y leer el artículo completo en su blog, donde encontrarás más detalles y ejemplos de cada item.

Adicionalmente, te recomiendo su excelente Galería de Emails en HTML y sus plantillas para correos sólo texto en donde encontrarás gran inspiración

Webelo: Herramienta de Evaluación de Accesibilidad Web para Eclipse

Eclipse es un Entorno (IDE) de Desarrollo Open Source, creado originariamente por IBM, que es muy popular con los desarrolladores de Java, C/C++ y Web, por sólo mencionar unos cuantos proyectos que puedes trabajar en él.

La noticia de hoy, gracias al blog de Alan Chuter, es el lanzamiento de la primera versión de prueba de AcTF Webelo (Accessibility Tools Framework).

Webelo es una colección de componentes para Eclipse que permite a los creadores de contenidos Web y desarrolladores de aplicaciones Web llevar a cabo evaluaciones de la accesibilidad de su trabajo. Webelo aprovecha el componente navegador Mozilla para evaluar el árbol de estructura creado por el navegador en vez del código fuente recibido del servidor. Se entrega con un paquete de reglas basado en la Lista de Comprobación de Accesibilidad de IBM. Es una versión muy preliminar de un producto en desarrollo y la documentación en inglés no es completa.

Así que si eres usuario de Elipse, ya puedes comenzar a evaluar la Accesibilidad de tus proyectos.

La Accesibilidad en Colombia

El proceso de sensibilización sobre la Accesibilidad en Colombia ha sido largo. Poco a poco este tema, que debería ser de gran prioridad, se está dando a conocer y hoy les invitaré a leer unos artículos que recientemente han sido publicados en dos de los medios más importantes del país.

Por un lado, en la sección de blogs de El Tiempo, Mario Carvajal escribe un muy buen artículo titulado: Accesibilidad Web en Colombia: mal, mal, mal.

Por el otro, en El País, publican una interesante historia sobre inclusión digital: En-redados, en donde cuentan la historia de Sandra Solano, una sorda que ama el chat.

El Retorno de WebMonkey

Ha vuelto un clásico del desarrollo web: WebMonkey: The Web Developer's Resource: un recurso público y gratuito para desarrolladores web, en donde desarrolladores, diseñadores y programadores como tu, escriben los artículos, tutoriales, trozos de código (code snippets) y otras contribuciones.

Como versión 2.0 beta que se respete, incluye blog y nos invita a que escribamos artículos (en inglés) para que hagamos parte de esta "nueva" comunidad de desarrollo Web.

Mi recuerdos con WebMonkey se remontan hace muchos años, cuando leí uno de los primeros artículos sobre Experiencia de Usuario que encontré en la Red: Information Architecture Tutorial. Es más: en esa época ni siquiera era usado el térmico de Experiencia de Usuario. En todo caso un clásico entre los clásicos.

La Usabilidad también tiene en cuenta las URLs

Las URL semánticas o amigables son las direcciones web que pueden ser entendidas por los usuarios a simple vista ya que están formadas con palabras que muchas veces están relacionadas con el contenido de la página y son fáciles de recordar.

Evalúa cuál URL te gusta y resulta más amigable (y usable):
- http:// www.MiSitio.com / productos.aspx ? id=50
o
- http:// www.MiSitio.com / productos / camiseta_R20 /

Obviamente la segunda es mejor para los internautas y hasta para los buscadores.

Te invito entonces a que leas este interesante post: URL semántica / Clean URL / Friendly URL en el blog Interacciones.

Y si quieres hacer tus URLs amigables, te recomiendo buscar en Google de acuerdo al lenguaje/CMS que trabajes. Por mi lado, que trabajo .Net, recomiendo: UrlRewritingNet.

Capire: Edición Mayo 2008

Comenzamos el día con la lectura de Capire: Revista de Estrategia e Interacción, quienes mes a mes nos traen información muy interesante.

El listado de todos los artículos:

• Mis amigas imaginarias en Facebook por Nixa Espínola B., Arquitecta de Información de Amable


• Psicología del cambio tecnológico por Juan Luis Martínez, Director de Capire.info


• Baja calidad de formularios y cartas de gobierno por David Sless, CEO de Communication Research Institute


• Google no es Dios. Aprendiendo a buscar por Javier Martínez A., Gerente de Gestión del Conocimiento de Catenaria


• Ceguera a la navegación y usabilidad del menú (RECOMENDADO) por Henrik Olsen, creador de GUUUI

Crea Webs Accesibles y el TAW en los Premios Día Internet

Crea Webs Accesibles es una campaña online cuyo único objetivo es la concientización de la accesibilidad web hacia todos los sectores de la sociedad. Con el aporte de fotos, que anuncian la campaña, subidas a Flickr con el tag "webs accesibles" y la difusión en varias webs, muchos conocen los beneficios de una web accesible.

Esta campaña ha estado con nosotros desde finales del año pasado, sin embargo la novedad de estos días es que esta Campaña está dentro de los finalistas de los Premios Día de Internet, los cuales tienen como finalidad reconocer el esfuerzo de personas e instituciones para incorporar a los ciudadanos a la Sociedad de la Información, fomentar la accesibilidad y la seguridad y estimular las iniciativas orientadas a conseguir una mayor apertura, diversidad y participación con motivo de la celebración, el 17 de mayo, del día mundial de las telecomunicaciones y de la sociedad de la información.

Felicitaciones a Eugenia, gestora de la Campaña!!

Ah, y se me olvidaba comentar que dentro de los finalistas de estos premios, en la Categoría Diversidad, encontramos otro conocido de esta Casa: el TAW, un validador que te permite evaluar la Accesibilidad de tu Web.

Opera Mini 4.1 ya se Encuentra Disponible

Opera ha anunciado la nueva versión de su navegador para dispositivos móviles Opera Mini 4.1, considerado por muchos como el mejor navegador para dispositivos móviles.

Dentro de las características que encontramos en esta nueva versión tenemos:

• Es un 50% más rápido que Opera Mini 4.0.
• Sugiere, de forma automática, la completación de las URL, haciendo fácil e intuitiva el introducir las direcciones.
• Las páginas Web pueden ser guardadas para acceder a ellas más tarde de forma off-line.
• Te da un rápido acceso alas palabras o frases que quieras en las páginas Web.
• Imágenes y otros contenidos pueden ser descargados sin abandonar Opera Mini

Y recuerda que no tienes que tener un móvil para probar esta maravilla. Tan solo visita su Demo y listo.

Gracias a Más Que Accesibilidad.

Conferencia Sitios Exitosos

Mañana miércoles 14 de mayo estaré en la Corporación Universitaria Remington presentando mi Conferencia Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario. La entrada es gratuita, así que están cordialmente invitados.

Lugar: Corporación Universitaria Remington
Fecha: Miércoles, 14 de Mayo
Dirección: Calle 51 N. 51-27 - Edificio Coltabaco Torre 1
   Parque de Berrio (Al lado de la Estación del Metro)
   Auditorio Ligia Posada de Váquez - Piso 10
   Medellín (Colombia)
Horario: De 6:00 PM a 8:00 PM

Reunión de Webmasters en Bogotá

Como resultado del Cocktail Cadius en Bogotá ha comenzado una nueva iniciativa: La Reunión de Webmasters (Bogotá).

Esta es una reunión quincenal para un trabajo académico y de formación entre todos los miembros, donde cada quien aporte desde su propia experiencia y formación...

La primera cita es este próximo viernes 16 de Mayo a las 6 p.m. en el Tecnoparque Colombia (Calle 54 No. 10-39 - Bogotá) y el tema a tratar será "Arquitectura de la Información".

Este es el evento en Facebook si deseas participar o deja tu confirmación en los comentarios del post.

No olvides inscribirte al RSS de usarte.org para que estés enterado de otros eventos en Colombia y si estás en otro país de habla hispana he aquí otros eventos que pueden ser de tu interés.

8 Herramientas Gratuitas para la Usabilidad

En el blog de CSS Addict han recopilado 8 herramientas gratuitas que te servirán para evaluar la usabilidad de tu Web:

• Taskee: Te ayuda en el proceso de comunicación y asignación de tareas. Le facilita la vida a tu grupo de trabajo a la hora de las revisiones y pruebas de tu sitio.


• StomperScrutinizer: Una especie de navegador que emula un Eye Tracking.


• CrazyEgg: Te da un "mapa de calor" con las áreas donde tus visitantes hacen Clic.


• ClickHeat: Te muestra las áreas "calientes y frías" de tus páginas basadas, igualmente, en los Clics.


• User Rec: Un plugin para Firefox 1.5 que graba la actividad del ratón. Puede ser útil para revisar lo que hace un usuario en tu sitio.


• OptimalSort: Te ayuda a realizar un CardSorting (Técnica de categorización de contenidos).


• DejaClick: Otra extensión para Firefox que igualmente te permite grabar lo que hacen tus visitantes.


• Web Metrics: Un analizador de estadísticas con varias herramientas que te ayudarán con algunos problemas de usabilidad (chequeador de código, analizador de sesiones, entre otros.).

Gracias a ceslava.

Comparativa de Accesibilidad de las WCAG 1.0 y la Norma UNE 139803/2004

En España la norma que rige en los aspectos de Accesibilidad Web es la UNE 139803/2004, en lugar de la WCAG 1.0 de la W3C. Sin embargo esta Norma se basa en las WCAG y se diferencian en poco.

Si estás en España y dentro de tu trabajo debes revisar la Accesibilidad Web, Olga Revilla en su blog Itákora ha publicado un archivo de Excel que te facilitará la comparación de ambas. En ella pone todas las normas de la WCAG y a lado su correspondencia con la UNE... De esta forma, cuando tengas que evaluar los puntos de prioridad 1 y 2 de la UNE, los puedes identificar rápidamente ordenando por la columna correspondiente de prioridad UNE. Si por el contrario tienes que evaluar según la prioridad 1 y 2 de la WCAG, pues lo mismo pero con la columna de prioridades WCAG.

Herramienta de Depuración para el Navegador Opera

Opera, uno de los mejores navegadores Web, ya cuenta con el pequeño detalle que le faltaba: Una herramienta de Depuración: Opera DragonFly. ¿Y eso para qué sirve? Simplemente, nos sirve a los desarrolladores Web a depurar nuestras aplicaciones Web.

Otros navegadores ya cuentan con una:

• Firefox cuenta con Firebug
• WebKit con Web Inspector
• Internet Explorer con DebugBar y Companion.js

Esta noticia ha sido realmente una novedad, ya que lo he visto mencionado en gran cantidad de Blogs. Así que para no repetir los invito a leer el post de lanzamiento e introducción: Introduction to Opera Dragonfly o la explicación en español por Andrés Nieto: Probando Opera DragonFly Beta.

Publicadas las 3 Ponencias de la Feria Tiendas Virtuales

Ya están publicados los videos de las ponencias de la III Feria de Tiendas Virtuales.

Inicialmente les comenté sobre: Usabilidad: Claves para convertir usuarios en clientes en manos de Daniel Torres Buriel (Slides en SlideShare).

Las nuevas ponencias publicadas son:

• Proyecto Panoramio
• Elementos Críticos de Usabilidad para Tiendas Online

Ambas en manos de Eduardo Manchón

Experiencia de Usuario en Nokia

Les comparto el artículo User Experience Evaluation in Nokia [PDF - 38 KB], en donde esta compañía describe su proceso de desarrollo de productos desde la perspectiva UX, discute los requisitos para una evaluación de UX y presenta los diferentes métodos que usan para evaluar la UX en las diferentes fases de su proceso de desarrollo.

Como es de esperarse, ellos utilizan desde prototipos en papel, en un proceso que busca tanto diseñar las nuevas experiencias de sus clientes, como mejorar continuamente sus soluciones existentes. Proceso que, además, comienza examinando las necesidades de sus usuarios y sus comportamientos.

Olvídate que Nokia es una empresa que fabrica móviles y aprende de este proceso para los desarrollos Web de tu compañía.

Actualización: Acabo de encontrar el sitio de BetaLabs de Nokia. Precisamente allí podemos descargar, probar y comentar las aplicaciones que están en estado Beta y en las cuales Nokia está trabajando. ¡Esto es lo que se llama inclusión! Todos los usuarios podemos participar del desarrollo e innovación de Nokia.

Gracias a InfoDesign y the product usability weblog.

Videos y Podcasts de IxDA Interaction 08

A mediados de febrero te comenté sobre algunos videos de Interaction 08, la primera conferencia organizada por IxDA - The Interaction Design Association (La Asociación de Diseño de Interacción).

Hoy tengo el placer de informarte que ya han publicado oficialmente la mayoría de los Videos y Presentaciones de la Conferencia que reunió muchos de los grandes exponentes del Diseño de Interacción en Estados Unidos.

Gracias a IxDA.

100 Recursos Imprescindibles de Accesibilidad Web

Una muy buena recopilación de recursos sobre Accesibilidad Web (en inglés) la que publicaron en WHDb: 100 Killer Web Accessibility Resources: Blogs, Forums and Tutorials.

En ella encontramos Sitios Web, Tutoriales, Foros, Simuladores, Herramientas, Validadores y mucho más. ¡Muy recomendable!

Gracias a kabytes.