SlideShare une entreprise Scribd logo
1  sur  55
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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

Contenu connexe

En vedette

Experiencia de aprendizaje en elearning
Experiencia de aprendizaje en elearningExperiencia de aprendizaje en elearning
Experiencia de aprendizaje en elearningMiguel Gea
 
Seminario Guia de estilos de windows 7
Seminario Guia de estilos de windows 7Seminario Guia de estilos de windows 7
Seminario Guia de estilos de windows 7Miguel Gea
 
Inicia el semestre en Prado2. Curso 2016/17
Inicia el semestre en Prado2. Curso 2016/17Inicia el semestre en Prado2. Curso 2016/17
Inicia el semestre en Prado2. Curso 2016/17Rosana Montes Soldado
 
Seminario: componentes de un Interfaz de usuario
Seminario: componentes de un Interfaz de usuarioSeminario: componentes de un Interfaz de usuario
Seminario: componentes de un Interfaz de usuarioMiguel Gea
 
Seminario Usabilidad y accesibilidad
Seminario Usabilidad y accesibilidadSeminario Usabilidad y accesibilidad
Seminario Usabilidad y accesibilidadMiguel Gea
 
La Interaccion persona ordenador
La Interaccion persona ordenadorLa Interaccion persona ordenador
La Interaccion persona ordenadorMiguel Gea
 
Herramientas y Recursos TIC para la docencia Universitaria
Herramientas y Recursos TIC para la docencia UniversitariaHerramientas y Recursos TIC para la docencia Universitaria
Herramientas y Recursos TIC para la docencia UniversitariaRosana Montes Soldado
 
Mapa conceptual guia 3
Mapa conceptual guia 3Mapa conceptual guia 3
Mapa conceptual guia 3John Vahos
 
Seminario Diseño objetos cotidianos
Seminario Diseño objetos cotidianosSeminario Diseño objetos cotidianos
Seminario Diseño objetos cotidianosMiguel Gea
 
Seminario: Prototipado y Wireframes
Seminario: Prototipado y WireframesSeminario: Prototipado y Wireframes
Seminario: Prototipado y WireframesMiguel Gea
 
Tema 2. Los sistemas Interactivos: el factor humano (2013)
Tema 2. Los sistemas Interactivos: el factor humano (2013)Tema 2. Los sistemas Interactivos: el factor humano (2013)
Tema 2. Los sistemas Interactivos: el factor humano (2013)Miguel Gea
 
Seminario Patrones y tareas de interaccion
Seminario Patrones y tareas de interaccionSeminario Patrones y tareas de interaccion
Seminario Patrones y tareas de interaccionMiguel Gea
 
Seminario Dispositivos moviles
Seminario Dispositivos movilesSeminario Dispositivos moviles
Seminario Dispositivos movilesMiguel Gea
 
Una mirada al futuro
Una mirada al futuroUna mirada al futuro
Una mirada al futuroMiguel Gea
 
Tema 5 usabilidad y evaluación (2013)
Tema 5 usabilidad y evaluación (2013)Tema 5 usabilidad y evaluación (2013)
Tema 5 usabilidad y evaluación (2013)Miguel Gea
 
Tema 4 estrategias de diseño
Tema 4 estrategias de diseñoTema 4 estrategias de diseño
Tema 4 estrategias de diseñoMiguel Gea
 
Diseño centrado en el usuario
Diseño centrado en el usuarioDiseño centrado en el usuario
Diseño centrado en el usuarioPercy Negrete
 
Tema 2. Los sistemas Interactivos: El ordenador
Tema 2. Los sistemas Interactivos: El ordenadorTema 2. Los sistemas Interactivos: El ordenador
Tema 2. Los sistemas Interactivos: El ordenadorMiguel Gea
 

En vedette (20)

Experiencia de aprendizaje en elearning
Experiencia de aprendizaje en elearningExperiencia de aprendizaje en elearning
Experiencia de aprendizaje en elearning
 
Seminario Guia de estilos de windows 7
Seminario Guia de estilos de windows 7Seminario Guia de estilos de windows 7
Seminario Guia de estilos de windows 7
 
Inicia el semestre en Prado2. Curso 2016/17
Inicia el semestre en Prado2. Curso 2016/17Inicia el semestre en Prado2. Curso 2016/17
Inicia el semestre en Prado2. Curso 2016/17
 
