El siguiente Storyboard se sitúa en el contexto de las clases virtuales periódicas, que había seleccionado en la PEC anterior. Hice un recorrido desde que el usuario recibe la notificación para recordar la clase, la cual debe ser a través de varias touchpoints, pasando por las diferentes herramientas que debería tener la propuesta de diseño, hasta la finalización de la clase.

El siguiente sketch contiene los momentos plasmados en el Storyboard. Puedo determinar que del primer hasta el cuarto momento (Alerta, Inicio, Configuración, Dashboard) son el flujo de entrada principal que se repetía siempre que un usuario quisiera tomar una clase virtual. Las siguientes pantallas (Encuesta, Bookmarks, Blog y Chat) son opciones que el usuario puede utilizar según su necesidad.

Y a partir del Sketch, propuse los siguientes wireframes que ejemplifican la soluci´´on de diseño:

En este ejercicio, me di un poco de libertad creativa, y quise mostrar un lado más sarcástico del producto que desarrollé. Utilicé unas tingshas tibetanas, las cuales reonombré como Tingchats, ya que son un canal de comunicación telepática con seres interdimensionales. Estuve muy influenciado por el artículo de James Auger, su trabajo, y el uso de que hace de los objetos combinados con la tecnología para realizar una crítica mordáz. Quise mostrar el prototipo como un infomercial, con promesas extravagantes, y una clara alución a los modos de venta del New Age.

Ver Video

También realicé una breve descripción de las posibilidades de interacción tecnológica de los Tingchats, para explicar mejor mi visión del prototipo :)

Pueden visualizar el contenido de la PEC, en este link

Luego de recoger toda la información en el cuestionario y el benchmark, pude construir el siguiente VPC:

Y estas fueron las mejoras con respecto a las plataformas de videoconferencia (Jitsi, Vowel, Whereby, Spike) que pude identificar:

Sistema de gamificación
Incentivar la participación y mantener la atención en las sesiones virtuales podría ser uno de los elementos a mejorar en las plataformas de videoconferencia. Tal vez al implementar un sistema que premie la participación y la concentración, pueda aumentar la capacidad de atención en los usuarios.

Compartir archivos
Ninguna de las plataformas analizadas permitía compartir archivos en el chat. Esto podría mejorarse con la implementación de bibliotecas virtuales que se sincronicen con el correo electrónico.

Integraciones
Poder generar una sesión virtual desde un gestor de proyectos, un calendario o un servicio de mensajería sería una gran herramienta para integrar la comunicación en todos los niveles.

Tomar notas dentro de la plataforma
Es importante mantener al usuario el mayor tiempo posible dentro de la plataforma, y para ellos sería bueno ofrecerle todas las herramientas dentro del mismo entorno. Como la posibilidad de tomar notas de la clase dentro de la misma interfaz de la plataforma.

Notificaciones con sonido
Ninguno de los referentes analizados usaba sonidos para enfatizar acciones básicas como iniciar o finalizar una sesión. Estos recursos emotivos le permiten al usuario identificar acciones en su modelo mental de una forma más sencilla.

Para la actividad de la tabla de interacción seleccioné el periódico El Tiempo. Lo hice porque es el único medio en mi país que cumplía con los requisitos de la actividad (Versión impresa, Aplicación móvil y Sitio web). Sin embargo, seleccionarlo también me sirvió para entender en contexto varios aspectos sobre la economía de la atención.

Para realizar el wireframe, escogí la página de una noticia de actualidad. Concretamente esta:

Y el Wireframe que realicé fue este:

En el wireframe apliqué un sistema de 12 columnas, con gutters y márgenes muy similares a la página de referencia del sitio web de El Tiempo :)

Para esta PEC 1, el recorrido que seleccioné fue ir desde mi casa en bicicleta hasta el banco para sacar dinero. Esta actividad la hice al mediodía, en cuyo recorrido y actividad principal empleé 20 minutos. Identifiqué 4 sistemas de interacción en esta actividad, los cuales iré describiendo y clasificando.

