Diseño de Interfaces de Usuario

SEMINARIO
Diseño centrado en el usuario
Cajero de un VideoClub
o
o
o
o

Diseño centrado e...
CASO DE ESTUDIO: Cajero Videoclub

1. Videoclub – Diseño centrado en Usuario
 Planteamiento
o Atender a las necesidades d...
CASO DE ESTUDIO: Cajero Videoclub

2. Videoclub – Escenario
 Análisis etnográfico: Descripción Videoclub tradicional...

...
CASO DE ESTUDIO: Cajero Videoclub

2. Videoclub – Escenario
 Análisis etnográfico: Videoclub tradicional
o Servicios que ...
CASO DE ESTUDIO: Cajero Videoclub

2. Videoclub – Escenario
 Análisis etnográfico: ubicación películas

Diseño de Interfa...
CASO DE ESTUDIO: Cajero Videoclub

2. Videoclub – Escenario
 Análisis etnográfico: modo de uso
• Alquilar película (estab...
CASO DE ESTUDIO: Cajero Videoclub

2. Videoclub – Escenario
 Análisis etnográfico: modo de uso
• Alquilar película (estab...
CASO DE ESTUDIO: Cajero Videoclub

2. Videoclub – Escenario
 Análisis etnográfico: modo de uso
• NORMAS

Para poder alqui...
CASO DE ESTUDIO: Cajero Videoclub

2. Videoclub – Escenario
 Análisis etnográfico
¿Cómo se identifica al usuario?
¿Cómo p...
CASO DE ESTUDIO: Cajero Videoclub

2. Videoclub – Escenario
 Análisis etnográfico
¿Cómo se identifica al usuario?
¿Cómo p...
CASO DE ESTUDIO: Cajero Videoclub

2. Videoclub – Escenario
 Análisis etnográfico: Cajero
o
o
o
o
o

Tipos de usuarios
Ac...
CASO DE ESTUDIO: Cajero Videoclub

2. Videoclub – Escenario
 Análisis etnográfico: modo de uso

1. Insertar Tarjeta 2) PI...
CASO DE ESTUDIO: Cajero Videoclub

2. Videoclub – Escenario
 Análisis etnográfico: modo de uso

3. Seleccionar acción

Di...
CASO DE ESTUDIO: Cajero Videoclub

2. Videoclub – Escenario
 Análisis etnográfico: modo de uso

5. (alquiler) Informar pr...
CASO DE ESTUDIO: Cajero Videoclub

2. Videoclub – Escenario

http://www.cinebank.es/

 Análisis etnográfico: Cinebank

“T...
CASO DE ESTUDIO: Cajero Videoclub

2. Videoclub – Escenario

http://www.cinebank.es/

 Análisis etnográfico: Cinebank

Di...
CASO DE ESTUDIO: Cajero Videoclub

2. Videoclub – Escenario
 Análisis etnográfico: Prototipos
Sin tarjeta
2 bocas entrega...
CASO DE ESTUDIO: Cajero Videoclub

2. Videoclub – Escenario
 Análisis etnográfico: Prototipos

Diseño de Interfaces de Us...
CASO DE ESTUDIO: Cajero Videoclub

2. Videoclub – Análisis etnográfico: COMPARATIVA
Tipo de escenarios y capacidad cogniti...
CASO DE ESTUDIO: Cajero Videoclub

2. Videoclub – representación visual

Diseño de Interfaces de Usuario http://utopolis.u...
CASO DE ESTUDIO: Cajero Videoclub

2. Videoclub – Análisis etnográfico: Observación de campo
Al observar a distintos usuar...
CASO DE ESTUDIO: Cajero Videoclub

Objetivos:

3. Videoclub – Usuarios y Tareas
Conocer:
Usuarios y sus
tareas

Producto:
...
CASO DE ESTUDIO: Cajero Videoclub

3. Videoclub – Usuarios y Tareas
SOCIOS:
o Nuevos clientes (primeras veces)
Explicar el...
CASO DE ESTUDIO: Cajero Videoclub

3. Videoclub – Tareas
1. ALQUILAR:
Alta
Importancia Alta
Pantalla (Táctil)
Artefactos
F...
CASO DE ESTUDIO: Cajero Videoclub

3. Videoclub – Tareas
2. DEVOLVER:
Alta
Importancia Media (mecánica)
Ranura películas
A...
CASO DE ESTUDIO: Cajero Videoclub

3. Videoclub – Tareas
3. RECARGAR:
Baja
Importancia Media (mecánica)
Ranura billetes
Ar...
CASO DE ESTUDIO: Cajero Videoclub

3. Videoclub – Requisitos
FACTORES DE USABILIDAD:
EFICIENCIA
APRENDIZAJE
CLARO/SIMPLE
R...
CASO DE ESTUDIO: Cajero Videoclub

Objetivos:

3. Videoclub – Análisis de Tareas
Conocer:
Usuarios y sus
tareas

 Tareas:...
CASO DE ESTUDIO: Cajero Videoclub

Objetivos:

3. Videoclub – Análisis de Tareas
 Tareas: hta

Conocer:
Usuarios y sus
ta...
CASO DE ESTUDIO: Cajero Videoclub

3. Videoclub – Análisis de Tareas
hta: alquiler

Permitir búsquedas
complejas

Siempre ...
CASO DE ESTUDIO: Cajero Videoclub

3. Videoclub – Análisis de Tareas
hta: devolución
Devolución
Películas (0)
Plan 0: hace...
CASO DE ESTUDIO: Cajero Videoclub

4. Videoclub – Modelo conceptual
1. CONCEPTOS:
Película
Buscar, Alquilar, Devolver, Ver...
CASO DE ESTUDIO: Cajero Videoclub

5. Videoclub – Bocetos
Datos Usuario

Portada

Logotipo

Presentación
Organización (lay...
CASO DE ESTUDIO: Cajero Videoclub

5. Videoclub – Bocetos

Diseño de Interfaces de Usuario http://utopolis.ugr.es/diu
ETSI...
CASO DE ESTUDIO: Cajero Videoclub

5. Videoclub – Estilo de interacción
Menú

- Cantidad de películas (tiempo acceso)
- mo...
CASO DE ESTUDIO: Cajero Videoclub

Diseño Iconos

VIDEOCLUB

Reconocibles

B25
Diseño de Interfaces de Usuario http://utop...
CASO DE ESTUDIO: Cajero Videoclub

VIDEOCLUB

Comportamiento
Desabilitar opciones
Acciones de usr.
insertar tarjeta

V2002...
CASO DE ESTUDIO: Cajero Videoclub

Información:

VIDEOCLUB

Layout

V2002
C5
Diseño de Interfaces de Usuario http://utopol...
CASO DE ESTUDIO: Cajero Videoclub

VIDEOCLUB

Realimentación
Estado actual
Información ayuda
Acciones disponibles

V2002
C...
CASO DE ESTUDIO: Cajero Videoclub

Realimentación

VIDEOCLUB

Iconografía
Diálogo

Diseño de Interfaces de Usuario http://...
CASO DE ESTUDIO: Cajero Videoclub

Búsqueda

VIDEOCLUB

Varios modos

V2002
C5
Diseño de Interfaces de Usuario http://utop...
CASO DE ESTUDIO: Cajero Videoclub

Búsqueda

VIDEOCLUB

Confirmación
Mostrar todos datos

Pago previo...
(no coincide con ...
CASO DE ESTUDIO: Cajero Videoclub

Confirmar acciones

VIDEOCLUB

Verificar decisión
Informar al usuario
V2002

C5
Diseño ...
CASO DE ESTUDIO: Cajero Videoclub

Dialogo Borrar socio

VIDEOCLUB

Confirmación
1) Comprobación
2) Aceptación
Significado...
CASO DE ESTUDIO: Cajero Videoclub

Formulario préstamo

VIDEOCLUB

Selección modal
Desactivación
Selecc. tarifa

CASO 1 -G...
CASO DE ESTUDIO: Cajero Videoclub

VIDEOCLUB

CASO 1 -GESTVIDEO
A11
Diseño de Interfaces de Usuario http://utopolis.ugr.es...
CASO DE ESTUDIO: Cajero Videoclub

Diálogo nuevo usuario

VIDEOCLUB

Control errores (dni correcto)
Obligatorio (sin opció...
CASO DE ESTUDIO: Cajero Videoclub

Organización menú

VIDEOCLUB

Nombre opciones
Anidamiento

CASO 3 –V. MANAGER

Diseño d...
CASO DE ESTUDIO: Cajero Videoclub

Organización opciones

VIDEOCLUB

Minimalista
Icónica

C3
Diseño de Interfaces de Usuar...
CASO DE ESTUDIO: Cajero Videoclub

Acciones Usuario

VIDEOCLUB

Comprensibles
Utilidad

Diseño de Interfaces de Usuario ht...
CASO DE ESTUDIO: Cajero Videoclub

VIDEOCLUB ONLINE

Diseño de Interfaces de Usuario http://utopolis.ugr.es/diu
ETSI Ingen...
CASO DE ESTUDIO: Cajero Videoclub

http://www.nubeox.com/

VIDEOCLUB ONLINE

Diseño de Interfaces de Usuario http://utopol...
CASO DE ESTUDIO: Cajero Videoclub

VIDEOCLUB ONLINE

http://www.nubeox.com/

Promociones
Diseño de Interfaces de Usuario h...
CASO DE ESTUDIO: Cajero Videoclub

VIDEOCLUB ONLINE

Diseño de Interfaces de Usuario http://utopolis.ugr.es/diu
ETSI Ingen...
CASO DE ESTUDIO: Cajero Videoclub

VIDEOCLUB ONLINE

Diseño de Interfaces de Usuario http://utopolis.ugr.es/diu
ETSI Ingen...
Upcoming SlideShare
Loading in...5
×

Seminario: Diseño Centrado en Usuario: caso videoclub 2013

1,280

Published on

Seminario sobre Diseño Centrado en el usuario. Ejemplo del caso de un videoclub

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,280
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
41
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • Las pestañas facilitan el paso de una ventana a otra
    Sin embargo, es obligatorio “Generar préstamo” para poder añadir elementos de préstamo (inhabilitando la opción de aceptar)
  • Seminario: Diseño Centrado en Usuario: caso videoclub 2013

    1. 1. Diseño de Interfaces de Usuario SEMINARIO Diseño centrado en el usuario Cajero de un VideoClub o o o o Diseño centrado en el usuario Escenarios Usuarios y Análisis de tareas Prototipado http://www.slideshare.net/mgea/seminario-04-dcu-caso-videoclub2013
    2. 2. CASO DE ESTUDIO: Cajero Videoclub 1. Videoclub – Diseño centrado en Usuario  Planteamiento o Atender a las necesidades del tiempo de ocio de usuarios o Ayudar a elegir películas o Valorar el grado de usabilidad del sistema el diseño de un nuevo artefacto implica un nuevo proceso de aprendizaje Diseño de Interfaces de Usuario http://utopolis.ugr.es/diu ETSI Ingeniería Informática. Universidad de Granada -- Miguel Gea Dpt. Lenguajes y Sistemas Informáticos
    3. 3. CASO DE ESTUDIO: Cajero Videoclub 2. Videoclub – Escenario  Análisis etnográfico: Descripción Videoclub tradicional... Diseño de Interfaces de Usuario http://utopolis.ugr.es/diu ETSI Ingeniería Informática. Universidad de Granada -- Miguel Gea Dpt. Lenguajes y Sistemas Informáticos
    4. 4. CASO DE ESTUDIO: Cajero Videoclub 2. Videoclub – Escenario  Análisis etnográfico: Videoclub tradicional o Servicios que oferta o Ubicación películas o Rotulación películas y estado o Tipos Usuarios o Formas de búsqueda o Asesoramiento o Satisfacción Diseño de Interfaces de Usuario http://utopolis.ugr.es/diu ETSI Ingeniería Informática. Universidad de Granada -- Miguel Gea Dpt. Lenguajes y Sistemas Informáticos
    5. 5. CASO DE ESTUDIO: Cajero Videoclub 2. Videoclub – Escenario  Análisis etnográfico: ubicación películas Diseño de Interfaces de Usuario http://utopolis.ugr.es/diu ETSI Ingeniería Informática. Universidad de Granada -- Miguel Gea Dpt. Lenguajes y Sistemas Informáticos
    6. 6. CASO DE ESTUDIO: Cajero Videoclub 2. Videoclub – Escenario  Análisis etnográfico: modo de uso • Alquilar película (establecimiento) El usuario busca en los estantes, clasificados por categorías (novedades, cómicas). El usr. coge la carátula de la película y la lleva al estante. El usuario conoce de antemano que está disponible porque no tiene un identificativo de “alquilada”. Diseño de Interfaces de Usuario http://utopolis.ugr.es/diu ETSI Ingeniería Informática. Universidad de Granada -- Miguel Gea Dpt. Lenguajes y Sistemas Informáticos
    7. 7. CASO DE ESTUDIO: Cajero Videoclub 2. Videoclub – Escenario  Análisis etnográfico: modo de uso • Alquilar película (establecimiento) ¿y qué pasa con el formato de la película? ¿y otros tipos? Diseño de Interfaces de Usuario http://utopolis.ugr.es/diu ETSI Ingeniería Informática. Universidad de Granada -- Miguel Gea Dpt. Lenguajes y Sistemas Informáticos
    8. 8. CASO DE ESTUDIO: Cajero Videoclub 2. Videoclub – Escenario  Análisis etnográfico: modo de uso • NORMAS Para poder alquilar una película, el cliente debe ser socio. En la inscripción de un nuevo socio, este debe pagar una cuota, que se destinara a un seguro El socio deberá pagar una multa en dos casos: retraso en la fecha de devolución y devolver la película en mal estado Diseño de Interfaces de Usuario http://utopolis.ugr.es/diu ETSI Ingeniería Informática. Universidad de Granada -- Miguel Gea Dpt. Lenguajes y Sistemas Informáticos
    9. 9. CASO DE ESTUDIO: Cajero Videoclub 2. Videoclub – Escenario  Análisis etnográfico ¿Cómo se identifica al usuario? ¿Cómo paga el usuario? ¿cómo recoge/devuelve películas? Diseño de Interfaces de Usuario http://utopolis.ugr.es/diu ETSI Ingeniería Informática. Universidad de Granada -- Miguel Gea Dpt. Lenguajes y Sistemas Informáticos
    10. 10. CASO DE ESTUDIO: Cajero Videoclub 2. Videoclub – Escenario  Análisis etnográfico ¿Cómo se identifica al usuario? ¿Cómo paga el usuario? ¿cómo recoge/devuelve películas? **** Diseño de Interfaces de Usuario http://utopolis.ugr.es/diu ETSI Ingeniería Informática. Universidad de Granada -- Miguel Gea Dpt. Lenguajes y Sistemas Informáticos
    11. 11. CASO DE ESTUDIO: Cajero Videoclub 2. Videoclub – Escenario  Análisis etnográfico: Cajero o o o o o Tipos de usuarios Acciones más frecuentes Opciones seleccionadas Frecuencia uso Tasa de éxito Diseño de Interfaces de Usuario http://utopolis.ugr.es/diu ETSI Ingeniería Informática. Universidad de Granada -- Miguel Gea Dpt. Lenguajes y Sistemas Informáticos
    12. 12. CASO DE ESTUDIO: Cajero Videoclub 2. Videoclub – Escenario  Análisis etnográfico: modo de uso 1. Insertar Tarjeta 2) PIN Diseño de Interfaces de Usuario http://utopolis.ugr.es/diu ETSI Ingeniería Informática. Universidad de Granada -- Miguel Gea Dpt. Lenguajes y Sistemas Informáticos
    13. 13. CASO DE ESTUDIO: Cajero Videoclub 2. Videoclub – Escenario  Análisis etnográfico: modo de uso 3. Seleccionar acción Diseño de Interfaces de Usuario http://utopolis.ugr.es/diu ETSI Ingeniería Informática. Universidad de Granada 4. (alquiler) Seleccionar película -- Miguel Gea Dpt. Lenguajes y Sistemas Informáticos
    14. 14. CASO DE ESTUDIO: Cajero Videoclub 2. Videoclub – Escenario  Análisis etnográfico: modo de uso 5. (alquiler) Informar precios Diseño de Interfaces de Usuario http://utopolis.ugr.es/diu ETSI Ingeniería Informática. Universidad de Granada 6. (alquiler) Coger película 7. Coger tarjeta -- Miguel Gea Dpt. Lenguajes y Sistemas Informáticos
    15. 15. CASO DE ESTUDIO: Cajero Videoclub 2. Videoclub – Escenario http://www.cinebank.es/  Análisis etnográfico: Cinebank “Todos nuestros videocajeros, sea cual sea la gama y el modelo, están diseñados para que sean fáciles de usar tanto por quién lo gestiona, como para el consumidor final” Diseño de Interfaces de Usuario http://utopolis.ugr.es/diu ETSI Ingeniería Informática. Universidad de Granada -- Miguel Gea Dpt. Lenguajes y Sistemas Informáticos
    16. 16. CASO DE ESTUDIO: Cajero Videoclub 2. Videoclub – Escenario http://www.cinebank.es/  Análisis etnográfico: Cinebank Diseño de Interfaces de Usuario http://utopolis.ugr.es/diu ETSI Ingeniería Informática. Universidad de Granada -- Miguel Gea Dpt. Lenguajes y Sistemas Informáticos
    17. 17. CASO DE ESTUDIO: Cajero Videoclub 2. Videoclub – Escenario  Análisis etnográfico: Prototipos Sin tarjeta 2 bocas entrega 1 de devolución Diseño de Interfaces de Usuario http://utopolis.ugr.es/diu ETSI Ingeniería Informática. Universidad de Granada -- Miguel Gea Dpt. Lenguajes y Sistemas Informáticos
    18. 18. CASO DE ESTUDIO: Cajero Videoclub 2. Videoclub – Escenario  Análisis etnográfico: Prototipos Diseño de Interfaces de Usuario http://utopolis.ugr.es/diu ETSI Ingeniería Informática. Universidad de Granada -- Miguel Gea Dpt. Lenguajes y Sistemas Informáticos
    19. 19. CASO DE ESTUDIO: Cajero Videoclub 2. Videoclub – Análisis etnográfico: COMPARATIVA Tipo de escenarios y capacidad cognitiva a desarrollar • Tradicional • Búsqueda visual • Clasificación no consistente (novedades/acción/españolas...) • Orden aleatorio dentro del estante • Que no tengan identificativo de “alquilada” Importancia de la imagen para el reconocimiento de una película • Cajero • Selección por criterios (tipo, actor, año...) • Navegación por menús (adelante-atrás) • Normas de privacidad (tarjeta, cód..) • Sin asistencia de otro usuario • Uso secuencial (timing de uso – impaciencia del resto) Diseño de Interfaces de Usuario http://utopolis.ugr.es/diu ETSI Ingeniería Informática. Universidad de Granada -- Miguel Gea Dpt. Lenguajes y Sistemas Informáticos
    20. 20. CASO DE ESTUDIO: Cajero Videoclub 2. Videoclub – representación visual Diseño de Interfaces de Usuario http://utopolis.ugr.es/diu ETSI Ingeniería Informática. Universidad de Granada -- Miguel Gea Dpt. Lenguajes y Sistemas Informáticos
    21. 21. CASO DE ESTUDIO: Cajero Videoclub 2. Videoclub – Análisis etnográfico: Observación de campo Al observar a distintos usuarios hemos visto deficiencias en el diseño del cajero:  A determinados usuarios (niños, personas mayores), les cuesta familiarizarse con el funcionamiento del cajero debido a que no están acostumbrados a aplicaciones informáticas.  No hay recomendaciones “reales” (del boca a boca)  Confunde mucho el uso alternativo de pantalla táctil y teclado numérico  Cuando hay muchas películas es muy cansada la búsqueda  Las búsquedas no permiten combinaciones (Aventuras Y Novedad Y Director==XX)  Zona especial para devoluciones (compartido para recoger/devolver películas) incómodo  Mucho tiempo para seleccionar película (colas de espera) Devolución rápida Modo normal Diseño de Interfaces de Usuario http://utopolis.ugr.es/diu ETSI Ingeniería Informática. Universidad de Granada común -- Miguel Gea Dpt. Lenguajes y Sistemas Informáticos
    22. 22. CASO DE ESTUDIO: Cajero Videoclub Objetivos: 3. Videoclub – Usuarios y Tareas Conocer: Usuarios y sus tareas Producto: Métodos: Escenarios Etnografía Evaluar tareas Descripción Tareas  Usuarios: o Usuario del cajero (socio) Personas jóvenes y cinéfilas Son socios del videoclub Uso frecuente + Alquiler: Búsquedas por temas y novedades + Devolución + Recargar tarjeta o Administrador Descripción de usuarios y tareas Diseño de Interfaces de Usuario http://utopolis.ugr.es/diu ETSI Ingeniería Informática. Universidad de Granada + Supervisión funcionamiento del cajero + Explicar uso de tarjeta al usuario -- Miguel Gea Dpt. Lenguajes y Sistemas Informáticos
    23. 23. CASO DE ESTUDIO: Cajero Videoclub 3. Videoclub – Usuarios y Tareas SOCIOS: o Nuevos clientes (primeras veces) Explicar el funcionamiento del cajero Normalmente no lo han usado anteriormente Clientes del videoclub o Socios (clientes experimentados) Uso frecuente Perfiles: • Niños menores (de entre 8 y 16 años) • Estudiantes • Personas adultas y padres Diseño de Interfaces de Usuario http://utopolis.ugr.es/diu ETSI Ingeniería Informática. Universidad de Granada -- Miguel Gea Dpt. Lenguajes y Sistemas Informáticos
    24. 24. CASO DE ESTUDIO: Cajero Videoclub 3. Videoclub – Tareas 1. ALQUILAR: Alta Importancia Alta Pantalla (Táctil) Artefactos Frecuencia Subtareas Identificación Buscar Seleccionar película Consultar saldo Requisitos Gustar la película No haberla visto antes Diseño de Interfaces de Usuario http://utopolis.ugr.es/diu ETSI Ingeniería Informática. Universidad de Granada -- Miguel Gea Dpt. Lenguajes y Sistemas Informáticos
    25. 25. CASO DE ESTUDIO: Cajero Videoclub 3. Videoclub – Tareas 2. DEVOLVER: Alta Importancia Media (mecánica) Ranura películas Artefactos Frecuencia Subtareas Diseño de Interfaces de Usuario http://utopolis.ugr.es/diu ETSI Ingeniería Informática. Universidad de Granada Identificación Introducir película Actualizar Saldo -- Miguel Gea Dpt. Lenguajes y Sistemas Informáticos
    26. 26. CASO DE ESTUDIO: Cajero Videoclub 3. Videoclub – Tareas 3. RECARGAR: Baja Importancia Media (mecánica) Ranura billetes Artefactos Frecuencia Subtareas Diseño de Interfaces de Usuario http://utopolis.ugr.es/diu ETSI Ingeniería Informática. Universidad de Granada Identificación Ver saldo Insertar Importe -- Miguel Gea Dpt. Lenguajes y Sistemas Informáticos
    27. 27. CASO DE ESTUDIO: Cajero Videoclub 3. Videoclub – Requisitos FACTORES DE USABILIDAD: EFICIENCIA APRENDIZAJE CLARO/SIMPLE RECORDAR: FIABILIDAD SATISFACCIÓN bajo Diseño de Interfaces de Usuario http://utopolis.ugr.es/diu ETSI Ingeniería Informática. Universidad de Granada normal -- alto Muy alto Miguel Gea Dpt. Lenguajes y Sistemas Informáticos
    28. 28. CASO DE ESTUDIO: Cajero Videoclub Objetivos: 3. Videoclub – Análisis de Tareas Conocer: Usuarios y sus tareas  Tareas: hta Producto: Métodos: Escenarios Etnografía Evaluar tareas Descripción Tareas Descripción de usuarios y tareas Diseño de Interfaces de Usuario http://utopolis.ugr.es/diu ETSI Ingeniería Informática. Universidad de Granada -- Miguel Gea Dpt. Lenguajes y Sistemas Informáticos
    29. 29. CASO DE ESTUDIO: Cajero Videoclub Objetivos: 3. Videoclub – Análisis de Tareas  Tareas: hta Conocer: Usuarios y sus tareas Identificación por huella dactilar Producto: Métodos: Escenarios Etnografía Acceso no autorizado / error? Evaluar tareas Descripción Tareas Permitir lectura banda ambas caras / Forzar un único modo Descripción de usuarios y tareas Diseño de Interfaces de Usuario http://utopolis.ugr.es/diu ETSI Ingeniería Informática. Universidad de Granada -- Miguel Gea Dpt. Lenguajes y Sistemas Informáticos
    30. 30. CASO DE ESTUDIO: Cajero Videoclub 3. Videoclub – Análisis de Tareas hta: alquiler Permitir búsquedas complejas Siempre poder anular acción ¿Cuánto tiempo es prudencial? ¿Cuándo se comprueba el saldo? Diseño de Interfaces de Usuario http://utopolis.ugr.es/diu ETSI Ingeniería Informática. Universidad de Granada -- Miguel Gea Dpt. Lenguajes y Sistemas Informáticos
    31. 31. CASO DE ESTUDIO: Cajero Videoclub 3. Videoclub – Análisis de Tareas hta: devolución Devolución Películas (0) Plan 0: hacer 1,2,3,4,5 Introducir Tarjeta (1) Introducir Película (2) Cobrar (4) Devolver Tarjeta (5) Plan 4: hacer 3.1,3.2 Actualizar Saldo (1) Introducir Película (2) ¿está defectuosa o no es correcta? ¿y si el saldo está agotado? Diseño de Interfaces de Usuario http://utopolis.ugr.es/diu ETSI Ingeniería Informática. Universidad de Granada -- Miguel Gea Dpt. Lenguajes y Sistemas Informáticos
    32. 32. CASO DE ESTUDIO: Cajero Videoclub 4. Videoclub – Modelo conceptual 1. CONCEPTOS: Película Buscar, Alquilar, Devolver, Ver informacion Saldo Consultar, Actualizar, Usuario Peliculas vistas, Diseño de Interfaces de Usuario http://utopolis.ugr.es/diu ETSI Ingeniería Informática. Universidad de Granada -- Miguel Gea Dpt. Lenguajes y Sistemas Informáticos
    33. 33. CASO DE ESTUDIO: Cajero Videoclub 5. Videoclub – Bocetos Datos Usuario Portada Logotipo Presentación Organización (layout) Realimentación Interacción Acciones Diseño de Interfaces de Usuario http://utopolis.ugr.es/diu ETSI Ingeniería Informática. Universidad de Granada -- Miguel Gea Dpt. Lenguajes y Sistemas Informáticos
    34. 34. CASO DE ESTUDIO: Cajero Videoclub 5. Videoclub – Bocetos Diseño de Interfaces de Usuario http://utopolis.ugr.es/diu ETSI Ingeniería Informática. Universidad de Granada -- Miguel Gea Dpt. Lenguajes y Sistemas Informáticos
    35. 35. CASO DE ESTUDIO: Cajero Videoclub 5. Videoclub – Estilo de interacción Menú - Cantidad de películas (tiempo acceso) - modos selección (menú diferente) - comparativa de películas Menú: pantalla táctil mapping! Teclado Importancia de la imagen para el reconocimiento de una película - Ordenes (consultas complejas) - Lenguaje natural (+ tipos usuarios) Diseño de Interfaces de Usuario http://utopolis.ugr.es/diu ETSI Ingeniería Informática. Universidad de Granada -- Miguel Gea Dpt. Lenguajes y Sistemas Informáticos
    36. 36. CASO DE ESTUDIO: Cajero Videoclub Diseño Iconos VIDEOCLUB Reconocibles B25 Diseño de Interfaces de Usuario http://utopolis.ugr.es/diu ETSI Ingeniería Informática. Universidad de Granada -- Miguel Gea Dpt. Lenguajes y Sistemas Informáticos
    37. 37. CASO DE ESTUDIO: Cajero Videoclub VIDEOCLUB Comportamiento Desabilitar opciones Acciones de usr. insertar tarjeta V2002 C5 Diseño de Interfaces de Usuario http://utopolis.ugr.es/diu ETSI Ingeniería Informática. Universidad de Granada -- Miguel Gea Dpt. Lenguajes y Sistemas Informáticos
    38. 38. CASO DE ESTUDIO: Cajero Videoclub Información: VIDEOCLUB Layout V2002 C5 Diseño de Interfaces de Usuario http://utopolis.ugr.es/diu ETSI Ingeniería Informática. Universidad de Granada -- Miguel Gea Dpt. Lenguajes y Sistemas Informáticos
    39. 39. CASO DE ESTUDIO: Cajero Videoclub VIDEOCLUB Realimentación Estado actual Información ayuda Acciones disponibles V2002 C5 Diseño de Interfaces de Usuario http://utopolis.ugr.es/diu ETSI Ingeniería Informática. Universidad de Granada -- Miguel Gea Dpt. Lenguajes y Sistemas Informáticos
    40. 40. CASO DE ESTUDIO: Cajero Videoclub Realimentación VIDEOCLUB Iconografía Diálogo Diseño de Interfaces de Usuario http://utopolis.ugr.es/diu ETSI Ingeniería Informática. Universidad de Granada -- Miguel Gea Dpt. Lenguajes y Sistemas Informáticos
    41. 41. CASO DE ESTUDIO: Cajero Videoclub Búsqueda VIDEOCLUB Varios modos V2002 C5 Diseño de Interfaces de Usuario http://utopolis.ugr.es/diu ETSI Ingeniería Informática. Universidad de Granada -- Miguel Gea Dpt. Lenguajes y Sistemas Informáticos
    42. 42. CASO DE ESTUDIO: Cajero Videoclub Búsqueda VIDEOCLUB Confirmación Mostrar todos datos Pago previo... (no coincide con HTA) V2002 C5 Diseño de Interfaces de Usuario http://utopolis.ugr.es/diu ETSI Ingeniería Informática. Universidad de Granada -- Miguel Gea Dpt. Lenguajes y Sistemas Informáticos
    43. 43. CASO DE ESTUDIO: Cajero Videoclub Confirmar acciones VIDEOCLUB Verificar decisión Informar al usuario V2002 C5 Diseño de Interfaces de Usuario http://utopolis.ugr.es/diu ETSI Ingeniería Informática. Universidad de Granada -- Miguel Gea Dpt. Lenguajes y Sistemas Informáticos
    44. 44. CASO DE ESTUDIO: Cajero Videoclub Dialogo Borrar socio VIDEOCLUB Confirmación 1) Comprobación 2) Aceptación Significado de las opciones? CASO 2 -VIDEOGEST Diseño de Interfaces de Usuario http://utopolis.ugr.es/diu ETSI Ingeniería Informática. Universidad de Granada -- Miguel Gea Dpt. Lenguajes y Sistemas Informáticos
    45. 45. CASO DE ESTUDIO: Cajero Videoclub Formulario préstamo VIDEOCLUB Selección modal Desactivación Selecc. tarifa CASO 1 -GESTVIDEO A11 Diseño de Interfaces de Usuario http://utopolis.ugr.es/diu ETSI Ingeniería Informática. Universidad de Granada -- Miguel Gea Dpt. Lenguajes y Sistemas Informáticos
    46. 46. CASO DE ESTUDIO: Cajero Videoclub VIDEOCLUB CASO 1 -GESTVIDEO A11 Diseño de Interfaces de Usuario http://utopolis.ugr.es/diu ETSI Ingeniería Informática. Universidad de Granada -- Miguel Gea Dpt. Lenguajes y Sistemas Informáticos
    47. 47. CASO DE ESTUDIO: Cajero Videoclub Diálogo nuevo usuario VIDEOCLUB Control errores (dni correcto) Obligatorio (sin opción cancelar) CASO 1 -GESTVIDEO A11 Diseño de Interfaces de Usuario http://utopolis.ugr.es/diu ETSI Ingeniería Informática. Universidad de Granada -- Miguel Gea Dpt. Lenguajes y Sistemas Informáticos
    48. 48. CASO DE ESTUDIO: Cajero Videoclub Organización menú VIDEOCLUB Nombre opciones Anidamiento CASO 3 –V. MANAGER Diseño de Interfaces de Usuario http://utopolis.ugr.es/diu ETSI Ingeniería Informática. Universidad de Granada -- Miguel Gea Dpt. Lenguajes y Sistemas Informáticos
    49. 49. CASO DE ESTUDIO: Cajero Videoclub Organización opciones VIDEOCLUB Minimalista Icónica C3 Diseño de Interfaces de Usuario http://utopolis.ugr.es/diu ETSI Ingeniería Informática. Universidad de Granada -- Miguel Gea Dpt. Lenguajes y Sistemas Informáticos
    50. 50. CASO DE ESTUDIO: Cajero Videoclub Acciones Usuario VIDEOCLUB Comprensibles Utilidad Diseño de Interfaces de Usuario http://utopolis.ugr.es/diu ETSI Ingeniería Informática. Universidad de Granada -- Miguel Gea Dpt. Lenguajes y Sistemas Informáticos
    51. 51. CASO DE ESTUDIO: Cajero Videoclub VIDEOCLUB ONLINE Diseño de Interfaces de Usuario http://utopolis.ugr.es/diu ETSI Ingeniería Informática. Universidad de Granada http://www.nubeox.com/ -- Miguel Gea Dpt. Lenguajes y Sistemas Informáticos
    52. 52. CASO DE ESTUDIO: Cajero Videoclub http://www.nubeox.com/ VIDEOCLUB ONLINE Diseño de Interfaces de Usuario http://utopolis.ugr.es/diu ETSI Ingeniería Informática. Universidad de Granada Estrenos -- Miguel Gea Dpt. Lenguajes y Sistemas Informáticos
    53. 53. CASO DE ESTUDIO: Cajero Videoclub VIDEOCLUB ONLINE http://www.nubeox.com/ Promociones Diseño de Interfaces de Usuario http://utopolis.ugr.es/diu ETSI Ingeniería Informática. Universidad de Granada -- Miguel Gea Dpt. Lenguajes y Sistemas Informáticos
    54. 54. CASO DE ESTUDIO: Cajero Videoclub VIDEOCLUB ONLINE Diseño de Interfaces de Usuario http://utopolis.ugr.es/diu ETSI Ingeniería Informática. Universidad de Granada http://www.veocine.es/ -- Miguel Gea Dpt. Lenguajes y Sistemas Informáticos
    55. 55. CASO DE ESTUDIO: Cajero Videoclub VIDEOCLUB ONLINE Diseño de Interfaces de Usuario http://utopolis.ugr.es/diu ETSI Ingeniería Informática. Universidad de Granada http://www.videoclubsonline.com/ -- Miguel Gea Dpt. Lenguajes y Sistemas Informáticos
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×