lunes, diciembre 31, 2007

Nuevas Leyes en España en Pro de la Accesibilidad Web

Ministerio de la Presidencia

En España, como varias veces lo he dicho, es increible como se trabaja constantemente en pro de la Accesibilidad. Me acabo de enterar, gracias a Olga Carreras, que acaban de publicar dos nuevas leyes:
Copiando de estos post de Olga:
La Ley 56/2007 obliga, no sólo las páginas de Internet de la Administración Pública, entidades y empresas que se encarguen de gestionar servicios públicos o empresas privadas que reciban financiación pública, sino también toda una serie de empresas de "especial transcendencia económica", tales como entidades bancarias, aseguradoras, agencias de viajes, de transporte, suministradoras de gas, agua y electricidad, entre otros, siempre y cuando tengan más de 100 trabajadores o una facturación superior a 6 millones de euros.
Así que en España, por Ley, los sitios deben ser Accesibles. Y nó sólo los del Gobierno.
La Ley 49/2007 establece el régimen de infracciones y sanciones en materia de igualdad de oportunidades, no discriminación y accesibilidad universal de las personas con discapacidad... Las infracciones serán multas entre los 301 euros y el millón de euros... El abono de la multa no exime del cumplimiento de la Ley 51/2003.
¿Qué más se puede decir? Que en los post de Olga hay información más detallada al respecto y que próximamente actualizaré mi post Legislación sobre Accesibilidad en España y Latinoamérica con estas nuevas leyes.

Diagramación con Hojas de Estilo (CSS)



Algo sobre lo que siempre se habla en los Estándares Web es la diagramación mediante Hojas de Estilo - CSS. Y este recurso que acabo de encontrar me cae como anillo al dedo, porque precisamente hace 2 días estuve revisando un sitio que están rediseñando y !oh sorpresa la mía cuando veo un sitio con un gran toque gráfico pero diagramado totalmente con tablas!

Y es que para diagramar con CSS no se necesita ser un experto. Tan sólo tienes que:
  1. En lugar de acomodar tus secciones/columnas en TDs de tablas hazlas con DIVs.
  2. Busca la diagramación que corresponda a tu diseño (Encabezado con 2 columnas, encabezado con 3 columnas...).
  3. Descarga el layout y acomoda los anchos de tu diseño.
  4. Y comienza a montar.
¡Ah! Ya te estarás preguntando: ¿Y dónde busco la diagramación que cuadre con mi diseño (Paso 2)? Fácil: En 22 Recursos para Diagramar Fácilmente con CSS.

Precisamente el primero es el que generalmente consulto: Layout Gala. Pero como verás hay muchos más recursos de donde bajar tu digramación en CSS.

Gracias a 22 sitios útiles para crear layouts en CSS.

17 Herramientas en Pro de la Accesibilidad Web



Fran Tarifa ha publicado dos excelentes post recopilando herramientas que nos servirán a los diseñadores a hacer Web más accesibles.

Por un lado publicó Simuladores para personas con discapacidades cognitivas, en donde reúne y describe estas 7 herramientas:
Por otro lado, publicó 10 simuladores para personas con problemas de visión, en donde nos describe estas otras 10 herramientas:
La mayoría de ellas son muy interesantes y de evaluación obligatoria.

sábado, diciembre 29, 2007

La Diagramación en la Arquitectura de Información

Diagramas = Planos (BluePrints, Architecture Map) + Maquetas (Wireframes, Mockup, Protype)

No Solo Usabilidad ha sido punto de referencia para mi, y estoy seguro que para muchos de mis lectores. Y como regalo de navidad han publicado un excelente artículo titulado La Diagramación en la Arquitectura de Información en manos del Cubano Rodrigo Ronda León.

Igualmente Daniel Torres Buriel lo comenta e incluye otros enlaces muy interesantes en Arquitectura de información y sus elementos asociados.

INTECO gana el Premio Complutense - Microsoft de Diseño Accesible

Universidad Complutense - Microsoft de Diseño Accesible - Cátedra microsoft de Accesibilidad a la Educación

En septiembre les comenté sobre los Premios Complutense - Microsoft de Diseño Accesible. ¡Ahora la buena nueva es que ya hay un ganador!

El jurado reunido el 20 de Noviembre de 2007 ha decidido otorgar el II Premio Complutense Microsoft de Diseño Accesible al Proyecto WebCS realizado por el área I+D+i del Centro de Referencia de Accesibilidad y Estándares Web del Instituto Nacional de Tecnologías de la Comunicación (INTECO).

El acto de entrega tendrá lugar el 30 de enero de 2008 en la Universidad Complutense de Madrid.

Y este proyecto ganador es de verdad muy interesante, según leí en INTECO: WebCS (Web Content Schemas): Un proyecto que tiene por objeto facilitar la edición de páginas Web Accesibles de forma automática, desde los sistemas de gestión de contenidos (CMS), empleados para la introducción de contenidos en los portales Web, y con independencia del nivel de conocimientos de Accesibilidad que posea el usuario encargado de desempeñar dicha función.

AOL entierra a Netscape

Netscape Navigator

Malas noticias compañeros. Hasta aquí llegó el que fuera nuestro primer Navegador: Netscape Navigator. Actualmente está disponible la versión 9.0, la cual salió hace unos pocos meses y está basada en Firefox. Pero, lamentablemente, este nuevo empuje que le dió este año AOL no fue suficiente.

