El seminario esta enfocado a equipos de trabajo de desarrolladores, webmasters y diseñadores gráficos. En estos últimos meses, los equipos han podido aplicar algunas técnicas como: la evaluación heurística, pruebas con usuarios  y otras como el diseño de sketchs o wireframes.

Nos damos cuenta que cada cabeza es un mundo y que existen varias técnicas que pueden ayudarnos a conocer mejor al usuario (nuestros clientes) y así obtener información sobre sus necesidades y modelos mentales al momento que trabajamos en distintos tipos de proyectos.

A continuación, fotos del seminario con el equipo de desarrolladores de LogicStudio (martes 11 de octubre, 2011):

Más fotos: http://www.flickr.com/photos/enfoqueusuario/

El cerebro humano tiene límites en su capacidad de procesamiento de información, esto se refiere a la complejidad cuando dividimos la información en trozos y unidades.  De acuerdo a estudios realizados por George A. Miller, la memoria a corto plazo de los seres humanos puede retener sólo de 5 a 9 cosas a la vez.  Este hecho a menudo se utiliza como argumento para limitar el número de opciones en los menus de navegación  a 7 en sitios web.  Sin embargo existe un gran debate acerca de “The Myth of “Seven, Plus or Minus 2″ por lo tanto no esta claro como este principio puede o podría aplicarse al diseño web.

La regla de los 2 segundos

Existe un principio vago, de que los usuarios no deberían tener que esperar más de 2 segundos para cierto tipo de respuestas de sistemas, por ejemplo al realizar un ingreso a una aplicación web.  La teoría de los 2 segundos es un poco arbitraria, pero se puede tomar como una razonable claro que va a depender de muchos factores.  En resumen: “Entre menos hagamos esperar al usuario, mejor será la experiencia para ellos”.

La regla de los 3 clicks

De acuerdo con esta regla, los usuarios pueden dejar de utilizar el sitio si no son capaces de encontrar la información que buscan en 3 clicks.  En otras palabras esta regla enfatiza la importancia de una navegación clara, una estructura lógica y una jerarquía fácil de seguir.  En muchas situaciones el número de clicks es irrelevante; lo que es realmente importante es que los visitantes siempre puedan saber dónde se encuentran, donde estuvieron y dónde pueden ir después.   No importa mucho la cantidad de clicks que de el usuario para llegar a determinado lugar, si el usuario siente que tiene un buen entendimiento de como funciona el sistema (sitio web, aplicación, intranet. etc.)

Reglas de Oro para el Diseño de Interfaces.

Como resultados de estudios en el diseño de interfaces Ben Shneiderman ha propuesto una serie de principios que han sido desarrollados de manera heurística por la experiencia y que son aplicables a la mayoría de los sistemas interactivos.  Estos principios son comunes en el diseño de Interfaces Visuales, como también en diseño web.

1. Mantenga la consistencia.
2. Permita que los usuarios frecuentes utilicen “shorcuts”.
3. Ofrezca retroalimentación informativa
4. Diseñe cómo se desplegarán los mensajes, luego de realizar una acción. Ejm. Una compra.
5. Manejo de errores simple
6. Facilite al usuario el poder realizar acciones en reversa. Ejm. Hacer “back” para corregir información de un formulario.
7. De sentido de control al usuario

Source:  http://www.humanfactors.com/ROIposter.asp – Download a PDF poster of the ROI of User Experience animation featured in this video.

1. Contenido de Trabajo:

Toda la información y las aplicaciones que ayudan a los colaboradores a hacer su trabajo día a día:

• Contenidos relevantes para una función particular, por ejemplo, cambiaron las normas contables.
• Contenidos relevantes para todos los roles, por ejemplo: la agenda en línea
• Servicios de Oficina, por ejemplo: los servicios de correo, de impresión, salas de reuniones, papelería, construcción, seguridad, etc.
• De Soporte de IT, por ejemplo: soporte de aplicaciones, seguridad, acceso remoto, etc.
• La contratación de proveedores para insumos de oficina, equipos informáticos, renovación de contratos.
• Gestión del conocimiento: Biblioteca de la empresa, Glosario de Términos, etc.
• Viajes de Negocios y Seguros

