Categorías
Diseño Usabilidad

Es un hecho, hay que diseñar a 1024×768

mac_monitor.JPGAunque las webs de los diarios ya habían dado el primer paso, hoy la columna de Jakob Nielsen pone el sello definitorio, hay que diseñar para pantallas con una resolución de 1024×768. Lógicamente no todo podía ser tan simple, en usabilidad nunca lo ha sido.

Nielsen establece tres reglas que deben cumplir estos diseños:

  • No diseñar solo para una resolución de pantalla
  • Diseño líquido. Nielsen recomienda diseñar para una resolución mínima de 800×600 (17% de los usuarios) y una resolución máxima de 1280×1024 (ó más, 18% de las pantallas).
  • Optimizar para 1024×768 (60% de las pantallas usan actualmente esta resolución).

Optimizar para una resolución consiste en mostrar la información deseada en la pantalla sin necesidad de usar el scroll, controlar la legibilidad en las resoluciones alternativas y que la estética sea adecuada en cada caso.

Caso aparte es el diseño para móviles, por mucho estandar que se utilice. Y bien de acuerdo que estoy.
Otros temas interesantes que me gustaría comentar en alguna ocasión, y que comenta Nielsen en el artículo, son las reflexiones que hace sobre el aumento de la productividad según la resolución de la pantalla y las consecuencias que tendrá en el diseño el uso de pantallas grandes en pocos años.

Categorías
Usabilidad

Herramientas metodológicas para la Arquitectura de la Información

1. Herramientas de análisis

Entrevista con el cliente

Una entrevista con el cliente consiste en la aplicación de un cuestionario con preguntas abiertas y cerradas (opciones múltiples excluyentes) al cliente (o personas designadas por éste por estar más directamente vinculadas al proyecto, generalmente de las áreas de tecnología, marketing y recursos humanos, sobre todo esta última si se trata de una Intranet), cuyas respuestas contribuyen significativamente a precisar el alcance de un proyecto y a acotar al máximo posible los objetivos del mismo.

Análisis comparables (benchmarking)

El análisis de comparables es el estudio de estructuras web de la competencia del cliente, o equivalentes en términos de contenidos y orientación, con el objetivo de poner el proyecto en su justo contexto y saber con qué requisitos mínimos debe contar para “entrar a la cancha” con posibilidades de ofrecer una real alternativa de servicios y soluciones para los usuarios que constituyen el público objetivo.

Inventario de contenidos

El inventario de contenidos es la documentación que resume, con una breve y precisa descripción, todo el material disponible para incluir en un proyecto, tras el análisis detallado de éste por parte de nuestros consultores. Este contempla tanto los contenidos ya generados, como aquellos que es necesario generar.

Cuando se trata de un rediseño, el inventario de contenidos parte por toda la información incluida en el producto anterior. Y debe ser exhaustivo para que permita el análisis, es decir, incluir tanto el material que se considera importante, como aquel que se estima “desechable”. El estudio a fondo de la información suele arrojar sorpresas, como que ciertos contenidos considerados a priori como poco relevantes, a la larga resultan vitales para la obtención de objetivos importantes.

Un inventario de contenidos expresa tres dimensiones de cada ítem de información:

Categorías
Comunicación Diseño Usabilidad

El rediseño de Marca, ABC y Elmundo.es

La edición digital de los diarios, como los escaparates, están cambiando de diseño para la temporada de verano.

Rediseños

Los cambios en el diseño de Marca.com, ABC.es y Elmundo.es tienen algunos aspectos positivos:

  • Cambio de la resolución de pantalla a 1024×768
  • Diseño basado en XHTML y CSS. El dato más significativo es que no hay más de dos fallos en los CSS de los tres medios. En cambio el XHTML está más abandonado: elmundo.es tiene 108 fallos
  • Se deja el menú vertical en los laterales para integrarlo en barras horizontales

Vamos a los casos particulares

Marca.com

Marca.com

Aunque el cambio de Marca era más que necesario no estoy completamente de acuerdo con lo que han hecho. En el plano vertical la publicidad ocupa más de 50% de la primera impresión. Apenas se ven cuatro enlaces a fotografías lo que determina que la información no es su principal preocupación. La apuesta por una única noticia principal y dos popurrís temáticos no supone ningún cambio con la versión anterior.

El menú horizontal desastroso. Como si de un juego de habilidad se tratase tienes que recorrer 600 pixels para llegar a Quinigol, en el menú fútbol.

En el plano horizontal, estamos en las mismas. Apenas el 33% de la pantalla es contenido real. Esto cambia en las interiores que un 50% es para la noticia en cuestión y un 25% más com menú de secciones interiores.

ABC.es

ABC.es

Una de las críticas que más se ha escrito estos días es la similitud de formato de ABC con elpais.es, en relación a los premios que ha recibido por su diseño. Si esto es cierto, la copia ha sido penosa.

La división del menú es poco clara. Eso sin contar con los submenús horizontales, que son horrorosos, y no sé hasta que punto útiles. Aunque lo que no veo de ninguna manera es el cambio de imagen. Supongo que será uno de esos vaivenes de ABC, que nunca sabemos muy bien de qué pie cojea (Perdón por el inciso político).
Pero no quiero hacer de esto una sangría. La redistribución en columnas de la información de portada me parece que es un paso adelante. La variedad entre texto e imagen está equilibrada, aunque la cantidad de noticias que presenta en portada muestra poco riesgo y cero complicaciones.

Las interiores, para mi gusto, son aburridas. Aunque muy limpias para quién llegue a través de Google o de un RSS.

Elmundo.es

Elmundo.es

