Publicado por

R5_Diseño de interacción: Videocomunicación

R5_Diseño de interacción: Videocomunicación
Publicado por

R5_Diseño de interacción: Videocomunicación

INTRODUCCIÓN A continuación os dejo mi storyboard y mis wireframes a cerca de la propuesta de aplicación/actualización.   Storyboard: En esta primera…
INTRODUCCIÓN A continuación os dejo mi storyboard y mis wireframes a cerca de la propuesta de aplicación/actualización.   Storyboard:…

INTRODUCCIÓN

A continuación os dejo mi storyboard y mis wireframes a cerca de la propuesta de aplicación/actualización.

 

Storyboard:

En esta primera versión del storyboard se quiere mostrar la conversación de una reunión de trabajo entre 2 personas en es este caso con diversidad funcional. Nos encontramos con una persona muda y otra ciega y cómo la aplicación les permite comunicarse con fluidez y comentar cómo va el proyecto en el que están involucrados. Se quiere dar un salto con las aplicaciones tradicionales de teletrabajo abriendo las puertas a más personas que técnicamente están muy cualificadas.

La idea de estas ilustraciones es mostrar la posibilidad de comunicación entre dos personas, las cuales se introducirán dichas funciones en la app para un correcto uso de la app.

Se mostrará una primera versión hecha a papel y lápiz y luego la versión definitiva digitalizada mediante ordenador.

A mano:

Con ordenador

 

 

Wireframes:

En este apartado os adjunto los wireframes realizados a partir de la aplicación de teams.

Destacamos principalmente el uso de la IA, acompañado de un asistente virtual para ayudar a las tareas de la video comunicación. Concretamente en el escenario descrito entre una persona muda y una ciega.

Os adjunto algunas imágenes en grande para ver mejor las pantallas.


Muchas gracias por la atención, cualquier cosa me decís.
Un saludo

Debate0en R5_Diseño de interacción: Videocomunicación

No hay comentarios.

Publicado por

R5. Storyboard y Sketch

R5. Storyboard y Sketch
Publicado por

R5. Storyboard y Sketch

Buenas tardes, Dejo por aquí el storyboard de una aplicación de videollamadas enfocada al ámbito docente/educativo: Por otro lado, dejo el sketching.…
Buenas tardes, Dejo por aquí el storyboard de una aplicación de videollamadas enfocada al ámbito docente/educativo: Por otro lado,…

Buenas tardes,

Dejo por aquí el storyboard de una aplicación de videollamadas enfocada al ámbito docente/educativo:

Cargando...
Cargando...

Por otro lado, dejo el sketching. Lo he realizado como si fuera un wireframe porque me parecía más intuitivo de realizar:

Cargando...
Cargando...
Cargando...
Cargando...
Cargando...

Debate0en R5. Storyboard y Sketch

No hay comentarios.

Publicado por

R5. Storyboard + sketching de interacción

Publicado por

R5. Storyboard + sketching de interacción

Buenas tardes os adjunto aquí mis dos propuestas: Un saludo a todos Lliurament de l'activitat R5 …
Buenas tardes os adjunto aquí mis dos propuestas: Un saludo a todos Lliurament de l'activitat R5 …

Buenas tardes os adjunto aquí mis dos propuestas:

Un saludo a todos

Debate0en R5. Storyboard + sketching de interacción

No hay comentarios.

Publicado por

R5. Storyboard i sketching

Publicado por

R5. Storyboard i sketching

Bones!!! Per aquesta última activitat he fet un storyboard que explica la seqüència d’interacció que fa un grup de companys de classe…
Bones!!! Per aquesta última activitat he fet un storyboard que explica la seqüència d’interacció que fa un grup de…

Bones!!!

Per aquesta última activitat he fet un storyboard que explica la seqüència d’interacció que fa un grup de companys de classe per programar una videotrucada amb la seva professora. També he realitzat un prototip de com funcionaria aquesta aplicació, on es poden fer algunes tasques com compartir pantalla, fer proves de micròfon, xatejar, etc.

Storyboard
Sketch / prototip

Debate0en R5. Storyboard i sketching

No hay comentarios.

Publicado por

R5 – Storyboard y sketches

R5 – Storyboard y sketches
Publicado por

R5 – Storyboard y sketches

Storyboard de interacciones con la app de videollamadas Se ha elaborado un storyboard pensando en las interacciones que realizan con la app…
Storyboard de interacciones con la app de videollamadas Se ha elaborado un storyboard pensando en las interacciones que realizan…

Storyboard de interacciones con la app de videollamadas

Se ha elaborado un storyboard pensando en las interacciones que realizan con la app en sus diferentes formatos las personas que la usan. Para ello, se han descrito visualmente, y de forma paralela, los procesos que realizan dos personas: una desde un teléfono móvil y otra desde un ordenador de sobremesa, con el fin de comunicarse a distancia y hablar por videollamada.

Sketches de pantallas de la aplicación

A continuación, se presentan una serie de bocetos o sketches correspondientes con las pantallas de la aplicación de videollamadas que se ha planteado en este ejercicio (y en la asignatura). Se ha mantenido la apariencia abocetada de los diseños al dibujar las pantallas a lápiz y escanearlos. Una vez digitalizados, se ha añadido una serie de anotaciones y aclaraciones y se han organizado para seguir el proceso que seguiría alguien al usar la aplicación.

Si bien se trataría de una aplicación adaptable a cualquier dispositivo, se ha partido de un enfoque mobile first y se han diseñado las pantallas móviles. Esta decisión se debe a que resulta más complicado integrar los elementos de la interfaz en una pantalla de dimensiones reducidas, por lo que se parte de ella, y así se facilitará en el futuro adaptar ampliando en lugar de reduciendo.

