Diseño de Interacción

14
CAPACITACIONES UX metodología de trabajo 01. Diseño de Interacción

description

Capacitaciones UX para diseñadores Agencia Digitaria, año 2012

Transcript of Diseño de Interacción

CAPACITACIONES UXmetodología de trabajo

01. Diseño de Interacción

Capacitaciones UX 01. Diseño de Interacción

Rodrigo Vera | Jefe de Experiencia de Usuario

¿Diseño de interacción?

El Diseño de Interacción (IxD) define la estructura y comportamiento de los sistemas interactivos. Los diseñadores de interacción se esfuerzan en

crear relaciones significativas entre las personas y los productos y servicios que utilizan, desde los ordenadores a los dispositivos móviles a otros

aparatos y  más allá. 

Capacitaciones UX 01. Diseño de Interacción

Rodrigo Vera | Jefe de Experiencia de Usuario

1. El Diseño de interacción es sobre el comportamiento de las personas. 2. Es sobre la relación de las personas y sistemas o aparatos o entre personas. 3. No es excluivamente sobre entornos o aparatos digitales. 4. Es sobre facilidad de uso, personas y las emociones que provoca una buena o mala experiencia de uso. 5. Es una disciplina interdisciplinaria: Diseño, psicología cognitiva, comunicación, ergonomía, son algunas de los

campos que se cruzan en ID.

¿Diseño de interacción?

Capacitaciones UX 01. Diseño de Interacción

Rodrigo Vera | Jefe de Experiencia de Usuario

Roles

Roles del Usuario

Mapa de Roles del Usuario

Casos de Uso

Mapa de Casos de Uso

Modelo de Contenido

Mapa de Navegación

Wireframes Interfaz

Modo Operacional (factores del entorno y contextuales)

Modelo de Dominio (glosario, data modelo o modelos de clases de objetos)

Modelo de Diseño Centrado en el Usuario, Constantine & Lockwood

Temas Contenidos

Diseño visual y de interacción

¿Diseño de interacción?

Capacitaciones UX 01. Diseño de Interacción

Rodrigo Vera | Jefe de Experiencia de Usuario

Roles del Usuario

Roles y Tareas

Casos y Diagramas

de Uso

Wireframes Interfaz

Contenidos Diseño visual y de interacción

A partir del target, definir el perfil del usuario y los modos en que participa en el sitio !Definir los niveles de participación del usuario y los tipos de interacción con el sitio (tareas básicas y fundamentales)

Definir la estructura interna del sitio

Diseño y estructura visual del sitio

Partitura de Interacción

Mapa de Navegación

Diagrama de Flujo

Diagrama de Flujo

¿Diseño de interacción?

Capacitaciones UX 01. Diseño de Interacción

Rodrigo Vera | Jefe de Experiencia de Usuario

1. Determinar las necesidades del usuario, como tareas y subtareas habituales, ocasionales y excepcionales.

2. Asegurar la fiabilidad, las acciones deben funcionar como se especificaron, los datos deben ser fiables y las respuestas rápidas.

3. Considerar el contexto de uso y estimular la estandarización, integración, consistencia y portabilidad adecuadas.

4. Crear metodología de análisis en las distintas etapas de los proyectos mediante los puntos anteriores para asegurar la calidad y eficacia en cada una.

¿Diseño de interacción?

Capacitaciones UX 01. Diseño de Interacción

Rodrigo Vera | Jefe de Experiencia de Usuario

Roles y Diagramas de Casos de Uso

Actor 1

Tarea A

Tarea B

Tarea C

Tarea D

Tarea E

Actor 2

Actor 3

Capacitaciones UX 01. Diseño de Interacción

Rodrigo Vera | Jefe de Experiencia de Usuario

Roles y Diagramas de Casos de Uso

Administrador de Cursos

rol 1

Ver Cursos

Administrar los temas de los cursos

Administrar la información de los cursos

Ver el calendario de los cursos

Ver los profesores

Administrar la información del profesor

Asignar cursos a los profesorews

Estudiante rol 2

Profesor rol 3

Ejemplo Sistema de Gestión de Cursos

Capacitaciones UX 01. Diseño de Interacción

Rodrigo Vera | Jefe de Experiencia de Usuario

Partituras de Interacción

Capacitaciones UX 01. Diseño de Interacción

Rodrigo Vera | Jefe de Experiencia de Usuario

Partituras de Interacción

Contacto directo: los elementos de interfaz que permiten al usuario ejecutar tales acciones———————— línea de visibilidad ————————

Acciones del usuario: la intensionalidad del usuario expresada en sus acciones concretas———————— línea de interacción ————————

Proceso: las funciones que permiten al sistema (servidor) dar respuesta en el diálogo con el usuario

Este lenguaje propone un sistema de notación que pueda acompañar el proyecto desde la etapa de estrategia (alto grado de abstracción) hasta la

etapa final de implementación en código (alto grado de especificidad), permitiendo a cada actor del proyecto (estrategas, diseñadores y

programadores) comprender el total y cuidar el cumplimiento de la visión original. Se trata de un sistema que permite coreografiar y orquestar

cuidadamente el díagolo en continuidad entre la persona y el servicio.

“”

Capacitaciones UX 01. Diseño de Interacción

Rodrigo Vera | Jefe de Experiencia de Usuario

Partituras de Interacción

Paso 1 Paso 2 Paso 3 Paso X

Capacitaciones UX 01. Diseño de Interacción

Rodrigo Vera | Jefe de Experiencia de Usuario

Partituras de Interacción

Buscar

Botón Buscar

Genera Resultados

Seleccionar

Seleccionar Profesor

Seleccionar Cursos

Botón Mostrar Asignaturas

Genera Resultados

Escribir

Asignación de Cursos a

Profesor

Botón AsignarConfirmación de

Proceso Realizado

Asignar Finalizar

Ejemplo Asignar Curso a Profesor

Capacitaciones UX 01. Diseño de Interacción

Rodrigo Vera | Jefe de Experiencia de Usuario

• Identificar tipos de usuario y roles dentro del sitio

• Identificar las interacciones de procesos dentro del sitio

• Proporcionar mayor accesibilidad a los proyectos

• Ubicar de manera puntual las fallas detectadas en procesos

• Detectar problemas de usabilidad y rendimiento de los

proyectos en sus fases tempranas

• Posibilidad de ejecutar cambios anticipadamente,

evitando rediseñar sobre el producto final

Ventajas de la Optimización

Capacitaciones UX 01. Arquitectura de Información (AI)

Rodrigo Vera | Jefe de Experiencia de Usuario

¿Cómo llegamos a ella?

Gracias :)