Es por eso, que hasta febrero del 2008 tendremos a este navegador, que marcó su huella en la historia de Internet: Fue el navegador más usado, hasta que llegó Microsoft, con sus prácticas monopólicas, y plantara Internet Explorer en Windows.

Se va Netscape, pero afortunadamente nos quedan Firefox y muchos otros navegadores alternativos...

Gracias a AOL entierra a Netscape (1994-2007).

Actualización: En eConectados hicieron una muy buena entrada con la historia de este navegador.

viernes, diciembre 21, 2007

Accessibility Interoperability Alliance

AIA - Accessibility Interoperability Alliance

En manos de un grupo muy interesante ha surgido una nueva iniciativa en pro de la accesibilidad. Se trata de la Accessibility Interoperability Alliance - AIA (algo así como Alianza de Interoperabilidad de la Accesibilidad).

Esta iniciativa ha sido iniciada por un grupo de compañías líderes en las áreas de la tecnología de la información (Information Technology) y de ayuda a usuarios con necesidades especiales (Assistive Technology), proveedores de contenido y otras compañías de ingeniería, con el único fin de crear y armonizar estándares en la tecnología de ayuda a usuarios con necesidades especiales (Assistive Technology).

Al día de hoy pertenecen compañías de la talla de Adobe Systems, Bayfirst Solutions, HP, Microsoft, Novell, Oracle, Ai Squared, Claro Software, Dolphin Oceanic, GW Micro, HiSoftware, Madentec, QualiLife y TextHelp Systems.

Dentro del trabajo que han comenzado a hacer está la UI Automation Specification Community Promise. Algo así como la Promesa en Comunidad de Especificación de la Automatización de la Interfaz de Usuario.

Me encantan esos nombres técnicos que utilizan... Super fácil traducirlos.

Gracias a Introducing AIA.

miércoles, diciembre 19, 2007

La Simplicidad está altamente Sobrevalorada



Una de las filosofías de la Usabilidad es hacer los productos más sencillos. La sencillez y simplicidad creemos que harán productos más fáciles de usar y por lo tanto más exitosos. ¡Pero oh sorpresa: esto no es del todo verdad!

Gracias a Don Norman en su artículo la Simplicidad está altamente Sobrevalorada, el cual me encantó, me doy cuenta de que esta simplicidad puede ser, por el contrario, el camino hacia productos poco exitosos.

He aquí algunos partes, aunque les recomiendo el artículo completo:
En Corea del Sur encontré algo interesante... productos Coreanos y no Coreanos... Los productos Coreanos parecieran más complejos que los No Coreanos... Aún con igualdad de precios y especificaciones. ¿Por qué? Porque a los Coreanos les gustan las cosas que parezcan complejas... Muestra status...
¿Por qué todos esos botones y características? ¿Por qué hacen cosas que deliberadamente confuenden a la gente que los usa?... Respuesta: Porque a la gente le gustan las características. La simplicidad es un mito...
Hazlo simple y la gente no lo comprará. Dadas dos opciones, la gente tomará la que tenga/haga más. Las características ganan sobre la simplicidad, aun cuando la gente sepa que esta acompañada de mayor complejidad.
¿Pagarías más por algo con menos controles [controles más simples]? La simplicidad cuesta más y la gente prefiere algo más barato con más características.
La gente no pagará por un sistema que parezca más simple porque sencillamente parecerá que hace menos.
Estoy señalando un hecho de la vida: los compradores, en todo el mundo, prefieren dispositivos más poderosos que los que tengan menos características.
Por supuesto que estoy a favor de un buen diseño y productos atractivos. Productos fáciles de usar. Pero cuando llega el momento de la compra, la gente tiende hacia los productos más poderosos, y esto lo juzgan por la aparente complejidad de los controles.

Lo mejor es su conclusión:
Este es un excitante desafío de diseño: hacer algo que parezca poderoso y a la vez hacerlo fácil de usar. Y atractivo. Y asequible. Y funcional. Y apropiado para el ambiente. Accesible para todos. Por eso es que me gusta el diseño: porque presenta desafíos maravillosos.

Ahora te pregunto: ¿Opinas que esto mismo aplica en Internet? ¿Teniendo, por ejemplo a Flickr y a Zooomr, escogerás el más fácil de usar o el que se vea/tenga más características? ¿Estás haciendo sitios que se vean muy poderosos pero que sean fáciles de usar?

martes, diciembre 18, 2007

Gratis Reporte de Accesibilidad por Jakob Nielsen

Beyond ALT Text:Making the Web Easy to Use for Users With Disabilities

Como regalo a sus lectores y clientes fieles, Jakob Nielsen y su compañía Nielsen Norman Group han publicado gratuitamente su reporte de Accesibilidad: Beyond ALT Text:Making the Web Easy to Use for Users With Disabilities

El título completo del reporte es: Más allá del Texto Alternativo: Haciendo la Web fácil de usar para usuarios con discapacidades - Guías de Diseño para Sitios Web e Intranets basadas en Estudios de Usabilidad de Gente usando Tecnología de Asistencia.

Este reporte fue publicado inicialmente en octubre del 2001 y contiene, entre otras cosas:
  • El resultado de las pruebas de usabilidad en 19 sitios Web con usuarios discapacitados y que usan diversos tipos de tecnologías asistenciales.
  • Datos recolectados en Estados Unidos principalmente.
  • 75 guías detalladas de diseño.
