Publicado por

Storyboard y Sketch aplicación Videollamada

Publicado por

Storyboard y Sketch aplicación Videollamada

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…
El siguiente Storyboard se sitúa en el contexto de las clases virtuales periódicas, que había seleccionado en la PEC…

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:

 

Debate0en Storyboard y Sketch aplicación Videollamada

No hay comentarios.

Publicado por

PEC 5 – Videollamada

Publicado por

PEC 5 – Videollamada

Video llamadas aplicadas al ámito de las reuniones de trabajo. El storyboard lo he dibujado a mano y me he centrado en…
Video llamadas aplicadas al ámito de las reuniones de trabajo. El storyboard lo he dibujado a mano y me…

Video llamadas aplicadas al ámito de las reuniones de trabajo.

El storyboard lo he dibujado a mano y me he centrado en dos interacciones que los usuarios comentaron a raíz de las encuestas y que me parecieron relevantes a la hora de aplicar mejoras:

  1. No se respetan los tiempos de intervención en las reuniones y al final hay personas que hablan mucho y personas que hablan muy poco.
  2. La funcionalidad de levantar la mano es útil pero no se respetan los turnos de hablar y algunas personas la utilizan y otras no, la gente se pisa hablando.

 

Sketch

Para el sketch me centraré en la funcionalidad de controlar el tiempo de intervención de cada participante de manera que todas las intervenciones sean equitativas y equilibradas. La interacción comienza una vez dentro de la reunión.

 

Debate0en PEC 5 – Videollamada

No hay comentarios.

Publicado por

PEC.05 Diseño de Interacción

Publicado por

PEC.05 Diseño de Interacción

VIDEOCOMUNICACIÓN Para la última actividad de la asignatura, con todos los datos recopilados durante la evolución del proyecto (benchmarking, encuestas, canvas…) se ha recopilado y analizado suficiente información para crear un prototipo de baja fidelidad del servicio de video comunicación. Antes de empezar a bocetar el prototipo, se ha utilizado la técnica del storyboard para ilustrar la experiencia del usuario en el uso del producto. A continuación, podemos ver las ilustraciones del storyboard y el diseño del prototipo de baja fidelidad.…
VIDEOCOMUNICACIÓN Para la última actividad de la asignatura, con todos los datos recopilados durante la evolución del proyecto (benchmarking,…

VIDEOCOMUNICACIÓN

Para la última actividad de la asignatura, con todos los datos recopilados durante la evolución del proyecto (benchmarking, encuestas, canvas…) se ha recopilado y analizado suficiente información para crear un prototipo de baja fidelidad del servicio de video comunicación.

Antes de empezar a bocetar el prototipo, se ha utilizado la técnica del storyboard para ilustrar la experiencia del usuario en el uso del producto.

A continuación, podemos ver las ilustraciones del storyboard y el diseño del prototipo de baja fidelidad.

 

Espero que hayais disfrutado del transcurso del proyecto tanto como yo! Muchas gracias por llegar hasta aquí.

Nos vemos pronto :)

Debate1en PEC.05 Diseño de Interacción

Publicado por

5. Diseño de interacción: Videocomunicación

5. Diseño de interacción: Videocomunicación
Publicado por

5. Diseño de interacción: Videocomunicación

Storyboard: Amanda y la presentación Amanda estaba nerviosa porque tenía una videoclase por la mañana y tenía que hacer una presentación. Sin…
Storyboard: Amanda y la presentación Amanda estaba nerviosa porque tenía una videoclase por la mañana y tenía que hacer…

Storyboard: Amanda y la presentación

Amanda estaba nerviosa porque tenía una videoclase por la mañana y tenía que hacer una presentación.

Sin embargo, su día empeoró cuando se dio cuenta de que su ordenador había dejado de funcionar.

Con el tiempo corriendo, Amanda tuvo que usar su teléfono móvil para conectarse a la videoclase y hacer su presentación.

A pesar de las dificultades, Amanda logró superar la situación y entregar una presentación exitosa.

ClassCall es una aplicación de videoconferencia diseñada específicamente para el ámbito educativo. Con ClassCall, profesores y estudiantes pueden conectarse fácilmente y colaborar en tiempo real, independientemente de su ubicación. La aplicación cuenta con funciones avanzadas, como compartir pantalla y grabar llamadas, así como una interfaz fácil de usar para facilitar el aprendizaje en línea.

ClassCall también ofrece opciones de privacidad y seguridad para garantizar un ambiente de aprendizaje seguro y protegido.

Con ClassCall, la educación nunca ha sido tan accesible y eficiente.

 

Tras comprobar que el sketching no era lo suficientemente claro, decidí pasar a la siguiente fase de prototipado para poder ver los procesos de interacción con más claridad, así mismo también me dí cuenta de que algunas partes podrían ser diseñadas, gracias metodologías Agile, así que decidí hacer este wireflow incluyendo los estilos de interacción tal y como se pedía en ele ejercicio.

Los principales estilos de interacción son en este orden: touch, swipe, typing y gesture. En todos los casos se contemplan los cuatro modelos de interacción existentes:

  1. Instructing y conversing: al ordenar y enviar mensajes.
  2. Manipulating y exploring: al al interactuar y examinar de forma manual o gestual los elementos que encontramos en la UI.

Debate3en 5. Diseño de interacción: Videocomunicación