Usable y accesible

"Escogiendo tipografías", de Letritas.

Si estuviéramos trabajando en condiciones ideales, donde sólo nos debatimos a elegir entre las tipografías que tenemos, y todas funcionan correctamente (todas tienen "eñe", "acentos", y están bien espaciadas) ¿Cuál debiese ser nuestro principal criterio de elección?

"11 Images you might want to avoid in your designs", de snap2objects.

I will show some images I considered overused since the beginning of the web and could make your website (or any design) look generic, unimaginative and dated - if use them just for the sake of it.

Un recurso para cuando te piden que incluyas las típicas imágenes de manos dando apretones o edificios acristalados.

"Editores web que facilitan tu trabajo" de Maestros del Web.

Usabilidad

"12 preguntas clave para un proyecto web", de MoccaBlog Café.

El objetivo es definir el diseño y el acercamiento al usuario final (cliente de tu cliente).

"La evolución de los errores según Jakob Nielsen", de Interacciones. Relacionado con este post se puede leer el artículo "Error Message Guidelines" de Jakob Nielsen.

"Consejos para presentar los resultados de un test de usabilidad", deinterfaz.

Simplificando, podríamos decir que se pueden generar resultados rápidos (informes ligeros que van al grano) y resultados formales (informes completos y documentados), cada uno con sus ventajas y sus inconvenientes. Yo me voy a centrar los segundos.

Relacionado con este artículo está el de Jakob Nielsen: "Formal Usability Reports vs. Quick Findings"

"What reading Tufte won’t teach you: Interface design guidelines", de glyphobe

Estudio "Publicidad y Contenidos en medios de comunicación online Estudio de Eyetracking a diarios online chilenos" de AyerViernes.

Estudio "Eyetrack Medios España" de Alt64. Se puede descargar directamente en formato PDF.
Eyetracking Medios España tiene por objetivo:
- Estudiar el comportamiento visual de los internautas españoles.
- Estudiar la efectividad de la publicidad online.

"Eyectrack III: Cómo lucen los sitios web a través de los ojos de los lectores" de Steve Outing y Laura Ruel.

"Dónde estudiar HCI en España" en Itákora.

"Quién es quién en el mundillo de HCI española" de Itákora.

Accesibilidad

"Serie 'Guía breve para crear sitios web accesibles'", de Accesibilidad en la Web.

"Navegando una página Web con Jaws: consideraciones de accesibilidad para desarrolladores" deinterfaz.

Vamos a ver de qué manera un usuario que utiliza Jaws navega entre los diferentes elementos de una página Web y como un desarrollador de páginas Web debería actuar para alcanzar el nivel de accesibilidad Doble A (AA).

"Redactar una auditoría de Accesibilidad Web de alto nivel" de interfaz.

"Presentaciones sobre Accesibilidad" de Usabilidad y Accesibilidad.

"Data Table Accessibility Test Page" de Web Usability.

"Enlaces para 'leer más' que sean simples y accesibles" de Torres Burriel.

Imprescindibles (11)

2008-10-07T09:01:00.000+02:00

Estos artículos han llamado mi atención últimamente:

¿DOM (Document Object Model) o innerHTML?

¿Cuál de los dos métodos es más rápido para generar grandes cantidades de contenido?

Podemos ver el resultado de esta pregunta, en función del navegador utilizado, en Benchmark - W3C DOM vs. innerHTML.

Nielsen: sólo el 7% de los usuarios utiliza los sitemaps

Así lo explica Jakob Nielsen en el estudio Site Maps Usability

Baquía nos reseña el estudio:

Según un estudio elaborado por Jakob Nielsen, apenas un 7% de los usuarios recurre a los mapas de una web. Sin embargo, es aconsejable mantenerlos, puesto que suponen una forma fácil y directa de acceder a todo el contenido de una web.

¿Te has preguntado de dónde obtienen sus beneficios las empresas web 2.0?

Web 2.0: ¿Dónde se esconde el negocio? (II)

Fundamentos teóricos de esta profesión

Usándolo nos los va resumiendo en distintos artículos:

Leyes y principios: Fitts’ Law

Principios de usabilidad: La regla de los 3 clicks

10 errores principales en el diseño de aplicaciones (Nielsen)

El artículo de Nielsen Top-10 Application-Design Mistakes es resumido y traducido por el blog del grupo SQUaC(Software Quality Usability and Certification).

Estos errores son:

Controles GUI (Graphical User Interface) no estándar

Inconsistencia