Gracias a Free report on accessibility from Jakob Nielsen.

Recuerda: Diseñas para Personas

Don't Make Me Think: a Common Sense Approach to Web Usability

Recuerda que diseñas para personas: ¡No diseñas para diseñadores ni para desarrolladores!

Los diseñadores tienden a pensar que a la mayoría de la gente le gustan los sitios que sean visualmente interesante porque precisamente a ellos les gustan los sitios que son visualmente interesantes. De hecho, probablemente son diseñadores porque disfrutan del buen diseño y encuentran que hace las cosas más interesantes y fáciles de entender.
Los desarrolladores, por otro lado, tienden a pensar que a la gente les gusta los sitios con muchas características porque precisamene a ellos les gustan los sitios con muchas características.
El resultado es que los diseñadores quieren hacer sitios que visualmente sean muy atractivos y los desarrolladores quieren hacerlos con características interesantes, originales y elegantes.
Steve Krug en Don't Make Me Think

¿Tu para quién diseñas y desarrollas tus sitios?

Videos del Taller de Usabilidad de Cadius

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

¿Recuerdan que hace unas semanas semanas les presenté el material del Taller de Usabilidad: ¿Es mi aplicación o sitio Web usable? que realizó Cadius con motivo de la IV Semana del Emprendedor de Base Tecnológica en la Universidad Pontificia de Salamanca?

Pues les cuento que acaban de publicar los videos de dicho taller.

He aquí el video de la presentación y en la página de Cadius Madrid encuentran otros 6.

domingo, diciembre 16, 2007

Razones para que las Empresas adopten la Accesibilidad Web



Artículo original: Business Reasons for Web Accessibility
Autor: Dennis Lembree
Traducido por: Gabriel Porras

Un sitio Web accesible disminuye sus costos, aumenta sus ventas e incrementa su buena imagen.

La mayoría de la gente sabe que la accesibilidad Web puede ser requerida por Ley y es “la forma correcta de hacer las cosas”. Pero también hay muchas razones para que las empresas la implementen.

Aumenta la cuota de mercado potencial

Haciendo un sitio Web accesible, el uso potencial de un sitio se incrementa debido a que su contenido estará totalmente disponible para aquellas personas con algún tipo de incapacidad, al igual que para quienes usan tecnologías alternativas. Esto significa una expansión en su cuota de mercado potencial, y esto usualmente se traduce en un aumento en las ventas.

Un código más liviano ahorra ancho de banda

Los sitios Web accesibles implementan los estándares Web lo cual permite un código más limpio y claro, y con menor tamaño en los archivos. Esto se traduce en un requerimiento de menor ancho de banda, lo que significa menor costo de alojamiento, dependiendo del plan de hospedaje y la cantidad de tráfico que se tenga. Adicionalmente, los usuarios verán un sitio más rápido.

No requieren formatos alternativos

Si un sitio Web es accesible, disminuye los costos de tener que dar la información a clientes discapacitados en otros formatos como en un sitio alternativo, folletos especiales o utilizar braille.

Vende más y reduce los costos de soporte

Los sitios Web accesibles, de por sí, aumentan los factores de usabilidad (especialmente para aquellos que tienen discapacidades cognitivas o son usuarios inexpertos). Lo que mejora el porcentaje de éxito entre los usuarios. Por ejemplo, los visitantes alcanzarán más fácilmente su objetivo de visita al sitio: como comprar un producto. Y puesto que el sitio es más fácil de usar, los requerimientos de soporte disminuyen.

Aumenta la imagen positiva

Si una compañía tiene un sitio Web accesible, mejora su imagen pública. Directamente muestra que la compañía es responsable y le importan sus clientes. Y esto se logra sin una publicidad costosa ni programas de promoción. Adicionalmente evitan la posibilidad de recibir una publicidad negativa (como le sucedió a Target).

Consecuencias legales

Como se mencionó en la introducción, la accesibilidad Web puede ser requerida por Ley. Por lo tanto una compañía puede evitar importantes costos legales haciendo su sitio Web accesible. Adicionalmente aunque no existiera una ley, una empresa puede tener ciertos riesgos. En Estados Unidos, la Federación Nacional de Ciegos demandó a las tiendas Target por su sitio Web inaccesible, aunque no hubiera una ley que obligue a los sitios de este tipo a ser accesibles. Y como este caso se hizo muy popular, la imagen de la corporación Target se ha visto muy perjudicada.

Mejores Prácticas para Diseño de Formularios Web

Best Practices For Web Form Design

Si has trabajado aplicaciones Web sabes de la importancia de los formularios. Mientras que en un sitio tradicional sólo los vemos en la página Contáctenos, en una aplicación Web son el pan de cada día... Debes utilizar formularios para ofrecer un registro, para las búsquedas, para que tus clientes compren...

Ahora, ¿sabes hacer formularios usables y accesibles? El diseño de formularios es "toda una ciencia" y para demostrarlo los invito a ver la presentación Mejores Prácticas para Diseño de Formularios Web [en] de Luke Wroblewski, especialista en el área en Yahoo! Inc.

En ella nos da unas recomendaciones, basado en pruebas de usabilidad, soporte a clientes, mejores prácticas y pruebas de eye y site tracking. Recomendaciones en cuanto a la alineación de los label, los campos requeridos, tamaño de las cajas, agrupamiento, validación, mensajes de error, entre otros tópicos.

