Categoría: 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.

  • 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:

    • Jerarquía: Ubicación que un contenido registra dentro de un proyecto en términos de importancia relativa.
    • Descripción: detalle de en qué consiste cada contenido y por qué es considerado relevante como para ser incluido.
    • Proyección: visualización de las oportunidades futuras del contenido, en función de los objetivos del proyecto. (más…)
  • 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.

  • 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.

  • ¡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.

  • 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