Imágenes tomadas de

https://raceloop.com

https://www.facebook.com/BancoCajaSocial

1. Selección de música

Cómo lo hago: Primero me pongo mis audífonos y los sincronizo por Bluetooth con mi móvil. Abro Spotify, selecciono el álbum o la playlist de acuerdo a mi estado de ánimo y lo reproduzco en mi móvil. Controlo el nivel de volumen y la selección de canciones con los audífonos.

Cómo lo persivo: Al ser audífonos inalambricos, me siento cómodo y seguro al colocármelos, pues no tengo que desenrredar cables ni ingresar plugs. Seleccionar la música es agradable, ya que puedo explorar géneros y artistas. Esta activadad puede llevarme más tiempo del previsto. Por eso siempre acudo a playlist de música preseleccionada para no quedarme explorando siempre.

Cómo lo se hacer: Es una actividad rutinaria. La hago cada vez que salgo a caminar, andar en bici o pasear a mi perro. Por lo que tengo unos pasos definidos que difícilmente cambio por la naturaleza de la tarea: si no me pongo los audífonos primero, no puedo óir nada.

Tipos de interacción: Instructing, Exploring.

Estilos de interacción:  Typing, Touch.

Contexto de interacción: CLI, GUI.

2. Inicio contador de kilómetros

Cómo lo hago: Prendo el contador de kilómetros que está fijado en mi bicicleta. Me aseguro que el sistema esté sincronizado (la distancia del imán y el sensor de kilómetros no debe ser mayor a 1 cm, ya que de otra forma, los kilómetros no se verán reflejados en la pantalla) antes de empezar a pedalear.

Cómo lo persivo: Como es un contador muy pequeño y con opciones prácticas, me resulta muy fácil seleccionar y consultar lo que necesito. Aunque he sentido frustración cuando por algún motivo físico, los kilómetros no pueden contarse. De igual de forma, en la noche no puedo apreciar nada de la pantalla, pues no emite luz propia; esto es molesto.

Cómo lo se hacer: Como el contador se activa automáticamente apenas gira la rueda de la bicicleta, es una actividad inherente a montar en bicicleta.

Tipos de interacción: Instructing.

Estilos de interacción:  Typing.

Contexto de interacción: GUI.

3. Asegurar mi bicicleta con el candado numérico

Cómo lo hago: Debo mover los engranajes del candado para seleccionar la combinación correcta que abra el pestillo. Luego, aseguro mi bicicleta a la estructura de metal.  Para finalizar introduzco el seguro a la ranura, y a continuación, muevo de vuelta los engranajes, asegurando que el candado quede bloqueado.

Cómo lo persivo: Ya que cuento con una combinación numérica, y no debo depender de una llave que lo abra, me resulta muy cómodo manipular el candado. Aunque siempre es un reto colocar la cadena, sobre todo en espacios pequeños donde hay muchas bicicletas juntas.

Cómo lo se hacer: Esta es una acción bastante rutinaria, que podría resumirse en 3 simples pasos. Aunque atar la cadena siempre va a ser el más complicado.

Tipos de interacción: Instructing.

Estilos de interacción:  Typing.

Contexto de interacción: CLI.

4. Sacar dinero del cajero automático

Cómo lo hago: Introduzco la tarjeta débito en el cajero automático. Luego selecciono la actividad que quiero realizar, y las características de mi cuenta. Introduzco mi contraseña de seguridad. Y finalmente recibo el dinero.

Cómo lo persivo: El proceso es muy rápido y fácil. Son unos cuantos pasos para recibir dinero, una gratificación por la cualquier usuario aguantaría la peor experiencia. Y justamente, hay algunas objeciones con respecto a los montos y cobros que realiza el cajero con los cuales me siento más frustrado.