Seminario: componentes de un Interfaz de usuario
Seminario: componentes de un Interfaz de usuarioSeminario: componentes de un Interfaz de usuario
Seminario: componentes de un Interfaz de usuario
 
Seminario Usabilidad y accesibilidad
Seminario Usabilidad y accesibilidadSeminario Usabilidad y accesibilidad
Seminario Usabilidad y accesibilidad
 
La Interaccion persona ordenador
La Interaccion persona ordenadorLa Interaccion persona ordenador
La Interaccion persona ordenador
 
Herramientas y Recursos TIC para la docencia Universitaria
Herramientas y Recursos TIC para la docencia UniversitariaHerramientas y Recursos TIC para la docencia Universitaria
Herramientas y Recursos TIC para la docencia Universitaria
 
Aprende Prado2
Aprende Prado2Aprende Prado2
Aprende Prado2
 
Mapa conceptual guia 3
Mapa conceptual guia 3Mapa conceptual guia 3
Mapa conceptual guia 3
 
Seminario Diseño objetos cotidianos
Seminario Diseño objetos cotidianosSeminario Diseño objetos cotidianos
Seminario Diseño objetos cotidianos
 
Seminario: Prototipado y Wireframes
Seminario: Prototipado y WireframesSeminario: Prototipado y Wireframes
Seminario: Prototipado y Wireframes
 
Tema 2. Los sistemas Interactivos: el factor humano (2013)
Tema 2. Los sistemas Interactivos: el factor humano (2013)Tema 2. Los sistemas Interactivos: el factor humano (2013)
Tema 2. Los sistemas Interactivos: el factor humano (2013)
 
Seminario Patrones y tareas de interaccion
Seminario Patrones y tareas de interaccionSeminario Patrones y tareas de interaccion
Seminario Patrones y tareas de interaccion
 
Seminario Dispositivos moviles
Seminario Dispositivos movilesSeminario Dispositivos moviles
Seminario Dispositivos moviles
 
Una mirada al futuro
Una mirada al futuroUna mirada al futuro
Una mirada al futuro
 
Tema 5 usabilidad y evaluación (2013)
Tema 5 usabilidad y evaluación (2013)Tema 5 usabilidad y evaluación (2013)
Tema 5 usabilidad y evaluación (2013)
 
Tema 4 estrategias de diseño
Tema 4 estrategias de diseñoTema 4 estrategias de diseño
Tema 4 estrategias de diseño
 
Diseño centrado en el usuario
Diseño centrado en el usuarioDiseño centrado en el usuario
Diseño centrado en el usuario
 
Tema 2. Los sistemas Interactivos: El ordenador
Tema 2. Los sistemas Interactivos: El ordenadorTema 2. Los sistemas Interactivos: El ordenador
Tema 2. Los sistemas Interactivos: El ordenador
 
Personas for Accessible UX
Personas for Accessible UXPersonas for Accessible UX
Personas for Accessible UX
 

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

Seminario grabación y edición de vídeo en la era de internet, CNC-Mirador, FL...
Seminario grabación y edición de vídeo en la era de internet, CNC-Mirador, FL...Seminario grabación y edición de vídeo en la era de internet, CNC-Mirador, FL...
Seminario grabación y edición de vídeo en la era de internet, CNC-Mirador, FL...Stéphane M. Grueso
 
Boligrafo proyector con video camara y audio
Boligrafo proyector con video camara y audioBoligrafo proyector con video camara y audio
Boligrafo proyector con video camara y audioCarmen Montes
 
Grado en cinematografía. Cuarto Curso. Especialidad Dirección de Fotografía ...
Grado en cinematografía. Cuarto Curso.  Especialidad Dirección de Fotografía ...Grado en cinematografía. Cuarto Curso.  Especialidad Dirección de Fotografía ...
Grado en cinematografía. Cuarto Curso. Especialidad Dirección de Fotografía ...Bande á Part Escuela de Cine
 
Programa curso glogster_(cu_valles)-1
Programa curso glogster_(cu_valles)-1Programa curso glogster_(cu_valles)-1
Programa curso glogster_(cu_valles)-1Tony López Ramírez
 
