elclerigo!

En la serie de entrevistas que Andrés Nieto está realizando en su recién rediseñado blog le ha llegado el turno a Daniel Torres Burriel, nuestro vecino de Cadius Zaragoza y con el que ya hemos contando en un par de ocasiones en Pamplona.

Ni que decir tiene que recomiendo encarecidamente leer la entrevista porque Daniel siempre aporta granitos de arena a la montaña de conocimiento que muchos nos vamos creando. Aunque no puedo ser muy subjetivo puesto que admiro profundamente a Dani y todo su trabajo y siempre ha sido un claro referente profesional, un modelo a seguir.

Aprovecho el peloteo para darle la enhorabuena a Andrés Nieto por el magnifico rediseño de su blog y por seguir fiel y constante y seguir posteando con tanta regularidad.

Etiquetas: personajes, daniel, torres, burriel, torresburriel, andres, nieto, anieto2k

Hace tiempo que existen los IA One Sheeters, pero nunca había hablado de ellos por aquí. Los IA One Sheeters son unas hojas en las que se trata de explicar en qué consisten y para qué sirven los entregables que se dan en una metodología de diseño centrado en el usuario de una manera clara y sencilla.

Estos IA One Sheeters han ido poco a poco creciendo y aumentando y ya tenemos para:

• Wireframes 60KB PDF
• Heuristic Evaluations 59KB PDF
• Usability Testing 61KB PDF
• Card Sorting 112KB PDF
• Content Inventory 104KB PDF
• Content Map 108KB PDF
• Design Standards Guide 112KB PDF
• Mental Model 112KB PDF
• Personas 120KB PDF
• Task Analysis Grid 112KB PDF
• Use Cases 116KB PDF
• User Flows 104KB PDF
• Vision Scope 124KB PDF

Creo que en momentos puntuales pueden llegar a resultar terriblemente útiles y que nos abran alguna puerta que de otra manera sería dificil abrir.

Si alguien se anima a traducirlos que lo comente.

Etiquetas: arquitectura, informacion, ux, ucd, iaonesheeters

Leo a través de HappyUser, el blog de Xperience Consulting, dos conclusiones que la autora Ana Belén Taborcia ha podido sacar después de asistir a las Jornadas de Eye Tracking en Estocolmo a cargo de Tobii.

Las conclusiones (copio y pego):

• La conveniencia de dejar actuar al usuario lo más solo y autónomo posible ante la interfaz, sin interferir con preguntas. El tradicional "think aloud" de los Test de Usabilidad se vuelve, en gran medida, ínnoperativo y contraproducente en los Test con Eye-tracking.
• La necesidad de formular hipótesis de comportamientos diferentes entre perfiles "antes" y "después" del Test. A priori, para fijar la atención en posibles conductas desiguales entre grupos poblaciones con variables independientes distintas que pueden interferir en su comportamiento (aspectos sociodemográfico, niveles de experiencia, grado de conocimiento...). A posteriori, no solo para determinar si se han cumplido las inicialmente establecidas, sino para descubrir nuevas diferencias debidas a otras variables no contempladas en un principio.

De las dos me ha asombrado muchísimo la primera, algo en lo que siempre se insiste mucho durante los test de usuario es en conseguir que el usuario hable, nos cuenta en que piensa o que espera encontrarse al hacer click en un sitio.

Más info sobre Eye Tracking:

• Vídeo de una prueba que realicé
• Aplicaciones del Eye Tracking (alt64)
• Definición Wikipedia (Inglés)
  

Etiquetas: eye, tracking, tobii, experiencia, usuario, ux

Ayer pregunté al aire en Twitter qué pasaba con Fundamentos Web 2008, que ya estamos acabando Julio y no hay ninguna noticia sobre el evento, cuando en años anteriores por estas mismas fechas ya estábamos todos dando saltos y haciendo palmas con las orejas. Unas pocas horas después, apareció un post de Olga Revilla (Itákora) en el que aclara que esta previsto para los días 27 y 28 de Octubre según el pliego de condiciones, el mismo que establece el 4 de Julio como fecha tope para la presentación de pliegos, de momento no hay ninguna noticia así que puede que se quede desierto. Una verdadera pena. Esperemos que pueda salir adelante.

Etiquetas: fundamentos, web, 2008