2. Contenido de Recuros Humanos:

Esto incluye la información y las aplicaciones de apoyo que los colaboradores necesitan y también para gestionar su carrera profesional. Por ejemplo:

• Pagos: Incluyendo escalas salariales, impuestos, horas extraordinarias, gastos, bonificaciones
• Asistencia y licencias, incluyendo las horas de trabajo, horario flexible, vacaciones anuales, licencias por maternidad, otros servicios
• Beneficios: incluyendo beneficios médicos (seguros, servicios gratuitos), beneficios financieros (plan de pensiones, préstamos de personal) y otros beneficios
• Carreras, entrenamientos, cambios de puestos de trabajo
• Representación sindical y la afiliación

3. Información Corporativa:

• Incluye información acerca del negocio, lo que hace actualmente y noticias relevantes. Por ejemplo:
• Información básica: visión de negocio, líneas de negocio, las direcciones y teléfonos de la oficina, etc
• Gobierno corporativo, por ejemplo, declaración de la misión y la estrategia, los informes anuales, organigrama, equipo de alta dirección, las políticas corporativas, etc
• Comunicación corporativa, por ejemplo, comunicados de prensa, noticias internas, etc

4. Contenido Social:

Casi todas las intranets incluyen algún elemento de “diversión” que permiten al personal de la organización realizar actividades sociales. Algunos elementos comunes son:

• Discusión en línea.
• Deportes y Comité Económico y Social.
• Eventos sociales.
• Sociedades de beneficencia.
• Los clubes deportivos.

En resumen, estos cuatro pilares constituyen un marco para la creación de contenido de la intranet. De hecho, es bastante frecuente que muchas empresas a la hora de diseñar su intranet basen la arquitectura de la información y / o sistemas de navegación sobre estos pilares.

Casi todas las empresas utilizan sus redes internas para resolver el mismo problema – para apoyar la presencia de personal al darles acceso a todo lo que necesitan para hacer su trabajo y gestionar su carrera profesional.

A continuación algunas guías que le ayudarán al momento de crear la Intranet de su empresa:

1. Estructurando la Intranet.

La forma más común que he visto en las empresas, es que éstas organizan su Intranet de acuerdo a la estructura departamental de la organización.  Aunque esto parece tener sentido, los problemas aparecen cuando el colaborador desconoce bajo qué departamento buscar la información que necesita.

Este problema se incrementa cuando la empresa u organización es muy grande.   La única manera real de planear la estructura es realizando una sesión de “Card Sorting”, lo que ayudará a saber cómo perciben y piensan los colaboradores acerca del contenido de la Intranet.

Seguiremos ahondando más en el tema de las Intranets en nuestro próximo newsletter de diciembre (Especial de Intranets).  No te lo pierdas!

Tu sitio web tiene que proporcionar información que cumpla con las necesidades inmediatas de los visitantes. Este es el principio fundamental de diseño de páginas web “usables” o llamémosles “user friendly”.   No sólo son importantes las metas del negocio, sino también las del usuario.

Dependiendo de la industria, debes conocer cuáles son las necesidades inmediatas que tienen tus clientes cuando entran por primera vez a tu sitio web, no sólo son importantes las metas del negocio.

2. Crear un flujo de información.

Debemos crear un flujo de información, un camino (path) que los visitantes del sitio, realizarán mientras lo navegan. Esta ruta inicialmente atenderá sus inquietudes y necesidades y poco a poco los llevará a completar su objetivo. Para crear este plan tendremos que:

Identificar los diferentes grupos de personas que van a utilizar tu sitio web
Identificar la información que necesitas para satisfacer las necesidades de tus visitantes (y en qué orden debes mostrarla)

Una vez identificado el tipo de contenido que mostrarás, podrás crear una lista de páginas web y secciones (menú principal).