¿Necesitas hacer un prototipo? Apoya a un estudiante del Fab Academy 2016
¿Necesitas hacer un prototipo? Apoya a un estudiante del Fab Academy 2016¿Necesitas hacer un prototipo? Apoya a un estudiante del Fab Academy 2016
¿Necesitas hacer un prototipo? Apoya a un estudiante del Fab Academy 2016Aristarco Cortes
 
Silabo informatica ti cs
Silabo informatica ti csSilabo informatica ti cs
Silabo informatica ti csfamilia
 
Concurso minirobotica 2012
Concurso minirobotica 2012Concurso minirobotica 2012
Concurso minirobotica 2012OLVERA_YUL
 
Taller camara digital
Taller camara digitalTaller camara digital
Taller camara digitalAna Bolaños
 
Taller camara digital
Taller camara digitalTaller camara digital
Taller camara digitalValen Duran
 
Presentación final tarea 1
Presentación final tarea 1Presentación final tarea 1
Presentación final tarea 1ritis12
 
Ciencia y videojuegos (versión Extracción de Información) [UCA 05/2015]
Ciencia y videojuegos (versión Extracción de Información) [UCA 05/2015]Ciencia y videojuegos (versión Extracción de Información) [UCA 05/2015]
Ciencia y videojuegos (versión Extracción de Información) [UCA 05/2015]Antonio Mora
 
Escaleta para video de Flipped Classroom.
Escaleta para video de Flipped Classroom.Escaleta para video de Flipped Classroom.
Escaleta para video de Flipped Classroom.SarahiGonzalezLopez
 
Microelectronicos
MicroelectronicosMicroelectronicos
MicroelectronicosBogoTech
 

Similaire à Seminario: Diseño Centrado en Usuario: caso videoclub 2013 (20)

Seminario grabación y edición de vídeo en la era de internet, CNC-Mirador, FL...
Seminario grabación y edición de vídeo en la era de internet, CNC-Mirador, FL...Seminario grabación y edición de vídeo en la era de internet, CNC-Mirador, FL...
Seminario grabación y edición de vídeo en la era de internet, CNC-Mirador, FL...
 
Boligrafo proyector con video camara y audio
Boligrafo proyector con video camara y audioBoligrafo proyector con video camara y audio
Boligrafo proyector con video camara y audio
 
Grado en cinematografía. Cuarto Curso. Especialidad Dirección de Fotografía ...
Grado en cinematografía. Cuarto Curso.  Especialidad Dirección de Fotografía ...Grado en cinematografía. Cuarto Curso.  Especialidad Dirección de Fotografía ...
Grado en cinematografía. Cuarto Curso. Especialidad Dirección de Fotografía ...
 
Programa curso glogster_(cu_valles)-1
Programa curso glogster_(cu_valles)-1Programa curso glogster_(cu_valles)-1
Programa curso glogster_(cu_valles)-1
 
Efectos Especiales - Seminario
Efectos Especiales - SeminarioEfectos Especiales - Seminario
Efectos Especiales - Seminario
 
¿Necesitas hacer un prototipo? Apoya a un estudiante del Fab Academy 2016
¿Necesitas hacer un prototipo? Apoya a un estudiante del Fab Academy 2016¿Necesitas hacer un prototipo? Apoya a un estudiante del Fab Academy 2016
¿Necesitas hacer un prototipo? Apoya a un estudiante del Fab Academy 2016
 
Webquest
WebquestWebquest
Webquest
 
01_presentacion_KinoRAW
01_presentacion_KinoRAW01_presentacion_KinoRAW
01_presentacion_KinoRAW
 
Silabo informatica ti cs
Silabo informatica ti csSilabo informatica ti cs
Silabo informatica ti cs
 
Concurso minirobotica 2012
Concurso minirobotica 2012Concurso minirobotica 2012
Concurso minirobotica 2012
 
Dtb
DtbDtb
Dtb
 
Taller camara-digital
Taller camara-digitalTaller camara-digital
Taller camara-digital
 
Taller camara digital
Taller camara digitalTaller camara digital
Taller camara digital
 
Taller camara digital
Taller camara digitalTaller camara digital
Taller camara digital
 