Si te interesa aprender más (estos no son más que los slides de una presentación), debes estar pendiente de su futuro libro: Web Form Design Best Practices.

viernes, diciembre 14, 2007

Spry: El Framework para AJAX de Adobe

Spry - Framework for AJAX

Los interesados en AJAX de seguro conocerán SPRY: la propuesta de Adobe para implementar AJAX en tu sitio Web.

¿Por qué se los quiero mencionar? Básicamente por dos cosas:
  1. Me he dado cuenta que Adobe está trabajando con los estándares Web
  2. Siempre han tenido muy en cuenta a los diseñadores, de tal manera, que la implementación resulte fácil para alguien no experto en programación.
Es claro que mientras los ingenieros usamos software del estilo de Microsoft Visual Studio, los diseñadores prefieren sin duda: Adobe Dreamweaver.

Ahora, ¿que Adobe está trabajando con los estándares Web? Pues así es como están promocionando este Framework: ¡AJAX para Todos!... Spry es un framework que facilita el rápido desarrollo de páginas con AJAX... Sin necesidad de ser un experto en JavaScript... Sin sacrificar tu interés en los estándares Web y tus buenas prácticas de desarrollo...

Los invito entonces a pegarle una ojeada al framework y a estos artículos que prometen mucho (además de los artículos hay una buena cantidad de ejemplos):

¿Quién ha trabajo este framework para que nos de sus impresiones?

Cambia tu Manera de Ver la Discapacidad

Change the way you see disability...

Creature Discomforts es una excelente campaña inglesa que busca que cambiemos la forma en que vemos y tratamos a las personas con algún tipo de discapacidad. ¡Nos están enseñando a ver la discapacidad de otra manera!

Las personas discapacitadas son como todos. Quieren vivir su vida y de una manera normal. Quieren hacer las cosas que haces en tu vida diaria, como ir al trabajo, tomar un autobus, comprar ropa, hacer deporte, ir a tomar algo a un pub, viajar, ver la televisión y quejarse del clima.

Estas campañas de Leonard Cheshire Disability buscan cambiar la forma en que la gente piensa y actúa frente a la discapacidad. Y precisamente Creature Discomforts es la manera con la que esperan hacerlo: una serie de animaciones basadas en las experiencias de gente discapacitada de verdad. Son muñequitos muy tiernos y eso es lo que te hará averiguar más sobre ellos.

Te invito entonces a que te inscribas a esta campaña, veas sus comerciales para televisión y radio, envíes unas preciosas tarjetas de navidad con ellos...

jueves, diciembre 13, 2007

Evaluador de Accesibilidad Funcional

fae: Functional Accesibility Evaluator

Acabo de recordar una herramienta de validación de accesibilidad: el Functional Accessibility Evaluator [en] de la Universidad de Illinois. Todavía está en desarrollo y vamos por la versión 0.9.3.

¿Qué información genera? Después de una evaluación entrega un informe bien completo donde evalúa 5 parámetros: la Navegación y Orientacion, los Textos Equivalentes, el Código en Script, los Estilos y los estándares HTML. Interesante, ¿no?

Ejemplo de un reporte de la evaluación
Ejemplo de un reporte de la evaluación

¿Por qué recordar? Porque este es uno de los validadores que está en nuestra extensa lista de Validadores de Accesibilidad que diseñadores y desarrolladores debemos tener en cuenta para evaluar nuestros sitios Webs.

Los expertos dirán que estos validadores no son muy buenos para validar tu sitio. Y en parte tienen razón. Pero para nosotros (diseñadores y desarrolladores) son herramientas sencillas que nos pueden ayudar mucho en nuestro trabajo diario.

Un ejemplo claro del porqué este tipo de evaluadores no son lo mejor es este: Ellos te recordarán que tus imágenes deben tener un texto alternativo. Y si tus imágenes lo tienen para ellos estará bien. Sin embargo si tus textos alternativos son del estilo "imgLogin.jpg - 10kb", como lo hacía Frontpage, NO están bien definidos. Y aunque el validador diga que si están bien, realmente están muy mal.

Como verás, para una revisión completa de la accesibilidad se necesita mucho más que este tipo de herramientas. Gracias a Joe Dolson: Accessible Web Design.

Más de 47 Excelentes Formularios con CSS y AJAX



Excelente la recopilación de ejemplos, tutoriales y herramientas que hizo Noupe en su post: 47+ Excellent Ajax CSS Forms.

Encontramos ayudas para estilizar los formularios, los elementos dentro de ellos, para procesarlos mediante AJAX, para colocarles ayudas, para validarlos, para hacerlos más accesibles y usables... Es un post de obligatoria lectura, estudio y práctica.

Recomiendo los dos tutoriales que hay sobre usabilidad y accesibilidad: Prettier Accessible Forms y Sensible Forms, los excelentes validadores que están desarrollados mediante JavaScript No Invasivo, los tips, etc.

¿Todavía estás aquí? ¡Largo!

Gracias a anieto2k.

Conferencia Internacional sobre Interfaces de Usuario Inteligentes 2008

IUI2008:  2008 International Conference on Intelligent User Interfaces

Para los interesados en el área de HCI y gracias a los textos de qweos.net, les informo sobre esta nueva Conferencia en España:

La Conferencia Internacional sobre Interfaces de usuario Inteligentes 2008 es una convención anual sobre HCI que se viene celebrando desde 1997.