No mostrar claramente su funcionamiento

Sin retroalimentación

"He salido a comer" sin un indicador de progreso

Malos mensajes de error

Pedir la misma información varias veces

Sin valores por defecto

Usuarios "lanzados" contra la aplicación

No indicar cómo se usará la información

Funcionalidades centradas en el sistema

Error extra: botones de reset en formularios web

34 buenas prácticas para hacer tus páginas más rápidas

Las best practices for making web pages fast que propone el Yahoo!'s Exceptional Performance son:

Make Fewer HTTP Requests

Use a Content Delivery Network

Add an Expires or a Cache-Control Header

Gzip Components

Put Stylesheets at the Top

Put Scripts at the Bottom

Avoid CSS Expressions

Make JavaScript and CSS External

Reduce DNS Lookups

Minify JavaScript and CSS

Avoid Redirects

Remove Duplicate Scripts

Configure ETags

Make Ajax Cacheable

Flush the Buffer Early

Use GET for AJAX Requests

Post-load Components

Preload Components

Reduce the Number of DOM Elements

Split Components Across Domains

Minimize the Number of iframes

No 404s

Reduce Cookie Size

Use Cookie-free Domains for Components

Minimize DOM Access

Develop Smart Event Handlers

Choose <link> over @import

Avoid Filters

Optimize Images

Optimize CSS Sprites

Don't Scale Images in HTML

Make favicon.ico Small and Cacheable

Keep Components under 25K

Pack Components into a Multipart Document

La aventura de crear tu propia empresa

Aunque no tiene que ver con la temática del blog, me ha parecido una bitácora muy original e interesante. Jaime Estévez narra el día a día en la creación de su nueva empresa.

Jaime Estévez. 100 días en la vida de un emprendedor

Imprescindibles... (10)

2008-07-28T14:01:00.000+02:00

Lo que todo diseñador debería saber, y son muchas las que propone MoccaBlogcafé.

Las 8 principales razones por las que la gente abandona una página Web de Jorge A. Mendoza. Entre ellas destacan: "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%) o "Facilidades de búsqueda limitadas" (23%).

15 sitios que necesitas conocer si buscas inspiración de Kabytes

¿Minusválido, inválido, disminuido, incapacitado o discapacitado? de Sergio Luján. En el artículo se concluye que se debe hablar de "persona con discapacidad" o "personas con diversidad funcional", siempre de personas, porque antes de tener una discapacidad, se le considera persona, por eso debe anteponerse esta palabra.

Mejorar el código de una página web de Javier García

Hablando sobre internacionalización de pixelco.us. Un sitio Web internacional permite garantizar su utilización universal incluyendo todos los idiomas y culturas.

Diseño de Interfaz y objetivos de proyecto de Daniel Torres Burriel. Cómo se relacionan cuatro conceptos básicos: Diseño de Interfaces, Diseño de interacción, Arquitectura de Información y Experiencia de usuario.

Imprescindibles... (9)

2008-07-21T09:00:00.001+02:00

Los artículos que más han llamado mi atención durante estos últimos meses han sido:

1
Revisión automática de páginas con la norma UNE 139803 mediante PISTA

En diciembre comentaba en Mis validadores que una de mis herramientas preferidas para la revisión automática de la accesibilidad de un sitio Web era PISTA, herramienta del Ministerio de Industria, Turismo y Comercio.

Una de sus muchas ventajas es que permite realizar análisis de accesibilidad con normativas distintas a la WAI WCAG1.0 (normativa por defecto). El único requisito que deben cumplir las normativas que se añadan a la herramienta es que estén especificadas en un fichero XML que siga el DTD "normativas.dtd".

En el manual de la herramienta se explica como realizarlo.

Tenía pensado desde hace tiempo incluir un nuevo fichero para poder validar automáticamente con la Norma UNE 139803, que como ya he comentado otras veces, es la norma que han de cumplir muchos sitios Web españoles desde finales de año, y que sólo se diferencia en cuatro puntos de las WCAG 1.0, como ya expliqué en Diferencias de prioridad entre los requisitos UNE 139803:2004 y los puntos de control de las WCAG 1.0

Pues bien, Olga Revilla nos ha ahorrado el trabajo y nos facilita la vida desde su blog Itákora. En Cómo validar las normas UNE 139803 con la herramienta PISTA te explica como descargarte e importar en PISTA el XML para validar automáticamente con la Norma UNE 139803.

Otro artículo de Itákora relacionado es: Comparativa de accesibilidad de las WCAG 1.0 y la norma UNE 139803/2004.