El cambio realizado por elmundo.es es elegante. No se le puede perdonar los 108 fallos en la validación de XHTML, aunque pienso no hay que ser extremos en este terreno.

Aunque la cabecera ocupa un 40% del primer impacto dejan hueco para un menú sencillo y claro, la noticia de portada y deja una segunda y las variedades en la zona izquierda.

Por lo demás es muy discreto. La imagen apenas ha cambiado y las páginas interiores son prácticamente idénticas. También un poco sosas.

Por tanto…

A grandes rasgos, los cambios han sido positivos. El cambio a 1024×768 me parece un acierto importante siempre que se utilicen las tesis de usabilidad que defiende Mangas Verdes. Esto solo lo ha hecho el mundo. Lo que no admito de ninguna forma es tener que aguantar en una pantalla de 800×600 la barra horizontal por el mero echo de cargar la página de publicidad en perjuicio del contenido, que es lo que estamos vendiendo, o al menos produciendo. Sobre este mismo asunto es interesante leer las soluciones de Albert García.

Recomiendo: Una dura crítica al rediseño de ABC y Marca de Delfí Ramírez i Ruiz.

Categorías
Comunicación Podcast Usabilidad

Autopodcast de Elmundo.es

Investigación y Desarrollo (I+D) de elmundo.es

La versión digital del diario El mundo incluye un lector de noticias (descargable también para podcast) muy interesante. Lo anuncian así:

Rosa es la locutora de elmundo.es. Trabaja durante las 24 horas del día para leer la noticia que ha seleccionado actualizada al segundo, pero tenga en cuenta que es una máquina. No se equivoca, pero tiene un acento muy particular.

La máquina lee bastante bien y es un gran paso a la accesibilidad, aunque no encuentro ninguna declaración en ningún sitio. Sería interesante poder acceder a todos estos servicios pulsando una sola tecla pero por ahora no veo forma de conseguirlo. Supongo que el área de I+D de elmundo.es que está que se sale pulirá e integrará este servicio una vez que salga de su fase beta.

Categorías
Diseño Usabilidad

¡Sorprendenme! Pero no seas tan original

Un creativo, no importa de que ámbito, tiende a suplicar libertad en su creación. No quiere tener barreras que le impidan crear libremente el concepto que tiene en mente.

Debemos tener muy presente las profesiones relacionadas con la comunicación tienen un fin que es hacer llegar un mensaje y que para que cale debe ser sorprendente. Dentro de este saco entran todo tipo de profesiones: diseñadores, publicitas, guionistas, escritores, periodístas…

El usuario espera una serie de convenciones que debemos respetar. Una estructura, un lenguaje, un código, una trama, un concepto… Ante esto los creativos tienden a agobiarse (centrémonos especialmente en el diseño web) y a quejarse de que no se le deja aire que respirar.

Lo cierto es que un usuario puede reconocer las áreas fundamentales de un sitio, sirviendose de las convenciones y aunque no reconozca la lengua ni los caractéres que se utilizan.

Diario japones

Viendo esta imágen el usuario reconoce inmediatamente las áreas principales de trabajo. Reconoce sin esfuerzo que el rojo es la cabecera con y el primer nivel de navegación, el azul es el menú de navegación de segundo nivel, que el verde es el cuerpo principal de contenidos y que el amarillo es espacio para otros contenidos destacados.

areas

Estan convenciones son igualmente aplicables al famoso

que sustituye a cualquiera de los términos comprar, añadir a la cesta o cualquier otro sinónimo.

Las convenciones son un pacto de lectura que tienen dos funciones:

  • Dar al usuario una gran cantidad de información de un solo vistazo
  • Dar sensación tranquilizadora de familiaridad

Como venimos diciendo los diseñadores son bastante reación a utilizarlas y pretenden reinventar la rueda. Pero para reinventarla Steve Krug propone dos condiciones:

  • sustituirlo por algo tan claro y fácil de entender que no exista curva de aprendizaje (por tanto tiene el mismo valor que una convención)
  • que el valor que añada sea tan alto que merezca la pena la curva de aprendizaje

De ahí lo interensante de nuestra misión sea sorprender dentro de unas reglas en las que aparentemente todo está inventado.

Categorías
Diseño Usabilidad

La “usabilidad” del diseño

La “usabilidad” del diseño

Categorías
Usabilidad

Bases de la artuitectura de la información

Escribe Cesar Martín un artículo muy interesante con el título Arquitectura de la Información en el que analiza la prioridad de entender las necesidades del usuario y los objetivos del sitio web.

En los comentarios, Javier Cañada añade algunos enlaces a arículos excelentes que complementan lo presente:


Actualización (19/I/06): Long tail: la larga cola de un nuevo modelo de negocio

Categorías
Usabilidad

Usabilidad web en los enlaces

Usabilidad web en los enlaces

Categorías
Diseño Usabilidad

Herramientas para diseñadores y desarrolladores

Empezamos el año con una de las listas más completas de herramientas para comprobar un diseño y desarrollo correcto para tus trabajos web. Lo hace Gabriel Porras en user experience en español, un weblog espectacular que no conocía y que ya está en mi lista de suscripciones.

El artículo se llama Herramientas para Diseñadores y Desarrolladores y el índice de las herramientas es impresionante:

  1. Add-ons para tu Navegador (Browser Add-ons)
  2. Herramientas para Descargar (Tools)

  3. Herramientas Online (Online Tools)

  4. Validadores (Validators)

  5. Otros recursos (Other resources)

  6. Actualizaciones a este Post (Updates to this post)
Categorías
Usabilidad

Recopilación de artículos de Moebius

Moebius es la bitácora de la cátedra de Edición electrónica y multimedia, FFyL-U.B.A, a cargo de Carlos Neri.