Estas conferencias constituyen el principal foro internacional de discusión, divulgación e investigación sobre Interfaces de Usuario Inteligentes e Inteligencia Artificial.

Los objetivos fundamentales que se persiguen son:
  • Aportar ideas para mejorar las interfaces persona-ordenador.
  • Hacer del mundo "computerizado" un lugar más humano y agradable.
Sin duda unas conferencias de primer orden sobre Interacción Persona-Ordenador que este año se celebran del 13 al 16 de enero de 2008 en Gran Canaria (Islas Canarias) - España.

Este y otros eventos en la Agenda de Eventos (actualizada permanentemente).

¿Estás preparado para la Era Móvil?

Web para Móvil

Complementando mi post El Celular Inteligente será el sucesor de la PC, les traigo dos datos de Jupiter Research.
  • ...el porcentaje de usuarios que utilizan servicios Web en sus teléfonos móviles es del 37 por ciento, una cifra que según Jupiter Research podría triplicarse.
  • ...mientras acciones como consultar el correo electrónico se han convertido en comunes dentro de la telefonía móvil, otras como el navegar por Internet se encuentran aún en una fase embrionaria.

Como dicen en Web para Móvil, de donde tomé estos datos, tan sólo sería necesario que los navegadores se adaptasen mejor a las necesidades de los usuarios de telefonía móvil y que las empresas con intereses en la llamada Web móvil dedicaran mayores esfuerzos a perfeccionar estas aplicaciones.

¿Y ya saben cómo podemos iniciar la perfección de estas aplicaciones? ¡Si claro... por medio de los estándares Web!

miércoles, diciembre 12, 2007

Validador de HTML y CSS para Outlook 2007



Si lo tuyo es el diseño de correos en HTML he aquí otra opción de validación: Outlook HTML and CSS Validator.

En esta página vienen instrucciones de su utilización en distintos editores.

Vía: Validador de HTML y CSS para Outlook 2007.

martes, diciembre 11, 2007

Encuesta de Salarios de IAI

The Information Architecture Institute - Salary Survey

Ya se han publicado los resultados de la Encuesta de Salarios que realizó el Instituto de la Arquitectura de la Información a mediados de este año.

El número de encuestas de este año fue de 575, comparada con los 319 del 2006 y 474 en el 2005.

Algunos datos interesantes:
  • Confirmamos lo que nos dijeron en en la Encuesta de A List Apart: Los que más ganan son los Arquitectos de Información. Wow... Salarios anuales de Us$ 100.000 y más.
  • El 71.1% están en Estados Unidos, el 5.3% de los encuestados están en Sur América (principalmente en Brasil)...
  • Hay casi igual número de hombres (51%) que de mujeres (49%). Y ellas ganan un poco más.
  • El 73% de los encuestados están entre 26 y 40 años.
  • Los cargos más comunes son Arquitecto de Información, Diseñador de Experiencia de Usuario y Diseñador de Interacción.
Más detalles y hasta los datos completos para descargar los encuentras en la página de la encuesta.

lunes, diciembre 10, 2007

HTML vs. XHTML

HTML vs. XHTML

De acuerdo a los estándares Web, toda página debe tener definido su tipo de documento y eso es lo que conocemos como DOCTYPE. Al día de hoy tenemos 6 DOCTYPES disponibles, a saber:
  • Para HTML 4.01
  • Para HTML 4.01 Transitional
  • Para HTML 4.01 Frameset
  • Para XHTML 1.0 Strict
  • Para XHTML 1.0 Transitional
  • Para XHTML 1.1
Y de ellos, ¿cuál escoger?

Todos sabemos que el HTML evolucionó hasta el HTML v4.01. Después, el W3C definió el XHTML que ya va por XHTML v1.1. La diferencia entre ellos y por eso el versionamiento (que de HTML v4.01 pasara a XHTML v1.0) es que el XHTML se comenzaría a trabajar como XML.

El gran problema es que no estamos bien preparados para trabajar nuestras páginas realmente como XML. Si especificas en tu DOCTYPE que tu página es de XHTML 1.0 Strict y tu servidor Web la entrega como text/html (en lugar de application/xhtml+xml), no estás haciendo nada. Es más, por el contrario, estás haciendo más mal que bien.

¿Pero no se supone que si del HTML v4.01 pasamos al XHTML v1.0 no era para mejorar? Se supone... Pero tal es la situación que mientras la W3C está trabajando en el XHTML v2.0, surgió un grupo llamado WHATWG que está trabajando en el HTML v5.0.

¡Oh sorpresa, el HTML v5.0, del que hemos estamos escuchando, no es oficial del W3C! Te recomiendo seguir los enlaces del post de Anieto2K.

¿Ahora a quién debemos seguir? ¿Seguimos trabajando con el HTML v4.01 y esperar que llegue el HTML v5.0? ¿O seguimos al W3C con su XHTML v1.N y esperamos a que llegue el XHTML v2.0? ¿O será que del XHTML v1.N nos "devolvemos" al HTML v5.0?

Los invito a leer este excelente post: Miopía standardista y la paradoja de los tipos de contenido, en donde hay más detalles de esta situación.

sábado, diciembre 08, 2007

¿Tu Sitio es Entendible y Fácil de Leer?

TxReadability: a multi-language readibility tool