Presentación final tarea 1
Presentación final tarea 1Presentación final tarea 1
Presentación final tarea 1
 
Clase01
Clase01Clase01
Clase01
 
Clase01
Clase01Clase01
Clase01
 
Ciencia y videojuegos (versión Extracción de Información) [UCA 05/2015]
Ciencia y videojuegos (versión Extracción de Información) [UCA 05/2015]Ciencia y videojuegos (versión Extracción de Información) [UCA 05/2015]
Ciencia y videojuegos (versión Extracción de Información) [UCA 05/2015]
 
Escaleta para video de Flipped Classroom.
Escaleta para video de Flipped Classroom.Escaleta para video de Flipped Classroom.
Escaleta para video de Flipped Classroom.
 
Microelectronicos
MicroelectronicosMicroelectronicos
Microelectronicos
 

Plus de Miguel Gea

ConectaVRdigital: Conectados por la Accesibilidad
ConectaVRdigital: Conectados por la AccesibilidadConectaVRdigital: Conectados por la Accesibilidad
ConectaVRdigital: Conectados por la AccesibilidadMiguel Gea
 
Transmedia Literacy applied as a learning framework for children with Intell...
Transmedia Literacy applied as a learning framework  for children with Intell...Transmedia Literacy applied as a learning framework  for children with Intell...
Transmedia Literacy applied as a learning framework for children with Intell...Miguel Gea
 
Plena Inclusión y las TIC: una evolución convergente
Plena Inclusión y las TIC:  una evolución convergentePlena Inclusión y las TIC:  una evolución convergente
Plena Inclusión y las TIC: una evolución convergenteMiguel Gea
 
Producción creativa para Web
Producción creativa para WebProducción creativa para Web
Producción creativa para WebMiguel Gea
 
Ecosistema Digital y la experiencia usuario
Ecosistema Digital y la experiencia usuarioEcosistema Digital y la experiencia usuario
Ecosistema Digital y la experiencia usuarioMiguel Gea
 
MuseoGrades: El Museo Virtual Inmersivo e Inclusivo. Aprendiendo e interpret...
MuseoGrades: El Museo Virtual  Inmersivo e Inclusivo. Aprendiendo e interpret...MuseoGrades: El Museo Virtual  Inmersivo e Inclusivo. Aprendiendo e interpret...
MuseoGrades: El Museo Virtual Inmersivo e Inclusivo. Aprendiendo e interpret...Miguel Gea
 
TOWARDS SMART & INCLUSIVE SOCIETY: BUILDING 3D IMMERSIVE MUSEUM BY CHILDREN W...
TOWARDS SMART & INCLUSIVE SOCIETY: BUILDING 3D IMMERSIVE MUSEUM BY CHILDREN W...TOWARDS SMART & INCLUSIVE SOCIETY: BUILDING 3D IMMERSIVE MUSEUM BY CHILDREN W...
TOWARDS SMART & INCLUSIVE SOCIETY: BUILDING 3D IMMERSIVE MUSEUM BY CHILDREN W...Miguel Gea
 
MOOC: From Theory to Practice
MOOC: From Theory to PracticeMOOC: From Theory to Practice
MOOC: From Theory to PracticeMiguel Gea
 
Nuevos medios y formatos de aprendizaje: Proyecto Alhambra Transmedia
Nuevos medios y formatos de aprendizaje: Proyecto Alhambra TransmediaNuevos medios y formatos de aprendizaje: Proyecto Alhambra Transmedia
Nuevos medios y formatos de aprendizaje: Proyecto Alhambra TransmediaMiguel Gea
 
Inteligencia colectiva
Inteligencia colectiva Inteligencia colectiva
Inteligencia colectiva Miguel Gea
 
Diseño en la web
Diseño en la webDiseño en la web
Diseño en la webMiguel Gea
 
Creación interactiva web: Processing
Creación interactiva web: ProcessingCreación interactiva web: Processing
Creación interactiva web: ProcessingMiguel Gea
 
MOOC at Universities
MOOC at UniversitiesMOOC at Universities
MOOC at UniversitiesMiguel Gea
 
Ecosistema aprendizaje digital
Ecosistema aprendizaje digitalEcosistema aprendizaje digital
Ecosistema aprendizaje digitalMiguel Gea
 