Hay que tener en cuenta, sin embargo, que algunos usuarios necesitarán más información que otros, por lo que siempre tendrás que dar con una opción de continuar en el flujo de información o saltar para que puedan alcanzar la meta que haz establecido para ellos.

3. Pruebas de Usabilidad.

Una vez creado el plan para el sitio web, es hora de probarlo.  Esta será la prueba más importante que necesitas realizar y la que te ahorrará tiempo y dinero en un futuro-  De acuerdo con una investigación para IBM, cada dólar ($1) invertido en hacer que tu sitio sea fácil de utilizar tiene un retorno de $10 a $100.

Si no realizas ninguna prueba de Usabilidad descubrirás quizás que la estructura de tu sitio web no hace sentido una vez el sitio este publicado.  Esto puede pasar y ha pasado antes y te deja con dos opciones: Rediseñar el sitio o hacer uno totalmente nuevo.   Muchas veces no se realizan pruebas de usabilidad a sitios o aplicaciones web porque se piensa que:

• Son muy costosas
• Toman mucho tiempo
• No sabemos como realizarlas

Las pruebas de usabilidad especialmente en etapas tempranas, no son costosas, son rápidas, informales y fáciles de realizar.  Sólo debes mostrarle a 5 personas  tu sitio web (en prueba, antes de publicarlo) y preguntarles:

• ¿Cuál es la finalidad de este sitio?
• Si estuvieras en el homepage, ¿dónde deberías clickear?, ¿y dónde después de allí?
• ¿Tiene todo lo que necesitas o buscas?

Y eso es todo, siempre y cuando estas 5 personas caigan en tu perfil de clientes, todo debería estar Ok.  Se ha comprobado que utilizar a 5 personas para una prueba de Usabilidad cubrirá el 85% de los problemas de Usabilidad de un sitio web.

• Son confusos porque el sitio no precisa con claridad de qué se trata
• Largos tiempos de carga debido al uso excesivo de gráficos de gran tamaño, los applets de Java, anuncios, y otros  elementos llamativos
• Navegación extraña, porque los controles de navegación son difíciles de encontrar o mal etiquetados  – o porque hay muchos enlaces de navegación algunas veces demasiados en la primera página  y no son consistentes en las páginas internas
• Textos difíciles de leer debido a un diseño inadecuado (letras gris claro sobre fondo blanco)
• Irrelevancia porque las páginas fueron diseñadas teniendo en cuenta sólo lo que una empresa quiere, no lo que los usuarios desean
• Incompatibilidad de plataforma (sistema operativo) y también de browsers
• Complejidad debido a que el diseñador de la página espera que los usuarios  “aprendan” el sitio, en lugar de utilizar las convenciones estándar de diseño
• Algunos son como Betty…son feos!

¿Qué imagen están proyectando?  ¿qué nos dice de su servicio al cliente?.  Recuerden que el canal de Internet hoy día es tan importante como la misma empresa (físicamente) por ejemplo para un banco, su website o banca por internet es su sucursal en línea y deben procurar tener la misma calidad y atención.  Si una empresa tiene un “lobby” super elegante, bien diseñado su sitio web debería reflejar lo mismo.

La Experiencia del Usuario es un conjunto de factores y elementos relativos a la interacción del usuario con un entorno o dispositivo, el resultado es una percepción positiva de dicho servicio o producto.   Esto depende no sólo del buen diseño o de la tecnología que se utilice, sino también de aspectos como las emociones, sentimientos, transmición de la marca y confiabilidad del producto.

Cuando se mide la Experiencia del Usuario, se toman en cuenta 3 factores muy importantes:

• Efectividad. ¿Cumple el usuario sus objetivos en línea?, ¿Encuentra la información que busca?
• Eficiencia. ¿Cuántos clicks, tiempo y esfuerzo son necesarios para realizar una tarea?, ¿qué tipo de esfuerzo requiere entrar a nuestra intranet y descargar documentos? ¿Cuánto tiempo es necesario para aprender a utilizar un nuevo sistema?
• Satisfacción. ¿Qué opinan nuestros clientes de nuestro sitio web?, ¿qué podríamos hacer para complacerles más?