2
Cómo definir un menú de navegación

En "Sugerencias para definir un menú de navegación" Jorge Garrido ofrece unas interesantes pautas para planificar nuestro menú de navegación.

3
Word accesible

En "Cómo crear un documento Word accesible" Fran Tarifa remata una discusión dentro de la lista AccesoWeb.

Emmanuelle comentaba:

Si por accesible entendemos que pueda ser usado por cualquier persona en cualquier situación y mediante cualquier dispositivo, evidentemente la respuesta es no. Puesto que se trata de un formato propietario, debe siempre ofrecerse la información que se tenga en ese formato en otro formato que sea abierto y accesible o en varios formatos para cubrir las necesidades de todos los usuarios potenciales.

Ahora, lo que sí se puede y se debe hacer, es ofrecer los contenidos en word de manera que puedan acceder a ellos los usuarios de lectores de pantalla, y seguir unas pautas en su elaboración.

Entonces, aparte de que ofrezcas los contenidos en otros formatos, además de en Word, deberás estructurar el contenido de los documentos, usar correctamente los estilos, simplificar el lenguaje, etc.

Se daban dos referencias interesantes sobre cómo hacer documentos Word accesibles:

"Microsoft Word" de WebAIM

Guidelines: Accessible Word Documents

En este contexto, es interesante la herramienta aDesigner que permite evaluar la accesibilidad de documentos ODF.

4
La crueldad de los internautas según Nielsen

En "La crueldad de los internautas" la BBC comenta el informe anual sobre los hábitos en el uso de Internet de Jakob Nielsen. Me llama especialmente la atención que el 75% de los usuarios no navega por un sitio, sino que utiliza directamente el buscador del mismo.

"Los usuarios de internet siempre han sido despiadados y ahora lo son más que nunca", dijo Nielsen. "La gente quiere sitios que los lleve, sin rodeos, al punto. Tienen muy poca paciencia", señaló. "Creo que los sitios todavía no han apreciado eso", agregó. "Aún sienten que su sitio es interesante y especial y que la gente estará feliz con todo lo que se le arroje".

[...]

Los internautas también se están frustrando mucho con todas las adiciones, como los "widgets" (artilugios) y las aplicaciones que se vienen agregando a los sitios para hacerlos más amigables. Tales adiciones sólo están sirviendo para que las páginas se tarden más en cargar, afirma Nielsen.

[...]

En 2004, un 40% de los internautas visitaba una página principal y luego navegaban hacia donde querían ir, y un 60% usaba un vínculo que los llevaba directamente al destino buscado dentro de un sitio.

En 2008, dijo Nielsen, sólo un 25% de las personas navega a través del "homepage" o página principal. El resto usa el buscador o "search engine" y se va directo a donde quiere.

5-6
No justifiques el texto en la web

Estoy totalmente de acuerdo con el artículo "La justificación de texto en la web" de Duopixel. La próxima vez que me pidan que justifique un texto les pasaré directamente su post.

Se puede seguir la lucha dialéctica sobre este tema en AccesoWeb.

Leyendo este artículo me llama la atención el título de otro, "¿Cómo llamar a la persona que usa un objeto de diseño?", en el cual reflexiona sobre las alternativas al odiado "usuario" de Donald Norman, que aboga por el término "persona".

7
URLs y usabilidad

En "La usabilidad también tiene en cuenta las URLs" Gabriel Porrás introduce el artículo "URL semántica / Clean URL / Friendly URL" de Viv Dehaes.

8
Google y accesibilidad

En "Google y Accesibilidad" Nelson concluye que la accesibilidad no sólo beneficia los usuarios que por ejemplo navegan en condiciones no tradicionales (conexiones de baja velocidad, uso de dispositivos móviles, etc.) sino que "facilita la labor de los robots indexadores como Googlebot, lo que te beneficia porque genera mejores puntajes y posicionamiento en los resultados de búsqueda, por lo tanto, más visitas".

Y como bien dice él: "esta relación, independientemente de cualquier argumento humanista que se pueda hacer al respecto, es desde ya un muy buen argumento de ventas de la accesibilidad".

9
Frases que asesinan a la accesibilidad

Didáctica de la accesibilidad y "frases asesinas" recopila las frases que funcionan como excusas o impedimentos para justificar la accesibilidad de un sitio. Lo triste es que son ciertas, yo al menos he oído cinco de las diez que citan.

10
Bug de Internet Explorer 7