Creacion individual y colectiva
Creacion individual y colectivaCreacion individual y colectiva
Creacion individual y colectivaMiguel Gea
 
abiertaUGR: modelling online learning communities
abiertaUGR: modelling online learning communitiesabiertaUGR: modelling online learning communities
abiertaUGR: modelling online learning communitiesMiguel Gea
 
Twitter en Educación (TATGranada)
Twitter en Educación (TATGranada)Twitter en Educación (TATGranada)
Twitter en Educación (TATGranada)Miguel Gea
 

Plus de Miguel Gea (17)

ConectaVRdigital: Conectados por la Accesibilidad
ConectaVRdigital: Conectados por la AccesibilidadConectaVRdigital: Conectados por la Accesibilidad
ConectaVRdigital: Conectados por la Accesibilidad
 
Transmedia Literacy applied as a learning framework for children with Intell...
Transmedia Literacy applied as a learning framework  for children with Intell...Transmedia Literacy applied as a learning framework  for children with Intell...
Transmedia Literacy applied as a learning framework for children with Intell...
 
Plena Inclusión y las TIC: una evolución convergente
Plena Inclusión y las TIC:  una evolución convergentePlena Inclusión y las TIC:  una evolución convergente
Plena Inclusión y las TIC: una evolución convergente
 
Producción creativa para Web
Producción creativa para WebProducción creativa para Web
Producción creativa para Web
 
Ecosistema Digital y la experiencia usuario
Ecosistema Digital y la experiencia usuarioEcosistema Digital y la experiencia usuario
Ecosistema Digital y la experiencia usuario
 
MuseoGrades: El Museo Virtual Inmersivo e Inclusivo. Aprendiendo e interpret...
MuseoGrades: El Museo Virtual  Inmersivo e Inclusivo. Aprendiendo e interpret...MuseoGrades: El Museo Virtual  Inmersivo e Inclusivo. Aprendiendo e interpret...
MuseoGrades: El Museo Virtual Inmersivo e Inclusivo. Aprendiendo e interpret...
 
TOWARDS SMART & INCLUSIVE SOCIETY: BUILDING 3D IMMERSIVE MUSEUM BY CHILDREN W...
TOWARDS SMART & INCLUSIVE SOCIETY: BUILDING 3D IMMERSIVE MUSEUM BY CHILDREN W...TOWARDS SMART & INCLUSIVE SOCIETY: BUILDING 3D IMMERSIVE MUSEUM BY CHILDREN W...
TOWARDS SMART & INCLUSIVE SOCIETY: BUILDING 3D IMMERSIVE MUSEUM BY CHILDREN W...
 
MOOC: From Theory to Practice
MOOC: From Theory to PracticeMOOC: From Theory to Practice
MOOC: From Theory to Practice
 
Nuevos medios y formatos de aprendizaje: Proyecto Alhambra Transmedia
Nuevos medios y formatos de aprendizaje: Proyecto Alhambra TransmediaNuevos medios y formatos de aprendizaje: Proyecto Alhambra Transmedia
Nuevos medios y formatos de aprendizaje: Proyecto Alhambra Transmedia
 
Inteligencia colectiva
Inteligencia colectiva Inteligencia colectiva
Inteligencia colectiva
 
Diseño en la web
Diseño en la webDiseño en la web
Diseño en la web
 
Creación interactiva web: Processing
Creación interactiva web: ProcessingCreación interactiva web: Processing
Creación interactiva web: Processing
 
MOOC at Universities
MOOC at UniversitiesMOOC at Universities
MOOC at Universities
 
Ecosistema aprendizaje digital
Ecosistema aprendizaje digitalEcosistema aprendizaje digital
Ecosistema aprendizaje digital
 
Creacion individual y colectiva
Creacion individual y colectivaCreacion individual y colectiva
Creacion individual y colectiva
 
abiertaUGR: modelling online learning communities
abiertaUGR: modelling online learning communitiesabiertaUGR: modelling online learning communities
abiertaUGR: modelling online learning communities
 
Twitter en Educación (TATGranada)
Twitter en Educación (TATGranada)Twitter en Educación (TATGranada)
Twitter en Educación (TATGranada)
 

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

  • 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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

Notes de l'éditeur

  1. 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)