Cuando se rediseña un sitio web, es importante tomar varios aspectos en cuenta, el  precio es importante pero algo más importante aún es la experiencia que tenga el proveedor.

Muchas veces cuando creamos un sitio web, lo hacemos creyendo que las personas van a leer cada uno de nuestros textos página a página.  Lo que hacen los usuarios realmente es “escanear” la página buscando algo interesante para ellos o que se parezca a lo que buscan, si no lo encuentran muchas veces dan clic en el botón regresar o en el peor de los casos se van a otro sitio.

¿Y porqúe no leemos?

• Estamos siempre apurados
• Sabemos que no tenemos que leerlo todo
• Somos buenos “escaneando”, porque siempre lo hemos hecho (revistas, periódicos, libros, etc.)

Las empresas que toman en cuenta factores como la Usabilidad y la Expericncia del Usuario son las que tienen una ventaja competitiva hoy día en internet.   Esta es una tendencia que ya lleva años en Estados Unidos y en Europa.

Entre los principales beneficios se encuentran:

• Reducción de los costos de aprendizaje.
• Disminución de los costos de asistencia y ayuda al usuario.
• Optimización de los costos de diseño, rediseño y mantenimiento.
• Aumento de la tasa de conversión de visitantes a clientes de un sitio web.
• Mejora la imagen y el prestigio.
• Mejora la calidad de vida de los usuarios, ya que reduce su estrés, incrementa la satisfacción y la productividad.

Todos estos beneficios implican una reducción y optimización general de los costos de producción, así como un aumento en la productividad. La Usabilidad permite mayor rapidez en la realización de tareas y reduce las pérdidas de tiempo.

Un caso real, después de ser rediseñado prestándose especial atención a la usabilidad, el sitio web de IBM incrementó sus ventas en un 400% (InfoWorld, 1999).

Se han realizado muchos estudios a través de estos últimos años en varios aspectos de Web y Diseño de Interfaces y  información obtenida es muy valiosa para ayudarnos a mejorar nuestro trabajo.  A continuación algunas de estas cosas que se han encontrado y algunas guías que te ayudarán a mejorar la experiencia del usuario en tu sitio web:

1. La Calidad del Diseño es un Indicador de Credibilidad.

No sabemos que tan buena es una aplicación web antes de comenzar a utilizarla, pero una interface fácil de utilizar y bien diseñada (agradable a la vista, consistente) nos da una muy buena primera impresión.

Algo interesante es que los usuarios si juzgan un libro por su cubierta o más bien un sitio web por su diseño.   Elementos como el diseño del “layout” o la estructura que tenga, consistencia, tipografía, colores y estilos todo esto afecta como el usuario percibe tu sitio web y la imagen que proyecta tu compañía.   Tu website debe proyectar no solo una buena imagen sino también la adecuada para tu audiencia.

Otros factores que influencian la credibilidad son: la calidad del contenido del sitio web, cantidad de errores, el tiempo con el que se actualiza la información y la facilidad de uso.

2. En cuanto a formularios en el web, los “labels” para los campos se deben incluir arriba del campo.

Un estudio de UX Matters encontró que la mejor posición para incluir los “labels” o títulos para los campos es arriba del campo de texto.  En la gran mayoría de los formularios, estos se incluyen a la izquierda, creando una estructura de dos columnas, que aunque se vea bien no es la forma en que se debería utilizar.  ¿porqué? porque los formularios generalmente tienen una orientación vertical, por ejemplo: el usuario llena el formulario de arriba hacia abajo, los usuarios hacen un scan visual hacia abajo mientras lo llenan y seguir  el “label” que se encuentra abajo del siguiente campo es más fácil que seguirlo si esta a mano izquierda del campo.

Puedes encontrar más de estas guías en este interesante artículo.