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

Publicado por

PEC 4. Diseño Especulativo: SmartPen

Publicado por

PEC 4. Diseño Especulativo: SmartPen

¡Hola! Para esta práctica he escogido el lápiz como objeto físico cotidiano no tecnológico que utilizo habitualmente. Teniendo en cuenta la diversidad de escenarios habituales en los que puede ser utilizado este artefacto (contexto educativo, contexto laboral, ocio en papel, cosmética, arte y otros usos creativos), la interacción con cualquier tipo de lápiz sugiere un affordance perceptible, siendo oculto sólo para aquellos que aún no han aprendido a escribir o los que se han desarrollado apartados de la sociedad (niños…
¡Hola! Para esta práctica he escogido el lápiz como objeto físico cotidiano no tecnológico que utilizo habitualmente. Teniendo en…

¡Hola!

Para esta práctica he escogido el lápiz como objeto físico cotidiano no tecnológico que utilizo habitualmente. Teniendo en cuenta la diversidad de escenarios habituales en los que puede ser utilizado este artefacto (contexto educativo, contexto laboral, ocio en papel, cosmética, arte y otros usos creativos), la interacción con cualquier tipo de lápiz sugiere un affordance perceptible, siendo oculto sólo para aquellos que aún no han aprendido a escribir o los que se han desarrollado apartados de la sociedad (niños pequeños, salvajes o chimpancés). Esto se debe a que, sea cual sea la tipología del lápiz, constituye un objeto que cumple con una serie de características comunes que permiten adivinar su uso y funcionamiento una vez se aprende su significado; independientemente de su finalidad, sus principales componentes son:

  • La mina, que constituye la barra del interior del lápiz, y que puede estar compuesta de distintos materiales según la finalidad del mismo (es la parte que pinta).
  • La madera, que corresponde la barra más gruesa que envuelve la mina, y se coge con la mano cuando se interactúa con el lápiz.

Algunos lápices, especialmente los que se utilizan para escribir, dibujar o para el ocio en papel, incorporan un tercer componente, la goma, situada en el extremo opuesto al que sirve para escribir o dibujar.

Mi propuesta de diseño parte de una mejora del lápiz gracias a la intervención de la tecnología, con un añadido de nuevos elementos que permiten interactuar digitalmente con él.

 

Debate0en PEC 4. Diseño Especulativo: SmartPen

No hay comentarios.

Publicado por

PEC 4 – Diseño especulativo: Paradigmas de interacción

Publicado por

PEC 4 – Diseño especulativo: Paradigmas de interacción

Hola! Hoy os traigo mi proyecto para la PEC 4, en ella había que escoger un objeto cotidiano y descontextualizarlo mediante el…
Hola! Hoy os traigo mi proyecto para la PEC 4, en ella había que escoger un objeto cotidiano y…

Hola!

Hoy os traigo mi proyecto para la PEC 4, en ella había que escoger un objeto cotidiano y descontextualizarlo mediante el diseño especulativo.

El objeto que yo escogí se trata de un felpudo, en él analicé los affordances y posibilidades de interacción que él ofrece.

Para el diseño especulativo, decidí aportarle un carácter sanitario y como comunicación no presencial opté por el holograma.

Así nace SANIMAT, un felpudo que todos tendremos en casa, con el cual, mediante la tecnología de un escaner, podrás descubrir las enfermedades que tienes incluso las que no son tan visibles como tumores o enfermedades degenerativas, entre otras. Favoreciendo la atención temprana y evitando colapsar las salas de espera.

Espero que os guste y muchas gracias por leerme.

Debate0en PEC 4 – Diseño especulativo: Paradigmas de interacción

No hay comentarios.

Publicado por

Diseño especulativo

Publicado por

Diseño especulativo

  El diseño especulativo es una aproximación al diseño que se centra principalmente en plantear preguntas y crear escenarios futuros que provoquen…
  El diseño especulativo es una aproximación al diseño que se centra principalmente en plantear preguntas y crear escenarios…

 

El diseño especulativo es una aproximación al diseño que se centra principalmente en plantear preguntas y crear escenarios futuros que provoquen debate, reflexión y pensamiento crítico en torno al impacto de las cosas en la vida de las personas. En esta entrada se propone un diseño especulativo centrado en la interacción no verbal entre personas.

Amilumi

Una vela para pensar en los tuyos

En un mundo cada vez más globalizado, la inmigración crece a la par que lo hace el aislamiento.

Muchas veces pensamos en nuestros amigos pero no tenemos el tiempo de llamarles o no tenemos mucho que decir. Aún así, nos gustaría que supieran que nos acordamos de ellos.

Amilumi es una vela digital que busca acercar a las personas. Gracias a
ella, cuando el usuario piense en uno de sus amigos puede seleccionarlo
a través de la interfaz holográfica y soplar la vela para encender la suya y la de su amigo.

Si está disponible, la vela de su amigo se encenderá y mostrará el
holograma del usuario, conectando a las dos personas. Cualquiera de los dos puede soplar en su vela para finalizar la interacción en cualquier
momento. Cuando esto sucede, las velas se apagan. Si su amigo no está disponible, la vela del usuario se apagará.

Gracias a los sensores de movimiento en la base y en la propia vela, el
usuario puede realizar gestos para enviar órdenes al sistema. La
interacción es de estilo gesture para aprovechar la affordance de la vela,
con una forma alargada que incita al usuario a agarrarla para levantarla.

Por este mismo motivo, cuando el usuario tiene que introducir el código de su amigo para añadirlo utilizará la vela para escribir en el aire. Esta es una acción a la que el usuario está acostumbrado y que resulta fácil debido a la similitud de la forma de la vela con un lápiz. De esta manera, se puede prescindir de añadir un teclado.

Mapa de interacción:

Debate0en Diseño especulativo

No hay comentarios.

Publicado por

4. Diseño especulativo: Paradigmas de interacción

4. Diseño especulativo: Paradigmas de interacción
Publicado por

4. Diseño especulativo: Paradigmas de interacción

¡Buenas a tod@s! Os presento el objeto que he creado para esta PEC. Para ello, elegí el estuche de las gafas, ya…
¡Buenas a tod@s! Os presento el objeto que he creado para esta PEC. Para ello, elegí el estuche de…

¡Buenas a tod@s!

Os presento el objeto que he creado para esta PEC.

Para ello, elegí el estuche de las gafas, ya que siempre lo tengo a mano para sacar las gafas cuando tengo que leer, estar con el ordenador o con el móvil. A partir del estuche creé un teletransportador de objetos. Tiene dos botones, uno de aceptar y uno de cancelar, y también se puede interactuar con él a través de voz, y sirve tanto para enviar como para recibir objetos. Estaría conectado a través de wifi para los envíos y se conectaría al teléfono móvil para sincronizar los contactos de la agenda para saber a quién enviar el objeto o de quién lo estás recibiendo.

A continuación os dejo el vídeo de presentación del estuche teletransportador:

Debate1en 4. Diseño especulativo: Paradigmas de interacción

  1. Marisol Escorza Hormazábal says:

    ¡Me encanta el teletransportador!.

    Una pregunta, ¿Tiene alguna distancia máxima para enviar los objetos?, me gustaría enviar un regalo de Reyes hasta América.

Publicado por

PEC 04- Cojín de compañía

Publicado por

PEC 04- Cojín de compañía

Diseño especulativo: Paradigmas de interacción Cojín de compañía En el ejercicio anterior cuando se hicieron las encuestas, sobre las videollamadas. Una de las conclusiones que saque con los resultados era que para la mayoría de las personas que hacen videollamadas, encuentran negativo que la comunicación sea fría. Este inconveniente esta muy extendido dentro de las personas que respondieron la encuesta. En este ejerció me marque como objetivo el intentar conectar con las personas a distancia. Este dispositivo seria como un…
Diseño especulativo: Paradigmas de interacción Cojín de compañía En el ejercicio anterior cuando se hicieron las encuestas, sobre las…

Diseño especulativo: Paradigmas de interacción

Cojín de compañía

En el ejercicio anterior cuando se hicieron las encuestas, sobre las videollamadas. Una de las conclusiones que saque con los resultados era que para la mayoría de las personas que hacen videollamadas, encuentran negativo que la comunicación sea fría. Este inconveniente esta muy extendido dentro de las personas que respondieron la encuesta.

En este ejerció me marque como objetivo el intentar conectar con las personas a distancia. Este dispositivo seria como un periférico que se podría usar tanto en videollamadas como fuera de ellas. Esta almohada/cojín de compañía se sincroniza con la persona y trasmite calor, pulsaciones del corazón y movimientos a la almohada con la que se sincroniza. Se busca incluir mas sentidos a la comunicación a distancia, para enriquecerla.

  • Durante la llamada con seres queridos para estar más cerca.
  • Durmiendo para no sentirse solo

Video

Interacciones

Botón para activar/ sincronizar

  • Tipo de interacción; Manipuling
  • Estilo de interacción; Touch
  • Tipo de interfaz; Natural User Interface

Calor

  • Tipo de interacción; Manipuling
  • Estilo de interacción; Touch
  • Tipo de interfaz; Natural User Interface

Forma/movimiento

  • Tipo de interacción; Manipuling
  • Estilo de interacción; Touch
  • Tipo de interfaz; Natural User Interface

Ningún peluche fue herido durante el rodaje.

Debate1en PEC 04- Cojín de compañía

Publicado por

PEC 4 – Diseño Especulativo

PEC 4 – Diseño Especulativo
Publicado por

PEC 4 – Diseño Especulativo

¡Hola de nuevo a todxs! A continuación, os comparto la propuesta del proceso de interacción de una regadera.  Es un elemento que…
¡Hola de nuevo a todxs! A continuación, os comparto la propuesta del proceso de interacción de una regadera.  Es…

¡Hola de nuevo a todxs!

A continuación, os comparto la propuesta del proceso de interacción de una regadera. 

Es un elemento que suelo usar semanalmente para el cuidado de mis plantas, tanto las de interior como las de exterior. Considero que puede abarcar nuevas oportunidades en cuanto a cómo interactúamos sobre este objeto y sobre lo qué nos puede aportar a la comunicación entre personas, tanto verbal como no verbal. 

En el siguiente vídeo, os muestro cómo se interactúa con el prototipo de la propuesta y el resultado con las principales posibilidades de interacción que ofrece el producto mediante el uso del diseño especulativo: 

 

 

Nos vemos en la última entrega.

¡Felices Fiestas y buena entrada de año!

Patricia Rubio

Debate0en PEC 4 – Diseño Especulativo

No hay comentarios.