A propósito que en estos días recibimos en DBAccess, nuevamente el reconocimiento como uno de los 100 Mejores lugares para Trabajar de Latino américa, según Great Place to Work Intitute, recordé un post que leí en StopDesign escrito por Douglas Bowman, el diseñador gráfico responsable de las plantillas de Blogger por allá en las edades tempranas de la Web 2.0, y que le he seguido la pista desde aquellos años.

En ediciones anteriores de los reconocimientos de Great Place To Work Institute, en "las 500 mejores" dentro de EEUU, Google fue por 2 años consecutivos el mejor lugar para trabajar en Estados Unidos (por el tamaño de la economía y el desarrollo del país podría decirse del mundo). Justo en ese tiempo, Douglas había dejado su empresa -StopDesign- para irse a trabajar con la empresa de Montain View.

Recuerdo que cuando leí esa noticia en su blog, dije: "Wow, qué más puede pedir este pana?, consiguió trabajo en Google!!", haciendo cosas que me gustan a mí en lo personal: Diseño Visual, Usabilidad, Interfaces etc.

Mi sorpresa fue mayor, cuando leí su post: Goobye, Google.

En ese post, Douglas habla de como empezó a trabajar en Google siendo el primer Diseñador Gráfico puro, armó un equipo de cero e intentó hacer diseño en una empresa donde el 80% de las personas son ingenieros.

Aparte de todo lo bueno, lo interesante, son las razones por las cuales luego de 3 años decidió irse de Google, que resumo:

• Antecedente: Cuando Douglas se conecta con la empresa, tenía apenas 7 años de fundada, todo este tiempo y todos sus productos sin un Diseñador Visual, sólo ingenieros con experiencia en HCI.
• Ninguna de estas personas tenía posiciones de liderazgo, ni estaba cerca, como para tomar decisiones relacionadas con el diseño y estética de los productos de Google.
• Dada la mayoría de ingenieros en la empresa, cada decisión de diseño, era reducida a un simple problema de lógica, eliminando toda subjetividad y mirando sólo lo que los datos indican.
• Si los datos están a favor ok, sino, se vuelve a la mesa de diseño.
• Los equipos en google no pueden decidir entre 2 tonos de azul, se realizan hasta 41 pruebas por cada tono de color para ver cuál es el de mejor performance.
• Las discusiones de diseño podrían ser inclusive por 3, 4 ó 5 píxeles.

Pareciera que el conflicto se produjo entre la estética del diseño y la lógica de los números, rigurosamente objetivos. En cualquier caso, me parece una experiencia súper enriquecedora. Luego de irse de Google, al cabo de 1 semana, Douglas Bowman se estrenó como Director Creativo en otra pujante empresa de nuestra era en internet: Twitter. Pueden leer su post para más detalles.

Saludos,
->beto

Muchas veces los equipos de desarrollo, por diversas razones, colocan en segundo plano los objetivos de usabilidad en una interfaz gráfica. Dominando en la mayoría de los casos, la funcionalidad, sin tomar en cuenta a los usuarios finales.

Es como si construyéramos un teléfono móvil, pero no tuviera carcasa, y al tomarlo con la mano, sintiéramos la rudeza del material y viéramos todos los circuitos y partes que la integran.

En DBAccess algo similar debió ocurrirle a uno de nuestros clientes, cuando hace unas semanas intentó registrarse dentro de una aplicación que estamos construyendo y se encontró con un grupo importante de "issues" ó problemas relacionados con Usabilidad. Decidimos entonces constituirnos como un pequeño equipo de evaluadores y a la interfaz existente realizamos una: Evaluación Heurística.

Evaluación Heurística

Su objetivo principal es encontrar problemas de usabilidad en el diseño de una interfaz gráfica. Puede aplicarse en cualquier etapa del ciclo de desarrollo, pero es preferible y recomendado hacerlo en etapas tempranas de un proyecto de desarrollo de software.

Es una técnica de bajo costo, que puede ser realizada por un mínimo de 3 profesionales, que evalúan a distancia.

Lo clásico: Las Heurísticas de Nielsen

Las Heurísticas de Nielsen (Jakob) son 10 principios básicos que toda interfaz de usuario debe cumplir para mantener en un nivel óptimo, la facilidad de uso de una interfaz.

La técnica es muy sencilla, cada evaluador sigue las heurísticas, buscando problemas de usabilidad, valorando cada problema según una pequeña escala establecida. Es recomendable que cada evaluador recorra la interfaz al menos 2 veces, aunque la experiencia del evaluador es determinante en el número de problemas encontrados. Luego se realiza una sesión de consolidación y valoración, que genera un entregable para el equipo de desarrollo.

De bajo costo, fácil de implementar y con un altísimo valor para el proceso de desarrollo. La evaluación heurística de una interfaz puede definitivamente mejorar el diseño de la interfaz.

Puertas adentro, veremos el entregable con el equipo de desarrollo y el feedback con el cliente, en función de un re-diseño de la interfaz.

Saludos,
->beto

¿Para cuál resolución de monitor debo diseñar la web?

Esta es una pregunta recurrente, que se hace todo diseñador web al momento de enfrentarse a un nuevo proyecto.

No hay una respuesta que, como una receta mágica; pueda guiarnos para tomar la mejor decisión de diseño, puesto que son varios los factores a tomar en cuenta en cada proyecto en particular. Pero digamos que el consejo básico del cual partir está claro:

* Optimizar para 1024x768 píxeles, este es el tamaño de monitor más usado actualmente. Esta medida cambiará, en la misma medida en que surjan monitores nuevos al mercado, pero hoy día es la más común. Por supuesto, la pauta general es optimizar para la resolución que usa el target o público al cual va dirigido el diseño.