Con este nombre nace el nuevo blog corporativo del departamento de Experiencia de Usuario de Biko2, empresa en la cual trabajo. El recién nacido entrará a formar parte de un conglomerado de blogs que se integrarán dentro de BikoLabs y que poco a poco irán surgiendo. En este blog se tratarán temas de prototipado, accesibilidad, diseño, consultoría, estándares web, arquitectura de la información, usabilidad, etc...

A partir de ahora muchas de las cosas que publique por aquí, tendrán su eco también en el blog de Biko2 y viceversa para así mejorar tanto la calidad de mis post como mi experiencia en el mundo blogueril.

Pues nada, felicitar al equipo de User Experience y animarles a que vayan posteando.

Etiquetas: blog, corporativo, biko2, bikolabs, experiencia, usuario

Ya falta menos, ya falta menos,....¡y tanto que falta menos! A penas 4 horas nos separan del Chupinazo y del comienzo de las fiestas de San Fermín. Para ir calentando motores algunos iremos antes al tradicional almuercico de cuadrillas y coger así fuerzas para la larga jornada de hoy que empieza a las 12 en punto con el cohete que disparará Uxue Barkos de NaBai y en la que se incluyen el primer disparo del concurso internacional de fuegos artificiales y el conciertazo del señor Marky Ramone a las 23.

VIVA SAN FERMÍN!!! (felices fiestas a todos ; )

Etiquetas: sanfermin, safermines, 2008, pamplona

A través de un recordatorio de Itákora recupero un post de la genial Olga Carreras en la que explica y define la terminología usada en el mundo de la arquitectura de la información cuando se realizan diagramas, así aclara entre lo que es un Wireframe, un Blueprint, un Prototipo, un Mock Up,...

El prototipado ya sea de baja (wireframe, storyboard) o de alta fidelidad (maqueta o mock up) es una herramienta indispensable en cualquier desarrollo web que hagamos y desde elclerigo! siempre he defendido e impulsado su uso, en especial el de los wireframes por las múltiples ventajas que ofrecen y la facilidad con la que nos permiten trabajar.

Espero que la aclaración de Olga os sirva a muchos para acercaros más a la creación y uso de los prototipos.

Etiquetas: prototipado, wireframes, maquetas

Ya está aquí la edición de Julio de la revista Capire. Este mes destaca, por la temática de este blog, el artículo de Daniel Torres Burriel "Diseño de Interfaz y objetivos de proyecto" y el de Marcelo Garrido "Notas para el diseño de un buscador".

La imprimiré y la leeré con calma en algún lugar fresquito y sombreado.

Etiquetas: capire, julio, 2008

Recojo el testigo que ayer me pasó Javier Babuglia para probar la herramienta de prototipado de bajo nivel Balsamiq Mockups y de paso aprovecho para comentar también el Pencil Project.

Ambas herramientas son muy similares en cuanto a funcionalidades. Son muy simples de usar. Con lo justo. Con lo que necesitamos la mayoría de las veces.

En el caso de Pencil Project tenemos la opción de ejecutarlo en el escritorio o instalarlo como una extensión de Firefox 3. De las dos herramientas es probablemente la que menos elementos de interface nos ofrece pero a cambio gestiona muy bien el tema de las hojas e incluso permite crear background pages que en proyectos con muchas pantallas se puede agradecer.

Balsamiq Mockups puede ejecutarse en web o instalado a través de la plataforma Adobe AIR (después de un módico pago de 79$). Contiene gran cantidad de figuras para crear nuestras pantallas, todas ellas con un aire muy de andar por casa, pero en realidad muy potente. Además tiene muy bien resulto la manera de posicionar los elementos mediante unas guías automáticas que sólo aparecen al arrastrar los elementos. He solicitado la versión completa de escritorio y prometo una revisión más a fondo cuando la tenga.

Ambas herramientas exportan el resultado en formato PNG lo que nos permitirá por ejemplo modificarlas después con Adobe Fireworks para completarlas.

Resumiendo: Cualquiera de las dos herramientas pueden sacarnos de un apuro, pero para un uso más continuado recomiendo el uso de Balsamiq Mockups, por que dentro de su simplicidad nos aporta una potencia que nos vendrá muy bien en el día a día.

Quedo pendiente de recibir una licencia de Mockups para hacer una revisión más a fondo del producto.

Etiquetas: herramientas, prototipado, mockups, wireframes

En Digital Web han echado leña en la batalla entre Photoshop y Fireworks (si es que existe tal batalla), para ello han creado dos equipos de cuatro personas cada uno que usan una de las dos herramientas y les han hecho una serie de preguntas sobre sus herramientas preferidas.

