Transcripción de video
Experiencia de Usuario Parte Uno
9m 59s
0:08
Llego la hora de hacer contacto con la realidad….
0:11
No importa que tan bueno sea tu diseño de audio del sistema de Q-Sys si el usuario no puede descubrir cómo usarlo.
0:19
Para la mayoría de los usuarios finales su única interacción con Q-Sys va a ser por medio de la Interfaz de Usuario que tú les diseñes
0:28
Ya sea en una pantalla táctil de QSC, en un Ipad o Iphone o en el visor de la PC, esta interfaz de usuario es su púnico acceso al sistema de audio
0:44
En lo que a ellos respecta esa UCI o interfaz de usuario es Q-Sys
0:49
Si diseñas una interfaz complicada que es difícil de navegar, entonces ellos pensaran que Q-Sys es una basura
0:55
Y nolo es! Nosotros aquí en QSC confiamos en sus interfaces de usuario le muestren Q-Sys al mundo.
1:03
Así que te guste o no, tienes que considerar la experiencia del usuario cuando diseñes su interfaz
1:10
En esta serie de videos vamos a discutir algunos principios básicos de diseño que contribuyen a una experiencia de usuario positiva.
1:18
Para algunos esto puede ser algo muy natural, pero otros podrán aprender cosas que nunca han considerado antes.
1:25
Aunque nos concentraremos en la creación de interfaces con el software de Q-Sys designer,
1:30
los conceptos de diseño que vamos a cubrir son universales y podrán comenzar a notar estos principios cuando naveguen en nuevos sitios de internet,
1:40
software o aplicaciones.
1:42
Este es un curso intensivo de filosofía de Diseño
1:50
Empecemos en grande: no tienes que ser un artista para diseñar una buena interfaz de usuario.
1:56
Si, un diseñador gráfico puede agregar mucho a la apariencia visual de la interfaz de usuario, pero no estamos tratando de convertirte en diseñador gráfico en este curso.
2:07
Este video trata de hacer una interfaz de usuario cómoda, intuitiva y funcional, y no necesitas ningún conocimiento de Photoshop para esto.
2:16
Lo más importante es mantener en mente esto: el diseño es la intención
2:21
Que significa esto?
2:23
Imagina que estas trabajando en tu computadora en tu escritorio y tienes un portavasos para tu taza de café. Donde pondrías ese portavasos?
2:32
Si eres diestro, lo más probable es que por instinto lo pongas del lado derecho de tu teclado, con la intención de hacerlo tan fácil y natural de usar como sea posible.
2:40
Lo diseñaste ahí, basado donde naturalmente quieres que esté.
2:44
Probablemente no lo pusiste dentro de un cajón, porque solo una persona loca pondría su café ahí
2:50
La construcción de una interfaz de usuario es similar, solo que probablemente tienes que gastar un poco más de tiempo averiguando donde el usuario quiere encontrar instintivamente las cosas.
3:06
Asi que cual es el primer paso? Investigar quien ese ese usuario final!
3:11
Haz un poco de investigación para saber quién es quien realmente va a usar tu interfaz de usuario.
3:16
¿Es una interfaz de mantenimiento para el ingeniero en sitio?
3:20
O ¿es una interfaz de usuario pública con la que cualquier puede interactuar?
3:25
La interfaz que construyes para algo tan simple como un reproductor de audio puede ser muy diferente dependiendo de quién va a tener acceso a ella.
3:33
Si es posible, valdría la pena tomarse el tiempo para platicar con los involucrados.
3:38
Con cuantas mas personas hables, obtendrás un mejor sentido de lo que necesitas en la UCI.
3:43
También debes considerar cuantas Interfaces y pantallas táctiles se requieren en el sitio.
3:48
Si múltiples personas requieren acceso al mismo dispositivo,
3:52
debes de considerar si debes construir una sola interfaz de usuario en ese dispositivo que cubra todas sus necesidades o si es mejor construir diferentes
4:01
interfaces a las cuales se puedan conectar individualmente desde cualquier dispositivo
4:06
En Q-Sys puedes cambiar las propiedades de una pantalla táctil para permitir la asignación dinámica de una interfaz o “Dynamic UCI Assignment”
4:16
lo cual permite al usuario escoger entre diferentes UCIs
4:21
Saber que método usar será más obvio una vez que completemos el siguiente paso del diseño: Planeación
4:28
Lo mejor seria empezar dibujando un diagrama de flujo que nos guie a través de todas las funciones posibles del sistema.
4:35
Esto se llama la taxonomía del sistema, un gráfico que nos ayudará a agrupar conceptos relacionados bajo categorías logicas
4:43
Taxonomía es un término que puede reconocer de las tablas de taxonomía de plantas y animales en reinos, géneros, filo y todas esas otras cosas de la escuela que ya se olvidaron
4:54
Estructura tu interfaz de la misma manera, antes de empezar a construirlo.
4:58
¿Cuántas páginas o capas diferentes necesitas para cada tarea, y qué tiene sentido para tu proyector?
5:05
Como todo en el diseño, no existe una respuesta correcta.
5:09
Tal vez quieras una Página Principal que permita al usuario navegar por cada una de las salas del recinto,
5:15
y desde allí podrá elegir entre el Control de Audio o Control de Iluminación dentro de esa habitación.
5:21
O tal vez tenga más sentido elegir entre Audio o Iluminación primero, y luego seleccionar una habitación.
5:28
Todo dependerá de las diferentes tareas que deseas poner disponibles,
5:32
y vale la pena el tiempo para organizarlas de una manera que permita al usuario realizar cada tarea tan fácil como sea posible.
5:40
Dentro de Q-Sys puedes crear tantas paginas diferentes en una UCI como tu quieras, y no olvides que hay una gran variedad de formas para navegar entre ellas
5:49
Interfaces de usuario simples pueden aprovechar las pestañas de página para seleccionar distintas páginas
5:56
Las pestañas se pueden poner en cualquier borde de la UCI para proveer de un menú simple de navegación
6:02
O puedes deshabilitar estas pestañas y permitirle al usuario arrastrar o hacer swipe para cambiar entre páginas
6:10
Pero diseños más complicados pueden requerir de una estructura de menú más complicada por lo que
6:15
probablemente quieras deshabilitar la función de Swipe y mejor usar los botones de navegación para ir dirigir al usuario de una página a otra.
6:24
Los botones de navegación pueden mandar al usuario a una página en particular, lo que te permite guiarlo en su movimiento en una forma específica
6:32
Y no olvides que tambien puedes usar botones con ventanas emergentes o Popup buttons para ocultar algunos controles.
6:40
Solo agrega un botón popup desde los componentes de layout, y agrega cualquier cantidad de controles dentro de su ventana emergente.
6:47
Puedes ajustar el tamaño de esa ventana y moverla alrededor, y finalmente cerrarla para ocultar esos controles
6:53
O si quiere echarte un clavado a la programación Lua, puedes hacer un script para que capas del diseño tengan transiciones de entrada y salida en la pantalla
7:02
Pero… ya sea que estés usando páginas, ventanas emergentes o layers, todo es parte de la taxonomía de tu sistema,
7:10
que es por lo que un diagrama de flujo puede ayudarte a planear tu interfaz de usuario antes de construirla
7:17
Algo muy importante a considerar durante este proceso de planeación incluye ….. opciones.
7:22
¿Qué opciones quieres darle al usuario?
7:24
? Me refiero a… que es bueno tener opciones ¿no?
7:28
Claro que lo es… pero también puede ser algo malo.
7:32
Un diseño que no tiene las suficientes opciones puede parecer demasiado simple o incluso condescendiente
7:38
Pero demasiadas opciones pueden ser un problema enorme también.
7:43
Si a un usuario le toma demasiado tiempo encontrar lo que están buscando, o no están seguros de que botón presionar, entonces el sistema parece ser demasiado complicado y difícil de usar.
7:55
Asi que si crees que es necesario sobre-complicar tus diseños….. simplemente destruye esa idea de tu cabeza justo ahora….
8:09
Darle a un usuario menos opciones aumentará la velocidad con la que pueden navegar en el sistema y reducirá el número de errores que puede cometer en el proceso.
8:18
Veamos nuevamente el reproductor de audio por ejemplo….
8:21
Puedes estar tentado a arrastrar todos esos controles a la interfaz de usuario para que el usuario pueda hacer lo que él quiera, y en algunos caso eso puede estar bien
8:31
Peeeero si este reproductor de audio solamente esta reproduciendo música ambiental en el Lobby de un Hotel,
8:39
crees que la recepcionista necesite poder adelantar o regresar la canción?
8:44
Y ¿que es este botón de Auto Play?
8:46
– Este botón le dice al reproductor de audio que comience a reproducir automáticamente después de cargar ek díselo al core de Q-sys… ¿La recepcionista sabe que es eso???
8:56
Noooo! Este botón seguramente la confundirá y nunca quieres confundir al usuario cuando están operando tu sistema o pensaran que simplemente no funciona
9:05
Quieres darle solamente opciones suficientes para que puedan lograr sus tareas, pero no suficientes para que se puedan meter en problemas
9:15
Así que recapitulando, investigación y planeación te permite identificar las tareas principales que tu interfaz
9:23
de usuario deben facilitarte y te deben de dar un plan de como debes organizar la estructura de páginas de la interfaz de usuario.
9:33
Determinar que opciones requiere tu usuario juega un papel muy importante en la complejidad de tu interfaz de usuario.
9:41
Una vez que estés cómodo sabiendo lo que quieres que la interfaz haga, entonces es momento de comenzar a construirla.
9:49
En el siguiente video vamos a ver algunas filosofías de diseño que vale la pena tener en cuenta cuando empiezas a construir tu diseño.
Descripción de la lección
Experiencia de Usuario Parte Uno
9m 59s
¡Próximamente!
Consejos Útiles y Definiciones
Experiencia de Usuario Parte Uno
9m 59s
¡Próximamente!