Diseño pensando en el usuario

La interfaz gráfica del usuario fue diseñada para darle a la gente control directo sobre sus computadoras personales. Los usuarios se han acostumbrado a contar con un cierto nivel de sofisticación en todos los diseños, incluyendo el de páginas Web. El objetivo es satisfacer las necesidades de todos tus usuarios potenciales, adaptando la tecnología Web a fin de cubrir sus expectativas, sin esperar nunca que el lector se conforme con una interfaz que pone obstáculos innecesarios en su camino.
Es aquí dónde resulta absolutamente crucial investigar las necesidades y datos demográficos de tu público objetivo. Diseñar para una persona desconocida, cuyas necesidades no comprendes, es imposible. Bosqueja varios guiones para diferentes tipos de usuarios que buscan información en tu sitio Web. ¿El diseño de tu página de inicio facilitará o complicará las cosas para un usuario experimentado que busca una pieza específica de información? ¿Tu menú complejo con sólo texto intimidará a un usuario principiante? La mejor manera de saber si tus diseños les dan a los usuarios lo que necesitan es probarlos y solicitar sus opiniones.

Construye un menú de navegación claro

En la situación actual de la tecnología Web la mayoría de los usuarios están acostumbrados a interactuar con el diseño navegando a través de los vínculos que encuentran en las páginas. El problema principal en la interfaz de sitios Web es la carencia de una indicación clara de dónde se encuentra el usuario dentro de la organización local de la información:

Iconos claros y consistentes, temas gráficos con identidad, y una pantalla que muestre una visión de conjunto o un resumen pueden darle al usuario la confianza de que podrá encontrar lo que busca sin perder tiempo. Los usuarios deben poder regresar a tu página de inicio (home) o a cualquier otro punto importante de tu menú de navegación con toda facilidad. Estos vínculos básicos, que deben estar presentes en todas las páginas de tu sitio Web, son a menudo presentados con botones gráficos y no sólo proveen los vínculos básicos de navegación y ayudan a crear la identidad gráfica de tu sitio Web sino que también le indican al usuario que aún está dentro del dominio de tu sitio Web. En este sitio web de ejemplo, la barra de botones aparece en el encabezado de cada página:

La barra de botones es útil (muchas alternativas en un espacio pequeño), confiable (siempre está ahí, al principio de cada página), y provee una identidad gráfica consistente para cada página en el sitio web.

Ninguna página final

Cada página Web debe contener por lo menos un vínculo. Páginas finales, páginas sin ningún vínculo que lleve a otra página dentro del mismo sitio Web, no sólo son frustrantes para los usuarios sino que también significan una oportunidad perdida para que los usuarios visiten otras páginas en tu sitio Web.
Las páginas Web a menudo aparecen sin ninguna introducción: los lectores a menudo eligen seguir vínculos que los llevan directamente a páginas sepultadas muy hondo dentro de la organización de tu sitio Web. Por lo tanto, es posible que nunca vean tu página de inicio (home) o cualquier otra información preliminar de tu sitio Web. Si tus páginas Web secundarias no contienen vínculos que permitan retroceder dentro de la organización del sitio Web hasta tu página de inicio (home) u otras páginas iniciales, el lector está encerrado, sin posibilidad de acceder al resto de tu sitio Web:

Dales acceso directo a los usuarios

Aquí, el objetivo es proporcionar la información que el usuario desea en el menor número posible de pasos y en el tiempo más corto posible. Esto requiere que diseñes una organización eficiente para presentar la información y reducir el número de pasos entre las diferentes páginas de tu menú. Estudios sobre la interfaz han demostrado que los usuarios prefieren menúes que presenten un mínimo de cinco a siete vínculos, y que los usuarios prefieren unas pocas alternativas con mucha información en vez de muchas capas de menúes simplificados.

Ancho de banda e interacción

Los usuarios no tolerarán demoras. Investigaciones sobre el factor humano han demostrado que el umbral de frustración para la mayoría de tareas relacionadas con una computadora es de alrededor de 10 segundos. Los diseños de páginas Web que no están bien "sintonizados" con la velocidad de transmisión de los servicios que utilizan tus usuarios sólo conseguirán frustrarlos. Si la mayoría de tus usuarios pertenecen al grupo de navegantes que "surfean" (navegan) la Red por medio de conexiones telefónicas de 28.8 kbps es absurdo que incluyas gráficos inmensos en formato mapa de bits, para los cuales el usuario común no tendrá la paciencia de esperar interminablemente hasta que terminen de bajar por su línea telefónica. Sin embargo, si estás haciendo un diseño para una universidad o la intranet de una corporación, donde la mayoría de los usuarios accesan la información a velocidad Ethernet (velocidad de transmisión de datos muy alta) u otra aún mayor, entonces te puedes dar el lujo de usar más gráficos y multimedia.

Simplicidad y consistencia

Los usuarios no se impresionan con una complejidad gratuita, en especial aquellos usuarios que cuentan con tu sitio Web para obtener información exacta y oportuna para sus responsabilidades laborales. La metáfora de tu interfaz debe ser simple, familiar y lógica para toda tu audiencia.
Si quieres una metáfora para el diseño del formato con el que presentarás la información (information design=diseño de información, formato para presentar la información) escoje un libro o una biblioteca en vez de una nave espacial o una pantalla de televisión. Los mejores diseños de información son aquellos que la mayoría de usuarios ni siquiera notan.
El trabajo que hizo "Studio Archetype" para el sitio Web de la Corporación Adobe es un excelente modelo de diseño de un sitio Web. Las páginas usan gráficos masivamente y de manera consistente en cada una de sus páginas del sitio Web como ayuda visual para la navegación. Una vez que te das cuenta que los vínculos principales están en los gráficos en el encabezado de la página, la interfaz se vuelve prácticamente invisible y la navegación resulta muy fácil.
Para lograr la funcionalidad y legibilidad óptimas, el diseño de tu página y sitio Web debe ser construído utilizando un patrón de unidades modulares, compartiendo todas la misma cuadrícula de diagramación básica, temas gráficos, convenciones editoriales y organización. El objetivo es ser consistente y confiable, de manera que tus usuarios se sientan cómodos explorando tu sitio Web y seguros que sabrán cómo encontrar lo que están buscando. La identidad gráfica de una serie de páginas en tu sitio Web proveen pistas visuales para la continuidad de la información. El menú de gráficos, presente en el encabezado de cada una de las páginas del sitio Web de Adobe, provee una interfaz diseñada pensando en el usuario y una identidad corporativa consistentes:

1 - 2 - 3 - 4