usabilidad en aplicaciones web

Usabilidad en Aplicaciones Web

Mejorando el diseño de la Interfaz de Usuario en las aplicaciones web

Por: Elsa Canto

¿Qué es la Usabilidad?

UsabilidadCapacidad de una web, o un producto cualquiera, de ser usado fácilmente lo que contribuye a una Experiencia positiva en el Usuario.

La Usabilidad, es un concepto central e inherente a la HCI (Human Computer Interaction). El término es un anglicismo que significa facilidad de uso, y cuya definición formal se refiere al grado de eficacia, eficiencia y satisfacción con la que usuarios específicos pueden lograr objetivos específicos, en contextos de uso específicos (ISO; 1994)

UX: Experiencia del Usuario

La Experiencia del Usuario es el conjunto de factores y elementos relativos a la interacción del usuario, con un entorno o dispositivo concretos, cuyo resultado es la generación de una percepción positiva de dicho servicio o producto.

¿Porqué es importante tomar en cuenta la Experiencia del

Usuario al desarrollar aplicaciones, interfaces,

sistemas, etc?

Ayuda a desarrollar productos que el usuario quiere y necesita

Ventaja estratégica para mejorar el producto

Reduce los tiempos de desarrollo al definir los requerimientos pensando en los objetivos del negocio y necesidades del usuario

Beneficios de UX

Cosas que odian los usuarios al usar una

aplicación web

Cosas que odian los usuarios

Aprender a utilizar nuevas funciones

Las acciones repetidas

Tener que esperar

Tener que buscar

Tener que leer

Cosas que odian los usuarios

Diseño monótono o muy recargado (“look & feel”)

Restricciones a otras plataformas / browsers

Funcionalidad rígida

Errores

Brechas en la seguridad

5 Retos de Usabilidad

Escalabilidad

Diseño Visual

Comprensión

Interactividad

Manejo de Cambios

1.

2.

3.

4.

5.

en aplicaciones web

¿Cómo podemos crear una experiencia positiva

en el usuario?

Evaluación Experta

Modelo UCD: Diseño centrado

en el Usuario

Modelo UCD

Busca responder a preguntas acerca del usuario, tareas y metas, para así desarrollar y diseñar en torno al usuario.

Diseño Centrado en el Usuario

Actividades UCD

Diseño Centrado en el Usuario

Técnica del “Card Sorting”

La técnica de 'card sorting' se basa en la observación de cómo los usuarios agrupan y asocian entre sí un número predeterminado de tarjetas etiquetadas con las diferentes categorías temáticas del sitio web.

De esta forma, partiendo del comportamiento de los propios usuarios, es posible organizar y clasificar la información de un sitio web conforme a su modelo mental.

Diseñar sin fundamento...

Diseño de Interface Visual

Mejoras a la Interface Visual para Aplicación Web de Dichter & Neira

Es una solución de Dichter & Neira que permite auditar los puntos de venta (tienditas, supermercados, farmacias, etc) que maneja un fabricante de consumo masivo en un mercado,  con el objetivo de poder brindar información relevante acerca de su distribución y las variables que puedan afectar la misma (si hay producto visible en la tienda, si el producto tiene su publicidad o material de comunicación implementado, si se cumplen estándares del fabricante en el punto de venta, etc.)

Retail Performance TrackerAplicación web

Visualizar el nivel de penetración de su producto y el de su competencia

Conocer niveles de presencia simultánea y exclusiva en los diferentes canales comerciales

Medir la efectividad de distribuidores y la red de mayoreo

Retail Performance TrackerAplicación web

Interface Visual (antes)Retail Performance Tracker

Interface Visual (antes)Retail Performance Tracker

Interface Visual (antes)Retail Performance Tracker

Las pantallas a continuación muestran ubicación del contenido y la navegación, al mejorar la arquitectura ayudamos a que la aplicación sea más clara y fácil de utilizar para el usuario final. Favor no fijarse en colores, formas o iconografías ya que estos serán creados en la fase de diseño visual.

Retail Performance TrackerDiseñando la nueva Interface Visual

Retail Performance TrackerDiseñando la nueva Interface Visual

Diseñando la nueva Interface VisualRetail Performance Tracker

Diseñando la nueva Interface VisualRetail Performance Tracker

Diseñando la nueva Interface VisualRetail Performance Tracker

Diseñando la nueva Interface VisualRetail Performance Tracker

Diseñando la nueva Interface VisualRetail Performance Tracker

10 Guías de Usabilidaden aplicaciones web

Haz las funciones obvias

Crea una jerarquía visual clara

Sigue las convenciones, patrones

Evita utilizar textos innecesarios

Provee una navegación apropiada

Realiza pruebas de usabilidad

Provee toda la información que puedas

1.

2.

3.

4.

5.

Provee accesibilidad

Da importancia al diseño del homepage

Se consistente

6.

7.

8.

9.

10.

Lecturas recomendadas

Gracias

www.enfoqueusuario.com

Twitter: javagial

Linked’In: Elsa Canto

E-mail: elsa@tokenstudio.com