Español Ingles
Asociación Interacción Persona-Ordenador
Promoción de la Interacción Persona-Ordenador, la usabilidad y el diseño centrado en el usuario

Videos

Videos que se pueden descargar para reproducir en clase.

El copyright pertenece a los autores originales, que han dado permiso para hospedarlos aquí (excepto aquellos que llevan una nota).

Dispositivos

Realidad aumentada (RA)

Realidad virtual (RV)

Estos videos han sido amablemente proveidos por Digital ArtForms.

  • Usuario moviéndose en una realidad virtual. (0.9 MB)(0:19). Un usuario utiliza un aparato de realidad virtual ajustado a sus ojos. En una pantalla, se puede discernir el mundo virtual que el usuario percibe.
  • Uso de un dispositivo de exploración de un mundo virtual (5.2 MB)(2:15). Pueden verse las manos del usuario manejando el aparato para cambiar el punto de vista, desplazarse, agarrar y dejar objetos, etc. El aparato consiste en una especie de garfios llamados SpaceGrips que permiten al usuario "engancharse" en el escenario virtual para moverse, exactamente de la misma manera que los escaladores usan garfios para moverse montaña arriba.
    garfios para realidad virtual
  • Entrenamiento persona-persona usando Realidad Virtual (5.5 MB)(2:14). Resulta más bárato, rápido y seguro entrenar a un usuario en una determinada tarea cuando esta tarea incluye el manejo de equipo pesado, caro o peligroso. En este caso, un usuario (el muñeco azul enseña a otro usuario (nosotros) cómo desmontar y volver a montar un motor. El software utilitzado se llama SmartScene
  • Entrenamiento persona-ordenador usando Realidad Virtual (7.5 MB)(2:22). El usuario está ejecutando un programa automático qué le va enseñndo paso a paso cómo realizar el mantenimiento de campo de un caza F-16. El programa va iluminando los elementos que hay que examinar a cada paso del usuario. Este entrenamiento resulta mucho menos costoso que el entrenamiento con aparatos reales, que además podría poner en peligro la vida del piloto si un técnico en prácticas cometiese un error en el mantenimiento. También se ha usado SmartScene
  • Colaboración persona-persona usando Realidad Virtual (3.0 MB)(1:56). Un médico (el muñeco azul) enseña a otro médico (nosotros) la estructura ósea de un paciente (probablemente obtenida con TAC). Se puede ver cómo los usuarios pueden señalar y agarrar y soltar punteros .También se ha usado SmartScene
  • Diseño en Maya usando herramientas de inmersión virtual en lugar de ratón, lapiz óptico, u otros punteros. (21.1 MB)(7:35). Un usuario diseña varios modelos mientras una narradora va enumerando las características del producto. El pluguin Index para Maya permite usar los dispositivos SpaceGrips.
  • Diseño en Maya usando Realidad Virtual (20.4 MB)(9:01). (este es distinto del video anterior aunque tengan el mismo tema) Un usuario utiliza los dispositivos SpaceGrips para realizar varios modelos de Maya. Se puede observar al mismo tiempo el uso de los dispositivos en manos del usuario, y el efecto de ese uso en el mundo virtual. Se puede ver un modelo físico fabricado a partir de un modelo diseñado en Maya. No hay voz, sólo música.

Starfire

Nota: Para el video de "Starfire" no tenemos el permiso del propietario del copyright, porque no está muy claro quien es el propietario en primer lugar. Por favor, usad este video sólo para usos educativos. Ver el enlace de "Copyright" para más información sobre derechos de copia y reproducción para usos educativos y de investigación.

Se pueden conseguir el script anotado, el paper del prototipo de video, el libro que surgió a partir del proyecto Starfire y demás detalles relacionados en www.asktog.com.

  • Video de Starfire. Creado por Sun Microsystems.
    • Starfire 1ª parte. (20.0 MB)(1:36) (la protagonista discute las malas noticias recibidas a través de una videoconferencia)
    • Starfire 2ª parte. (63.6 MB)(5:06) (desde la videoconferencia hasta antes de la reunión en la sala de juntas)

Microsoft Office 2007

Enlace al video alojado en la web de Microsoft. Copyright de Mirosoft.

Los directores del Office User Experience Team explican, entre otras cosas, que:

  • (empezamos con Word) es fácil hacer como subrayados y negritas en Word, pero la mayoria de usuarios no son capaces de crear documentos más complicados.
  • para evitar el tener que buscar comandos y marcar muchas casillas, la nueva interfaz está orientada en torno a los resultados.
  • para conseguirlo, la interfaz es mucho más visual (podemos ver cómo la nueva interfaz presenta dibujos de cómo quedará el resultado final, en lugar de nombres de opciones o listas)
  • El menú se ha separado en tres menús distintos:
    1. la "ribbon" o "cinta", con los comandos para hacer más bonito el documento (sic), como tipo de letra, márgenes, etc.
    2. un menú escondido arriba a la izquierda con los comandos para manejar los ficheros, como Guardar como..., Abrir, etc.
    3. y un tercer menú abajo a la derecha para gestionar cómo ves tú el documento en la ventana, por ejemplo el zoom.
  • El "ribbon" es el avance más importante en esta versión de Office.
  • (seguimos con Excel) el menú de Excel es ahora diferente del de Word, para reflejar el hecho de que Excel es más sobre introducir números. El "ribbon" contiene aquí un apartado con varios atajos a fórmulas de Excel y otro con connexiones a bases de datos.
  • (pasamos a PowerPoint) Aquí el "ribbon" tiene apartados de animaciones, transiciones, etc, para ayudarte a crear presentaciones más "snappy" (dinámicas, con movimiento)
  • (volvemos a Word) un ejemplo de cómo puedes elegir de entre una lista visual de diseños más comunes de página en lugar de ir haciendo pruebas introduciendo manualmente los valores de márgenes, etc para intentar acertar con el diseño adecuado.
  • Un ejemplo de cómo, al escoger un pie de página, puedes escoger de entre una lista de bonitos pies de página (sic),
  • El usuario pasará la mayor parte del tiempo en la primera "tab" de la "ribbon", porque es donde han colocado las opciones más usadas. La interfaz es similar a versiones anteriores, para que uno pueda simplemente sentarse y sentirse cómodo (al trabajar con la nueva interfaz). Vemos cómo se puede modificar un párrafo permaneciendo todo el rato en el mismo apartado del "ribbon".
  • Tabs contextuales
  • No tendremos todos los cientos de comandos siempre disponibles, sino sólo los necesarios en cada momento
  • Ejemplo de cómo aparece una nueva tab llamada "Picture Tools" cuando intentas insertar una imagen. Al acabar de insertar, la tab desaparece.
  • (pasamos a Excel) Al pulsar en un gráfico, aparece la tab de "Chart tools" (Herramientas de gráficos). Podemos elegir la leyenda y los colores con un solo click cada vez.
  • (pasamos a PowerPoint) Insertamos un círculo, y aparece la tab de "Drawing tools", que tiene todas las capacidades para hacer que mi dibujo parezca fantástico (sic). Al pulsar fuera del círculo, la nueva tab desaparece.
  • Pasamos a explicar las "Galleries". Puedes ver tus opciones en galerias, y mirar y cliquear cómo quieres exactamente que sea tu documento.
  • (pasamos a Excel) Podemos seleccionar un rango de celdas, y escoger directamente un formato que visualiza barras de gráficos dentro de cada celda para ver visualmente en la propia hoja cuála celda tiene cantidades mayores o menores respecto de otras en el mismo rango.
  • (pasamos a Word) Al cliquear sobre una tabla, aparace la tab de "table tools", y aparece una galeria de distintos diseños visuales de tabla. Al pasar con el ratón sobre los diseños, la tabla en el documento automáticamente cambia para mostrar cómo quedaria una vez aplicado el estilo. Con un solo click, cambia el estilo de la tabla entera.
  • Al seleccionar una imagen, aparece la tab de "Image tools", podemos desplegar una galeria de estilos (con text wrapping, con la imagen sola), e ir haciendo click sobre cada uno para verlos. La galeria no se cierra después de cada click, de manera que podemos probar cada estilo rápidamente.
  • "Live preview". Ya no hace falta ir probando estilos, e ir haciendo "deshacer" tras cada prueba. Al pasar el ratón lentamente sobre una lista de opciones, el documento cambia automáticamente en cada una para reflejar cómo quedaria si seleccionases esa opción.
  • Vemos un ejemplo de "Live preview" con tipos de letra y otro con tamaños de letra.
  • Otro ejemplo de lo mismo, pero con cuadros de texto y estilos de cuadros de texto.
  • Otras capacidades
  • Al pasar el ratón sobre los comandos de la "ribbon" aparece una descripción corta de cada comando, seguida de una descripción más larga, y finalmente, ejemplos y sugerencias de uso para ese comando.
  • Encima de la "ribbon" hay una barra rápida de herramientas con los comandos "Guardar", "Deshacer" y "Repetir". Cualquier comando de la ribbon puede añadirse fácilmente a dicha barra con un solo click.
  • Al seleccionar un texto (por poner un ejemplo) aparece un menú flotante con las acciones que utilizo más frecuentemente al seleccionar un texto, y puedo seleccionar mis comandos directamente desde ese menú. Al alejar el ratón del menú, el menú desaparece.
  • Nuevas capacidades
  • (pasamos a PowerPoint) Podemos seleccionar una lista (bulleted list) y convertirla con un solo click en un gráfico con texto dentro. Más tarde se puede cambiar tanto el diseño como los colores.
  • Conclusión
  • Si pasas unos minutos con el nuevo Office, encontrarás que te permite hacer documentos con buen aspecto (sic), más rápido que antes.

AJAX para eliminar formularios

Contexto: los buscadores inmobiliarios suelen tener el problema de que hay muchas pantallas con formularios para rellenar, y que, si su búsqueda no da ningún resultado, han de volver a rellenar todo el formulario.

Esta aplicación de AJAX pretende evitar tanto el rellenar formularios como la frustación en la búsquedas fallidas, y reducir el tiempo de búsqueda. También permite navegar las ofertas más rápido porque no necesita descargar del servidor la página web entera cada vez que el usuario desea ver algo distinto, sino que intenta descargar sólo los datos que cambian de una página a otra.

También se puede ver que la aplicación modifica la dirección de la página para asegurarse de que la página se porte de manera predecible cuando el usuario pulse "Atrás". De lo contrario, pulsar "Atrás" desecharia todas las acciones realizadas en la aplicación y pasaria a la web anterior independientemente de cuántas acciones hayas realizado en la aplicación Ajax.

Cámara de casco en Irak

Nota: Copyright del autor

(contiene detalles escabrosos y violencia)

Contactar con AIPO: aipo@aipo.es