Gracias a kabytes me acabo de enterar de un servicio muy interesante: Kampyle.

Ellos te ofrecen la recolección de lo que piensan los visitantes de tu sitio web: ¡tus clientes! Y no puede ser más claro su servicio que su slogan: Consigue retroalimentación. Consigue ser mejor.

Como bien dice Pablo en su blog, “no veo mucho sentido en hacer una votación para elegir un logo o un diseño, son cosas personales y que de una u otra forma nos deben gustar a nosotros”.

Asi que este servicio deberá estar enfocado a evaluar las tareas que realizan tus clientes en tu sitio Web. Así que se precavido sobre lo que preguntas. Recuerda, así como los diseñadores web no serán tus visitantes, tampoco tus visitantes serán tus diseñadores web.

En cuanto a precios tienen una gama de alternativas que varían de acuerdo a la cantidad de retroalimentación y formularios desees tener en tu Web. Pero eso sí, tienen un plan gratuito para obtener la retroalimentación de 50 de tus visitantes. Algo muy interesante para una primera revisión de cómo se sienten en tu Web.

¿Qué esperas para instalarlo? Visita Kampyle.

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.

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.

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.

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.

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.

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.

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.

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.

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.