Cómo lo se hacer: No varía mucho de un cajero a otro, por lo que es una actividad que hago con facilidad. Tal vez cuando estoy en un cajero que nunca he usado, soy más precabido, y reviso los pasos varias veces para asegurarme que todo vaya bien.

Tipos de interacción: Instructing.

Estilos de interacción:  Typing.

Contexto de interacción: GUI.

–

Audio tomado de https://freemusicarchive.org/

Para este ejercicio seleccioné dos interfaces de una serie de elementos con los que interactúo mucho: efectos para música en vivo.

INTERFAZ FÁCIL: Preamp del amplificador de guitarra Orange Crush 35T

Hay varios elementos interactivos combinados en una sola aplicación: perillas, botones, switches y plugs.

Me resulta simple usar esta interfaz ya que sus perillas son de fácil manipulación (izquierda disminuye, derecha aumenta) , hay una clara definición de su función con respecto al espectro sonoro (agudos, medios, graves), además de que el nombre y el ícono que acompaña a cada elemento es claro. Adicional a esto, hay un afinador de guitarra que permite detectar la nota correcta con una escala de colores. Algo muy pertinente a la hora de saber si hay que manipular la tensión de las cuerdas. También hay otro elemento importante y es el buen contraste de color que hay de los elementos, es decir, el color negro de las perillas y entradas sobre el fondo blanco, hace que su visualización sea óptima. A diferencia de otros amplificadores que uso, cuyo color de perillas y fondo es el mismo, dificultando su manipulación en situaciones de poca luz y sonido en vivo.

INTERFAZ DIFÍCIL: Pedal Boss Loop Station RC-3

Hay tres niveles de interacción en el Boss RC-3: los botones, las perillas de volumen y el gran interruptor del pie.

La función de este pedal que uso para la guitarra, es grabar fragmentos que luego voy reproduciendo en vivo. Algo así como una especie de pista, sobre la cual puedo ir sumando más capas de sonido.  Este pedal está conectado a una cadena de efectos (pedalboard). La interfaz es simple, y su funcionamiento consiste en oprimir el pedal, una vez para grabar y dos para detener. Lo complejo está en que el pedal tiene 99 bancos de memoria, donde puedo ir almacenando diferentes fragmentos, y cambiar entre fragmentos cuando se está tocando en vivo es muy difícil. Cuando estoy tocando la guitarra y necesito cambiar, debo inclinarme y con la mano, cambiar de fragmento, lo cual hace que la experiencia de tocar con el pedal en vivo sea engorrosa.

Pero hay una solución. En una de las entradas de jack se puede conectar un pedal auxiliar que ayuda a cambiar las pistas con el pie. El problema es que el pedal oficial de la marca es demasiado grande. Como los pedales están pensados para funcionar en cadena con otros, adicionar un pedal tan grande para una funcionalidad como esta, sería un desperdicio de espacio.

Imagen de Galloway Music – Youtube. La pesadilla conceptual de los footswitches de Boss, deja sin espacio a cualquier pedalboard.

Mi solución: adquirí un pedal switcher mucho más pequeño, y lo adapté para el funcionamiento del Boss RC-3, economizando espacio y dinero. El diseñador siempre triunfa.

Con el pedal switcher no solo puedo cambiar entre pistas, también puedo parar la grabación y activar el tap tempo.

BONUS TRACK: INTERFAZ HÍBRIDA

También uso para efectos vocales, el procesador TC Helicon Voice Live 2. Considero que ésta es una interfaz híbrida, ya que por un lado las perillas y botones permiten controlar los parámetros de los efectos, que se visualizan en una pantalla. Y por otro, los interruptores permiten activar o cambiar los efectos con el pie. Toda una fusión de elementos que hace que este procesador tenga una experiencia excelente.

Botones y perillas pensadas para la manipulación manual junto a la pantalla Led. Interruptores pensados para la manipulación con el pie. La división de funcionalidades se ve muy claramente en el procesador TC Helicon Voice Live 2.