Una crítica permanente a las evaluaciones que hago es que no tienen en cuenta el contenido. Para mi, como desarrollador, me interesa es la estructura, la cual considero de igual importancia que el contenido. Se que es una posición que no encuentra muchos adeptos y es especialmente rechazada por quienes no trabajan como desarrolladores Web, pero eso es punto de otra discusión.

Hoy quiero mostrarles una herramienta que, de cierta manera, permite evaluar los contenidos. Se trata de TxReadability, herramienta que evalúa la facilidad de lectura de tu sitio Web, para textos en español, inglés y japonés, y la cual debemos agradecer al Instituto de Accesibilidad de la Universidad de Texas. Sí, la Facilidad de Lectura, también tiene que ver con la accesibilidad.

El término Facilidad de Lectura (readability) se usa primariamente dentro del rango de investigación sobre habilidad de lectura y escritura. Se refiere a la facilidad con cual un texto es entendido por los lectores. Fórmulas de facilidad de lectura han sido utilizadas desde la década de los 1930 para medir la dificultad de textos en términos cuantitativos...

Ahora, debido a que muchos opinan que mi pequeña evaluación de los sitios Ganadores del Premio Colombia en Línea 2007 es radical y descontextualizada, porque no tengo en cuenta el contenido, aprovechemos y evaluemos el contenido de estos sitios ganadores.

¿Los sitios ganadores de los Premios Colombia en Línea 2007 son fáciles de leer? Veamos las calificaciones de ellos de 0 a 100, donde las notas más bajas son para sitios muy dificiles de leer y las más altas para aquellos que son muy fáciles de leer.
  • Mejor Blog en Línea: Se Nos Cayó El Sistema
        79.37 (Moderadamente fácil de leer)
  • Mejor Sitio de Aprendizaje en Línea: SENA Virtual
        55.33 (Moderadamente difícil)
  • Mejor Sitio de Comercio Electrónico en Línea: TuBoleta.com
        70.25 (Moderadamente fácil)
  • Mejor Sitio de Empresa Pyme en Línea: Rines TYM
         -1 (No se pudo calcular la facilidad de lectura... Sitio hecho en Flash)
  • Mejor Sitio Estatal en Línea: Alcaldía Santiago de Cali
        80.75 (Fácil de leer)
  • Mejor Sitio de Finanzas en Línea: Bancolombia
        -1 (No se pudo calcular la facilidad de lectura... Otro sitio hecho con Flash)
  • Mejor Sitio de Gran Empresa en Línea: Suzuki
        70.82 (Moderadamente fácil)
  • Mejor Sitio de Noticias en Línea: El Tiempo
        62.3 (Normal)
  • Mejor Sitio de Alcaldía en Línea: Municipio de Maní
        70.95 (Moderadamente fácil)

¿Sorpresas? Primero no es sorpresa que los sitios hechos en flash ni siquiera se puedan evaluar. El flash, como sabemos, no es amigo de la accesibilidad.
Segundo sí que es sorpresa que los sitios que considero deberían ser los fáciles de leer, resulten los "más dificiles" (SENA Virtual y El Tiempo).
Pero bueno, en general, vemos que estos sitios sí que son fáciles de leer. Felicitaciones para ellos.

Gracias a Facilidad de lectura = Accesibilidad.

viernes, diciembre 07, 2007

Herramientas para Evaluar tus Páginas de Aterrizaje



Las Páginas de Aterrizaje (Landing pages) son las páginas donde llega un visitante después de hacer clic en alguna publicidad o en un buscador. Si trabajas técnicas de Posicionamiento en Buscadores (SEO) debes saber que estas páginas son muy especiales porque deben "retener" al visitante una vez que llegaron a tu sitio.

Personalmente no trabajo técnicas de posicionamiento. Simplemente trato de trabajar con los estándares Web y poner en práctica unas buenas prácticas de desarrollo. Con ello he logrado que algunos sitios, de un nicho de mercado muy específico, hayan estado muy bien posicionados.

Pero, como buen amante de las herramientas online, no puedo dejar de recomendarles unas herramientas que VirtualHosting.com ha publicado. ¡Estas son herramientas que te permitirán evaluar tus páginas en otros variados aspectos que te pueden ayudar hasta a mejorar la usabilidad de tu sitio!

La recopilación se titula La Caja de Herramientas del Diseño de Páginas de Aterrizaje: 100 Herramientas, Tips y Recursos y en ella pueden encontrar referencia de algunos artículos, Tips, Blogs, Libros, etc. especializados y recomendados en esta área de SEO y Landing Pages.