Así, por ejemplo, puede que te toque diseñar la Intranet para una compañía en la que todos sus empleados tienen monitores de resolución igual o superior a los 1024.

* No diseñar solamente para un tamaño específico del monitor porque los tamaños de pantalla varían entre usuarios. La variabilidad del tamaño de la ventana es incluso mayor, puesto que los usuarios no maximizan siempre sus browsers (especialmente si tienen pantallas grandes).

* Utilizar una diagramación de página (layout) líquida ó variable (en porcentaje) para que se adapte al tamaño de la ventana del usuario actual (es decir, evitar las disposiciones congeladas que son siempre de ancho fijo).

Optimizar para 1024x768 siginifica fundamentalmente que la interfaz del proyecto web debe "verse" y "trabajar" correctamente en la resolución más común. De tal forma que, sea grande o pequeña la resolución de monitor del usuario, funcione de igual forma para todos.... y cualquier navgador...

También hay que tomar en cuenta:

Visibilidad, ¿Toda la información clave está a primera vista del usuario sin necesidad de hacer scrolling?

Legibilidad, ¿Es fácil de leer la información con la distribución de columnas que tiene?

Estética, ¿tienen todos los elemntos del diseño un tamaño y proporción adecuados?

En la última edición se su columna Alert Box de Julio 2006, Jakob Nielsen, el conocido gurú de la usabilidad, habla sobre optimizar para 1024 y la diagramción del layout.

A ver, a diseñar con estándares.
Saludos,
->beto

Como resultado de los millones de páginas web que existen hoy día, los usuarios de Internet no tienen tiempo que perder. Con una abrumadora impaciencia e insistencia en la satisfacción instantánea, si los usuarios no encuentran lo que buscan o no aprenden a usar una aplicación web en un minuto o menos, con seguridad se irán del sitio.

La usabilidad ha adquirido mayor importancia en la economía digital. Las aplicaciones de software difíciles de usar, poco accesibles y con grandes departamentos de soporte, "Call Centers", extensos manuales de uso etc. Representan costos muy altos que las empresas quieren reducir a como dé lugar.

La experiencia del usuario frente a un software o una página web, marca la diferencia entre el producto que agrega valor y satisface, y otro que no agrega valor y además cuesta el doble. En la actualidad, el cliente está colocando en una posición relevante a la "facilidad de uso" de una aplicación, como un criterio que determina la calidad del producto y por el cual está dispuesto a pagar.

De allí la clara importancia de diseñar un web ó una aplicación bajo criterios de usabilidad.

A través del diseño centrado en el usuario, estaremos brindando un mejor servicio y de mayor calidad a nuestros clientes; a sus usuarios finales, ayudándolos a encontrar fácil y rápidamente la información que necesitan, facilitando sus tareas, minimizando costos e impulsando sus negocios.

"The web is the ultimate customer-empowering environment. He or she who clicks the mouse gets to decide everything. It is so easy to go elsewhere; all the competitors in the world are but a mouseclick away"
Jakob Nielsen

En el día a día profesional, trabajo con esta disciplina y debo admitir que me apasiona, por eso quiero escribir sobre ella. Y es que cada vez con mayor fuerza, se viene transformando en un requerimiento vital en el diseño y desarrollo de aplicaciones web.

La usabilidad es un indicador de calidad muy importante en el diseño web, y como diseñador es también una metodología que garantiza al usuario una experiencia satisfactoria.

Desde mi perspectiva, la definición más sencilla y concreta de Usabilidad es la introducida por el reconocido gurú Jakob Nielsen (2003):

"Usabilidad es un atributo de calidad que mide lo fáciles de usar que son las interfaces web."

Para Redish (2000) otro gurú del área, es preciso diseñar sitios web para que los usuarios sean capaces de:

"Encontrar lo que necesitan, entender lo que encuentran y actuar apropiadamente... dentro del tiempo y esfuerzo que ellos consideran adecuado para esa tarea."

Por otra parte la Organización Internacional para la Estandarización (ISO) dispone para el término usabilidad:

ISO/IEC 9126:

"La usabilidad se refiere a la capacidad de un software de ser comprendido, aprendido, usado y ser atractivo para el usuario, en condiciones específicas de uso"

Esta definición hace énfasis en los atributos internos y externos del producto, los cuales contribuyen a su funcionalidad y eficiencia. La usabilidad depende no sólo del producto sino también del usuario. Por ello un producto no es en ningún caso intrínsecamente usable, sólo tendrá la capacidad de ser usado en un contexto particular y por usuarios
particulares. La usabilidad no puede ser valorada estudiando un producto de manera aislada (Bevan, 1994).

ISO/IEC 9241:

"Usabilidad es la eficiencia y satisfacción con la que un producto permite alcanzar objetivos específicos a usuarios específicos en un contexto de uso específico"

Es una definición centrada en el concepto de calidad en el uso, es decir, se refiere a cómo el usuario realiza tareas específicas en escenarios específicos con efectividad.

Como verán hablamos del usuario, de su interacción con la aplicación y de sus niveles de satisfacción de uso. La usabilidad es una de las disciplinas centrales que integran el concepto Experiencia del Usuario (HCI, Human-Computer Interaction ó User Experience), en las que destacan: Accesibilidad, Buscabilidad, Arquitectura de Información, Diseño de Interacción y, Diseño de información y Diseño gráfico ó Visual Design.

En ésta última área es donde mi rol actúa, por un lado aplicando los principios de usabilidad y los estándares web, como una metodología de diseño; y por la otra como el defensor de la experiencia del usuario ante una interfaz gráfica.