Partiendo de los resultados de la propuesta de valor que se realizó como actividad anteriormente, una de las prioridades a la hora de esbozar las pantallas ha sido ofrecer varias capas de personalización. Esto quiere decir que se muestran de forma muy directa las opciones más sencillas, pero también se ofrece la posibilidad de personalizar la experiencia de forma más avanzada, aumentando la profundidad solo si la persona que usa la aplicación quiere hacerlo.

Pulsa en las imágenes para ver una versión ampliada

 

 

Debate0en R5 – Storyboard y sketches

No hay comentarios.

Publicado por

R5.Storyboard

R5.Storyboard
Publicado por

R5.Storyboard

Storyboard de la interacción A continuación se narra a través de 8 secuencias el uso de la app sobre videollamadas: contexto: hacer…
Storyboard de la interacción A continuación se narra a través de 8 secuencias el uso de la app sobre…

Storyboard de la interacción

A continuación se narra a través de 8 secuencias el uso de la app sobre videollamadas: contexto: hacer una videollamada con entre amigos 

1. Chica joven de 21 años esta escuchando musica en su habitación con los cascos tranquilamente, cuando de repente su amiga le llama  y se da cuenta de ello

2. Entra llamada de su amiga y tiene dos opciones aceptar la llamada de su amiga o rechazarla. Decide aceptar la llamada de su amiga para hablar con ella un rato

3. Acepta la llamada de su amiga y conversan a través de la videollamada las dos amigas. Elena decide compartir pantalla para enseñarle a su amiga unas fotos de su ultimo viaje (botón morado)

4. Abre la pantalla de compartir su propia pantalla y las diversas opciones como compartir musica, pdf, archivos…Al final decide no compartir pantalla ya que su amiga le sugiere añadir a su amigo Lucas amigo de ambas .

5. Deciden añadir a su amigo Lucas (botón añadir contacto)

6. Se abre la pantalla de añadir contactos y selecciona Elena a su amigo Lucas para que se una a la llamada con ellas y conversar con el.

7. Los tres amigos conversar y comparten vivencias a través de la videollamada

8. Finalmente deciden en conjunto finalizar la llamada: Elena finaliza la llamada dandole al botón de colgar, finalemente la app le pide a Elena que puntúe la llamada con sus amigos

 

Storyboard final

Sketching

 

 

Debate0en R5.Storyboard

No hay comentarios.

Publicado por

R4_THE CHEF REFRIGERATOR

R4_THE CHEF REFRIGERATOR
Publicado por

R4_THE CHEF REFRIGERATOR

THE CHEF REFRIGERATOR Os dejo a continuación mi propuesta relacionado con el diseño especulativo a cerca de unos nuevos refrigeradores (neveras). Concretamente…
THE CHEF REFRIGERATOR Os dejo a continuación mi propuesta relacionado con el diseño especulativo a cerca de unos nuevos…

THE CHEF REFRIGERATOR

Os dejo a continuación mi propuesta relacionado con el diseño especulativo a cerca de unos nuevos refrigeradores (neveras).

Concretamente a cerca de la implantación de nuevas cámaras inteligentes que mediante el procesamiento de imágenes analizan y ayudan a los usuarios a recetas, listas de la compra y un mayor control de la nevera, únicamente mediante las cámaras y la app.

Anuncio

Os presento una nueva forma de ver y entender las neveras.
Mediante las nuevas cámaras integrales y su app podrás estar conectado a tu nevera y que sea parte de ti.

Olvídate de pensar en recetas, disfruta de tu serie o película favorita mientras la nevera piensa lo mejor para ti y siempre bajo tus preferencias

Debate0en R4_THE CHEF REFRIGERATOR

No hay comentarios.

Publicado por

R4. Prototipo de interacción

Publicado por

R4. Prototipo de interacción

Buenas tardes, Dejo por aquí el video del prototipo de interacción que he realizado. En mi caso, he escogido como objeto un cepillo de dientes, y he imaginado los usos y aplicaciones que podría tener con un smartphone. Entrega de la actividad R4 …
Buenas tardes, Dejo por aquí el video del prototipo de interacción que he realizado. En mi caso, he escogido…

Buenas tardes,

Dejo por aquí el video del prototipo de interacción que he realizado. En mi caso, he escogido como objeto un cepillo de dientes, y he imaginado los usos y aplicaciones que podría tener con un smartphone.

Cargando...

Debate0en R4. Prototipo de interacción

No hay comentarios.

Publicado por

R4. Prototip d’interacció

Publicado por

R4. Prototip d’interacció

Bones!! Per l’activitat R4 he seleccionat el següent l’objecte no tecnologic: el vàter. S’ha creat el LabWC, un vàter connectat a una app mòbil que permet a l’usuari analitzar la seva orina per detectar possibles infeccions. Espero que us hagi agradat :) …
Bones!! Per l’activitat R4 he seleccionat el següent l’objecte no tecnologic: el vàter. S’ha creat el LabWC, un vàter…

Bones!!

Per l’activitat R4 he seleccionat el següent l’objecte no tecnologic: el vàter. S’ha creat el LabWC, un vàter connectat a una app mòbil que permet a l’usuari analitzar la seva orina per detectar possibles infeccions.

Espero que us hagi agradat :)

Debate0en R4. Prototip d’interacció

No hay comentarios.

Publicado por

R4 – Diseño especulativo – Prototipo de interacción

Publicado por

R4 – Diseño especulativo – Prototipo de interacción

  Entrega de la actividad R4 …
  Entrega de la actividad R4 …

 

Debate0en R4 – Diseño especulativo – Prototipo de interacción

No hay comentarios.