Pero, lo que me interesa enseñarles son las 20 herramientas que igualmente recomiendan (de las cuales ya conocemos algunas):
  1. Google Website Optimizer: La nueva herramienta de pruebas de Google para los anunciantes de AdWords.
  2. PageVester: Excelentes landing pages gracias a la integración de Google Page Creator y Google AdWords.
  3. PageLab: Te permite hacer pruebas A/B en tus páginas.
  4. SiteSpect: Pruebas de optimización para compañías grandes (pruebas A/B y multivariable).
  5. Verster: Gran cantidad de pruebas para tu sitio.
  6. Landing Page Testing: Si te gustan las matemáticas y las estadísticas esta herramienta te ayudará a analizar tu sitio.
  7. Master Landing Page Templates: Plantillas para tus páginas.
  8. Web Page Analyzer: Esta conocida herramienta mide la velocidad de carga de tus páginas. ¡Recuerda que entre más rápido cargue tu página mejor!
  9. W3 Semantic Extractor: ¿Qué tan bien está construidas tus páginas, semánticamente hablando? ¡A Google le encanta las páginas con semántica!
  10. Website Conversion Rate Calculator: Calculadora.
  11. Google Analytics: La mejor herramienta de estadísticas.
  12. SiteMeter: Herramienta muy popular para rastrear tus visitantes y llevar estadísticas de ellos.
  13. ClickHeat: Revisa cuáles son las zonas más populares de tus páginas.
  14. FireClick: Servicio de análisis que te dará un muy completo análisis de cada elemento en tus páginas.
  15. ClickTale: Espía a tus visitantes. Esta herramienta graba videos de qué hacen mientras están en tu sitio, los cuales te pueden servir para mejorar la usabilidad de tus páginas.
  16. Clicky: Herramienta muy sencilla para blogs y pequeños sitios. Te genera datos de tus contenidos y tus visitantes.
  17. CrazyEgg: Herramienta para evaluar y hasta optimizar tu sitio, con base en la recolección de los clics que hacen tus visitantes.
  18. whos.amung.us: ¿Quieres saber quién está en tu sitio a cada momento? Este es un contador en tiempo real.
  19. 103Bees: Estadísticas y análisis de buscadores en tiempo real.
  20. Enquisite: Especialista en el tráfico que llega de los buscadores. Te informa el posicionamiento de tus páginas, de tus "landing pages" y te da datos geográficos de tus visitantes.
Gracias a 100 tips and tools to optimize landing pages.

jueves, diciembre 06, 2007

¿Por qué los estándares web?

estándares web: Universalidad, Portabilidad, Posicionamiento, Accesibilidad

Más claro no se puede: ¿Por que los estándares web? Por:
Universalidad
Nos aseguramos que nuestras páginas se muestran igual independientemente del navegador que use el usuario.
Portabilidad
Si separamos el contenido de la forma, el código se simplifica. Así, realizar cualquier cambio en la apariencia de la página o adaptarla a distintas plataformas nos será más sencillo.
Posicionamiento
Los robots de los buscadores analizan sintácticamente el contenido de tus páginas. Así, adquieren más importancia los títulos de las páginas, cabeceras...
Accesibilidad
Usar los estándares ayuda a que nuestras páginas sean más accesibles.
Visto en ¿Por qué debemos programar ajustándonos a los estándares?

La Usabilidad Vende

Usability: The ability to use the same familiar Microsoft Office interface on the browser

Poco a poco tanto compañías como clientes, tanto desarrolladores como usuarios se están dando cuenta lo importante que es la Usabilidad.

Gracias a jbarahona.com me entero del lanzamiento de LiveDocuments.com, que según entiendo, viene a ser una nueva competencia para Google Docs. Un sitio Web para crear y compartir documentos de Office en línea.

Lo interesante a recalcar, como dice Jorge Barahona es que entre los argumentos de venta está la Usabilidad como la facilidad de usar las interfaces similares de Office pero en un browser y casi sin aprendizaje previo.

¡Día a día se confirma la importancia de la Usabilidad! ¡Y esta es la prueba!

Termino con otras palabras de Barahona: Lección de Mercadeo: la usabilidad, disponibilidad, encontrabilidad son activos de los sitios web y por ende herramientas de venta de los productos online. Porque si es Usable hay mejor experiencia y que duda cabe, la Experiencia es el producto..

martes, diciembre 04, 2007

Concurso de Bloggers para Bloggers



Hace días que no tenía algún tema sobre blogs y hoy me he enterado de dos concursos bien interesantes.

Por un lado, Blog del Día nos está invitando a presentar una propuesta para rediseñar su blog en Wordpress. Si te interesa tienes plazo hasta el 10 de enero próximo y con tu diseño participas en la rifa de un Ipod nano de 8 GB. Lo interesante es que el diseño se evaluará con base en su usabilidad, accesibilidad, validación y optimización además de su originalidad. Así que si trabajas con los Estándares Web y trabajas en pro de la Accessbilidad y la Usabilidad, este es el concurso para ti.

Por otro lado, Atrápalo punto Blog desea regalarnos un viaje a New York. Tan solo debes publicar en tu blog un post de menos de 365 palabras sobre lo que te ha parecido más destacable este año que acaba, dándole ese toque literario que convierte los hechos reales en ficción. ¡Así que saca ese Gabriel García Marquéz que tienes escondido y participa! Mis puntos irán para quien en su escrito hable sobre la actividad accesible que hubo este año. ; ) Gracias al blog de ceslava.com.

Actualización 1: Gracias a Chica SEO me entero de otros 2 concursos que seguro te interesarán.

Actualización 2: Otra vez gracias a Chica SEO me entero de este otro concurso de los argentinos Grupo Bloggers.

lunes, diciembre 03, 2007

24 Maneras de Impresionar a Tus Amigos

24 Ways to Impress Your Friends

Ha vuelto el set de tutoriales conocido como 24 Ways. Esta ya es la tercera edición, que desde el 1 y hasta el 24 de diciembre publicará un tutorial de desarrollo Web. ¡Sí! Cada día publican un tutorial.

Todos son tutoriales de programación Web y de cuando en vez se les cuela alguno que tiene que ver con Accesibilidad y Usabilidad.

