Proceso de diseño del Interfaz de Usuario

Tema relacionado: Técnicas de Evaluación y Testing de Usabilidad

(Basado en el flujograma de Usability Professionals Association, “Designing the User Experience”).

En el site (al igual que en otros especializados) se encuentra diverso material sobre las qué funciona y qué no en sitios Web, qué factores mejoran la experiencia del usuario en un site o las técnicas de evaluación o testing de usabilidad que nos permitan tener datos reales del futuro éxito de la implementación.

En esta sección vamos a plasmar una metodología de trabajo para el ciclo de vida completo, desde la concepción hasta las pruebas finales y puesta en producción de un sitio Web, que nos garantice máximos niveles de usabilidad del producto final.

Fase de Análisis:

Visión estratégica del site		Usabilidad en el proyecto		Equipo multidisplinar		Objetivos de Usabilidad
Estudios de campo		Selección de productos		Perfiles de usuario		Análisis de tareas
Escenarios de usuario		Operativa de usuario

• Reuniones con responsables para establecer una visión clara del site a diseñar
• Inclusión de tareas relativas a usabilidad en el plan del proyecto
• Reunir un equipo multidisplinar para asegurar un conocimiento global
• Establecer objetivos de usabilidad
• Organizar estudios de campo
• Búsqueda de productos competitivos
• Crear perfiles de usuario
• Desarrollar un análisis de tareas
• Describir y documentar los escenarios de usuario
• Describir y documentar los requerimientos de operativa de usuario

Fase de Diseño:

Diseño concept. / metáforas		Flujo pantallas / modelo naveg.		Revisiones de diseño		Revisiones conceptos diseño
Diseño lápiz y papel		Elaborar "low-fidelity"		Test "low-fidelity"		Elaborar "high-fidelity"
Test "high-fidelity"		Documentar estándares		Crear especific. diseño

• Brainstormings: diseño de conceptos y metáforas
• Desarrollo del flujo de pantallas y el modelo de navegación
• Realizar revisiones de conceptos de diseño
• Diseño con papel y lápiz
• Elaborar prototipos "low-fidelity"
• Organizar tests de usabilidad sobre los prototipos "low-fidelity"
• Elaborar prototipos detallados "high-fidelity"
• Organizar tests de usabilidad sobre los prototipos "high-fidelity"
• Documentación de estándares y directrices
• Elaboración de una especificación de diseño

Fase de Implementación:

Evaluaciones heurísticas

Cooperación responsables entregas

Tests de usabilidad: post-entregas

• Relización de evaluaciones heurísticas en curso
• Trabajar al lado de los responsables finales de la entrega según se va implementando el diseño
• Organizar tests de usabilidad inmediatamente a las entregas

Fase de Desarrollo:

Encuestas a usuarios: feedback

Pruebas de uso real

Tests de usabilidad: cumplimiento objetivos

• Realizar encuestas para obetener feedback de los usuarios
• Organizar estudios de campo para obtener información de cómo se está usando
• Comprobar objetivos mediante tests de usabilidad

Entregables:

Con frecuencia, los estudios para la usabilidad de proyectos, tanto en en análisis y desarrollo como en producción, suelen culminar con la elaboración y presentación de un documento final de "agujeros de usabilidad detectados" y medidas paliativas propuestas.

Pudiendo bastar para situaciones de apremio, en proyectos de poco calado o para resolver análisis de usabilidad de cliente interno, sin embargo es absolutamente recomendable seguir una metodología formal de Productos de Reporte o Entregables, para cada fase del proyecto por varias razones:

• Porque trabajar con una Metodología establece un procedimiento formal de trabajo que garantiza órden evitando improvisaciones e indefiniciones, y avala nuestro trabajo ante la organización.

• Porque se recoge, para cada fase del proyecto, la información "ad hoc" y conclusiones para la misma, documentándola de forma apropiada.

• Porque se establecen claramente hitos con sus consiguientes documentos asociados, lo que ayuda a estructurar el proyecto, establecer compromisos y plazos, y garantizar, indirectamente, el éxito del proyecto entero.

• Porque permite documentar los pasos seguidos a lo largo de todo el proyecto, permitiendo repetir el proceso en el futuro de la misma forma o mejorando situaciones problemáticas.

Aunque el conjunto de Entregables del proyecto dependerá de como se estructure éste y de la Metodología de Análisis y Diseño de la Usabilidad, damos a continuación un ejemplo de lo que podrían ser los Entregables de una metodología bien diseñada:

Presentación de Lanzamiento del Proyecto. Organización Funcional del Proyecto (identificación de responsables, dependencias y flujos de decisiones en el marco del Proyecto)... [Fase de Análisis]. Plan de Obtención de Información y Datos... (Técnicas de Sondeo)... [Fase de Análisis]. Especificación Funcional... [Fase de Análisis]. Documento de Compromiso para el Diseño Gráfico... (Técnicas de Sondeo) [Fase de Análisis]. Estructura del Interfaz de Usuario... (Técnicas de Sondeo) [Fase de Análisis]. Identificación de Estándares... (Técnicas de Sondeo) [Fase de Análisis]. Establecimiento de Estándares Específicos... (Técnicas de Sondeo) [Fase de Análisis]. Modularización del Proyecto... (Técnicas de Sondeo) [Fase de Análisis]. Requerimientos de los Módulos del Proyecto... (Técnicas de Sondeo) [Fase de Análisis]. Flujo de Pantallas, Funciones y Campos... (Técnicas de Sondeo) [Fases de Análisis / Diseño]. Documentos de Detalle de Datos Obtenidos... (Técnicas de Sondeo) [Fases de Análisis / Diseño]. Diseño y Elaboración de Prototipos... (Técnicas Auxiliares) [Fase de Diseño]. Iteraciones de Diseño Gráfico... [Fases de Diseño / Implementación / Desarrollo]. Actas de Reuniones de Especificación de Desarrollo... [Fases de Diseño / Implementación / Desarrollo]. Informe del Test de Simulación... (Técnicas de Testing de Usabilidad) [Fases de Diseño / Implementación / Desarrollo]. Informe de la Revisión de Experto... (Técnicas de Inspección de Usabilidad) [Fases de Diseño / Implementación / Desarrollo]. Informes del Test de Usabilidad... (Técnicas de Testing de Usabilidad) [Fases de Diseño / Implementación / Desarrollo]. Documento de Seguimiento de Modificaciones del Diseño... [Fases de Diseño / Implementación / Desarrollo]. Informe del Test Final de Usabilidad... (Técnicas de Testing) [Fase de Desarrollo]. Plan de Revisiones y Mejoras... (Técnicas de Testing). Evauación Post-Producción... (Técnicas de Testing). Evaluación de la Localización... (Técnicas de Testing). Especificaciones de Traducción del Interfaz... (Técnicas de Sondeo).

Tema relacionado: Técnicas de Evaluación y Testing de Usabilidad