Andrés Nieto comenta un Curioso bug en Internet Explorer 7 . Aunque parezca increíble, una lista OL pierde la numeración cuando se le aplica un HEIGHT en la CSS.

11
Cosas que no debes hacer al construir un sitio web

En microsiervos encontramos un resumen en español de 19 Things NOT To Do When Building a Website, de Josiah Cole

Imprescindibles... (8)

2008-03-11T11:30:00.000+01:00

Enlaces recomendados de accesibilidad:

Protocolo NI4. Pautas de Diseño de Navegación Fácil

Técnicas para el desarrollo de Flash accesible en accesibilidadweb.com

Directrices de accesibilidad para las aplicaciones que generan contenido web: ATAG (Authoring Tools Accesibility Guidelines) em Accesibilidad, Usabilidad y Estándares Web

Beneficios Auxiliares del Diseño Web Accesible de la WAI. Traducción en SIDAR.

Normativa y regulación relacionada con la Accesibilidad Audiovisual en CESyA

Cómo utilizan la Web las personas con discapacidad en Accesibilidad Web y Alan.

Imprescindibles... (7)

2008-03-06T12:46:00.001+01:00

Enlaces recomendables sobre la revisión de la usabilidad de un sitio:

10 Principios para un Diseño Web Efectivo en Estándares y Accesibilidad

39 sugerencias para hacer un sitio usable en Accesibilidad, Usabilidad y Estándares Web

Autodiagnóstico de Usabilidad del Laboratorio Aragonés de Usabilidad

Checklist del Laboratorio Aragonés de Usabilidad

Plantilla Análisis Heurístico v1.2 de Torres Burriel.

Guía de Evaluación Heurística de Sitios Web de NSU

Guía para evaluación experta de Joaquín Márquez Correa

Manual de las técnicas de Evaluación y testing de Usabilidad de WebUsable.com

"Com es realitza una avaluació heurística per experts", PROYECTO MUPA-UOC - Metodología de usabilidad para aplicaciones de la Universitat Oberta de Catalunya

Taller de Usabilidad de la Semana de la Ciencia

Usability Toolkit

Imprescindibles... (6)

2008-02-28T09:05:00.000+01:00

Sobre Quirks Mode o modo "chapucero".

[Si no sabes lo que es, lo explicaba en: Plantilla Base XHTML]

Problemas con AJAX y Quirks Mode de anieto2k

Modo quirks vs. modo estándar en Mozilla Developer Center

Internet Explorer 8.0 modo super estándar de anieto2k

Imprescindibles... (5)

2008-02-11T14:28:00.000+01:00

Artículos recomendables sobre Accesibilidad

Aciertos y fallos en el artículo: "10 common errors when implementing accessibility" de Emmanuelle Gutiérrez y Restrepo

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

Accesibilidad web: principios, mitos y algunos ejemplos prácticos Accesibilidad de Jordi Sánchez

Abreviaturas versus Acrónimos en SIDAR

Recurso para Usuarios en SIDAR

Imprescindibles... (4)

2008-01-30T11:57:00.001+01:00

Artículos muy recomendables sobre Usabilidad

Cómo diseñar una web según Eye-Tracking de Estándares y accesibilidad

10 Malentendidos sobre Interacción y Usabilidad de Estándares y accesibilidad

Columnas, anchos de línea y legibilidad de Juan Carlos García en Úsalo

La diagramación en la arquitectura de información de Rodrigo Ronda León en NSU

Best Practices for Web Form Design de Luke Wroblewski

Principios del Diseño Universal o Diseño para Todos en SIDAR

Los usos de Nielsen. Para una crítica de la ideología de la usabilidad de Carlos A. Scolari en Medialab

Una recopilación de buenos textos sobre diseño de interacción en 2007 de Torres Burriel

XHTML: Elementos, etiquetas y atributos

9 principios para un buen diseño web

Imprencindibles... (3)

2007-11-08T21:09:00.000+01:00

... gotAPI.com (visualizar en Firefox) mi descubrimiento de la semana. Una completa guía de referencia de HTML, CSS, Javascript, Prototype, XSL y lo que quieras añadir, puesto que bebe de fuentes externas de todos conocidas. Sin duda imprescindible para tenerlo todo a mano.

... Calculadora online em/px por si no tienes claro a cuántos em corresponden x píxeles.

... TypeTester y Font Tester (vía Hebe Bravo). Son dos aplicaciones online que permiten visualizar un texto en la web con distintas fuentes y compararlas entre sí.