¿La conclusión final?

"It is my hope that you will consider using each for its respective strengths: Photoshop for heavy print and photographic work, and Fireworks for web design. This of course is not to say that one could not be used for the other, rather that each fits a specific niche".

Más claro agua. Usa cada herramienta para lo que se creó aunque eres libre de hacer lo que te de la gana. :D

Etiquetas: prototitpado, diseño, fireworks, photoshop

Gracias a una petición, he tenido que recuperar un post que escribí hace tiempo sobre el portal de Turismo de Navarra, fue publicado por Fran Tarifa en su blog el 2 de Junio de 2006 y ahora he podido recuperarlo. Aquí lo dejo para la posteridad:

El 31 de mayo, coincidiendo con la II Gala del Turismo en Navarra, se presentó oficialmente la nueva web de Turismo del Gobierno de Navarra. Un portal bastante grande y con muchos recursos para hacer frente a la nueva campaña de turismo del Gobierno de Navarra “Reyno de Navarra. Tierra de diversidad”. Que comenzó hace ya un tiempo, y que tiene como principal objetivo atraer más turismo a Navarra fuera de los Sanfermines.Tenía muchas ganas de que este proyecto saliese a la luz, puesto que conozco de primera mano los requisitos que se pedían en el pliego de condiciones del concurso del Gobierno de Navarra y sinceramente me parecía bastante complicado cumplirlos todos y crear una web accesible. Uno de los mayores inconvenientes era la implementación de la web sobre el CMS 2002 de Microsoft que usa tecnología .NET para la creación de sus plantillas. La tecnología .NET a pesar de los esfuerzos de Microsoft por cumplir la ley de la Sección 508, no llega a desarrollar plantillas que cumplan con las pautas de accesibilidad de la W3C.

Así pues en cuanto salió la web, me lancé a destriparla. Lo primero que me sorprendió es que no existía en toda la web un solo logotipo de accesibilidad (al menos a simple vista), y que el diseño tenía muy buen aspecto (tipografías, flash, imágenes de buena calidad). Tras hacerle unas pruebas automáticas, con el TAW y con el Examinator, en las que se me devolvían errores de accesibilidad de nivel dos y tres; y una nota de 7,4 en el Examinator, abrí el código fuente, y aquí comenzó mi sorpresa.

¡¡Es realmente impresionante que hayan conseguido un código tan bueno!! Mi más sincera enhorabuena al equipo de NMP (ahora BIKO2), porque creo que han realizado un enorme esfuerzo y un buen trabajo para lograr esta web. Es posible que se puedan mejorar ciertos aspectos de accesibilidad, pero no se les puede negar el esfuerzo y el trabajo realizado; y el resultado para mí es sencillamente genial.

Código estándar, teclas de acceso rápido, listas, parrafos, enlaces ocultos para saltar los menús….y todo eso cumpliendo el pliego de condiciones del concurso. Puede que por imposiciones hayan tenido que prescindir de cierta accesibilidad a cambio de tener una web con mayor interacción con cierto tipo de usuarios; pero para mí el resultado es satisfactorio para todos. Y satisfacer a tanta gente es muy difícil.

Esta es la dirección correcta de la accesibilidad web, no como una moda, si no como una forma de mejorar la web, un camino que hemos de recorrer poco a poco, entre todos.

¡Enhorabuena!

Etiquetas: portal, turismo, navarra, rediseño, accesibilidad

Aquí dejo dos galerías de patrones de User Interface, ordenadas, comentadas y explicadas muy claramente.

• UI Patterns
  http://ui-patterns.com/
• Welie.com: Patterns in Interaction Design
  http://welie.com/patterns/index.php

Además en Welie.com se nos ofrecen unas cuantas macros para trabajar con Visio que resultan muy útiles, en especial el de duplicar página y el de resetear el zoom de todas las páginas al ancho por defecto.

Vía: Lista de IxDA

Etiquetas: diseño, interaccion, ixda, patrones, user, interface

Hay una nueva versión del fichero PNG Fix utilizado para conseguir la transparencia de los PNG's en la familia de navegadores Explorer hasta su versión 6. Esta nueva versión tiene para mí dos características transcendentales:

• Ocupa menos de 1kb
• Consigue transparencias en background-images y en img objects

¡Ya estoy tardando en comenzar a implementarlo!

Etiquetas: png, fix, javascript, estandares, web