Les recuerdo algunos tutoriales que publicaron en ediciones anteriores:
Ah bueno… Y para acabarlos de convencer de visitar este recurso, les comento que estos tutoriales están hechos por la crema y nata de la Web… Menciono personajes como Molly E. Holzschlag, Roger Johansson, Andy Clarke, Dave Shea, Cameron Moll y otros varios que no se quién serán pero que supuestamente son la crema y nata ; )

¿Quieres Ganarte el Rediseño de tu Web Gratis?

ceslava.com/blog

Disculparán que me salga un poco de la temática del blog pero estoy seguro que a muchos les interesara este “concurso”.

Cristian Eslava, diseñador y maquetador, como regalo de navidad para sus lectores ha creado un concurso según el cual puedes ganarte 1 de 7 premios de diseño. El diseño de una Web, de una imagen corporativa, de una pieza publicitaria, etc.

¿Te interesa? Sólo tienes que inscribirte gratis a las noticias de su excelente blog y escribir en un comentario del post del concurso lo que deseas ganarte. Fácil, ¿no?

Más información en el post del concurso.

Valida tu (X)HTML y CSS en un Solo Lugar

XHTML-CSS Validator - be valid or die learing*

XHTML-CSS Validator es la nueva herramienta que va para mi colección. Y en realidad no es un nuevo validador. Es simplemente una herramienta que une los dos validadores de la W3C: el de HTML y el de hojas de estilo. Así que de un solo paso podrás validar la validez de tus páginas.

Y como dice Daniel (por quien me enteré de la herramienta), ¡Vaya slogan que utilizan! Validar o morir aprendiendo...

domingo, diciembre 02, 2007

¿Qué Validador Automático de Accesibilidad Utilizas?

SoftWAI

En el home de SoftWAI encontramos esta encuesta para saber cuál el validador automático de accesibilidad preferido.

Anímate a votar por tu examinator favorito... Perdón... Tu validador favorito... ;)

Kit de Accesibilidad para SharePoint

AKS Accesibility Kit for SharePoint

Este post es especialmente para mis compañeros de Intergrupo, en donde se trabaja con Sharepoint.

Primero: ¿Qué es SharePoint?
Tomo una definición que leí en Foros del Web (porque no lo conozco): Es una herramienta de Microsoft que permite desarrollar "sitios de colaboración", es decir, te permite crear diferentes miniportales donde puedes crear espacios para que los usuarios trabajen como equipo permitiendo subir comentarios, documentos y tareas. Básicamente es una herramienta para uso en Intranets a nivel empresarial.

Segundo: ¿Qué es el Kit de Accesibilidad para SharePoint?
Es un conjunto de archivos, programas y utilidades que facilitan un código accesible y usable en Microsoft Office Server SharePoint 2007 y Windows SharePoint Services. Este Kit ha sido realizado por HiSoftware, una empresa muy reconocida en el área de la accesibilidad (los mismos del validador Cynthia Says, de la guía "Comprendiendo la Accesibilidad: Una Guía para Lograr la Conformidad en Sitios Web e Intranets", etc.).

Para quienes trabajen con este software, adicionalmente los invito a leer los comentarios de Olga Revilla.

Visto en seraccesible.

Ganadores de los Premios TAW 2007

t.a.w. - test de accesibilidad web

Desde el 15 de noviembre están los ganadores de los Premios TAW 2007, otorgados a lo mejor en Accesibilidad Web en España.

Todos los blogs interesados en promover la Accesibilidad están mencionándolos y por supuesto que no podía quedarme atrás.

¿Deseas conocer sitios realmente accesibles? Visita los sitios de los ganadores:

sábado, diciembre 01, 2007

Las 8 Principales Razones por las que la Gente abandona un Sitio Web



En WebTaller nos recuerdan los principales motivos por las que la gente abandona un sitio Web. Y quiero destacar que ¡un mal diseño no está dentro de esas razones! Lo cual:
...es importante saberlo porque estamos dedicando mucha atención a los aspectos de diseño gráfico del sitio y descuidando factores mucho más importantes como el propio contenido, facilidades de navegación y los tiempos de acceso de las páginas Web.
Las razones son:
  • Páginas lentas o vínculos inexistentes (84%)
  • No se encontró la información requerida (68%)
  • No se encontró la información de la empresa (31%)
  • Facilidades de búsqueda limitadas (23%)
  • Vínculos difíciles de identificar (16%)
  • Información no actualizada (6%)
  • Mapa del sitio demasiado general (4%)
  • El sitio contiene publicidad que abre automáticamente otras ventanas (4%)
Más detalles en el artículo de Web Taller.
Gracias a Tips de a Web.

Capire - Revista de Estrategia e Interacción

Capire - Revista de Estrategia e Interacción

Hace poco descubrí a Capire, Revista de Estrategia e Interacción. ¡Yo también me sorprendí! Faz no es la única revista de interacción que tenemos.

¿Y cómo es que nos la estabamos perdiendo? Hoy salió la ocatava edición de esta revista digital, que sale mensualmente, y nos trae estos interesantes artículos:
  • ¿Dónde estás ahora? Diseñando para la revolución de la ubicación
  • Accesibilidad: hacia el desarrollo inclusivo
  • Qué es la agilidad en e-gobierno
  • Generación de confianza y credibilidad en sitios web
  • Comprendiendo el diseño web (la traducción del artículo de Jeffrey Zeldman que les mencioné hace algunos días).
Otra excelente publicación para mi post de "Libros Publicaciones Gratis".

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.