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

R2_WIREFRAME «EL MUNDO»

R2_WIREFRAME «EL MUNDO»
Publicado por

R2_WIREFRAME «EL MUNDO»

A continuación muestro mi Wireframe del Reto 2. He escogido el periódico «EL MUNDO» para realizarlo     Entrega de la actividad…
A continuación muestro mi Wireframe del Reto 2. He escogido el periódico «EL MUNDO» para realizarlo     Entrega…

A continuación muestro mi Wireframe del Reto 2.
He escogido el periódico «EL MUNDO» para realizarlo

WIREFRAME "EL MUNDO"

 

 

Debate0en R2_WIREFRAME «EL MUNDO»

No hay comentarios.

Publicado por

R2 – Wireframe de una sección de la versión web de National Geographic

R2 – Wireframe de una sección de la versión web de National Geographic
Publicado por

R2 – Wireframe de una sección de la versión web de National Geographic

Para realizar el wireframe, se ha escogido la portada de Ciencia, uno de los apartados principales de la versión web de National…
Para realizar el wireframe, se ha escogido la portada de Ciencia, uno de los apartados principales de la versión…

Para realizar el wireframe, se ha escogido la portada de Ciencia, uno de los apartados principales de la versión web de National Geographic. La herramienta escogida para elaborar el prototipo de baja fidelidad ha sido el software Figma. (Captura de pantalla de la página original, por si dejara de estar accesible o cambiara mucho).

Se ha trabajado en monocromo. Una peculiaridad de este wireframe es el uso de una tipografía que simula garabatos para representar los diferentes textos (titulares, subtítulos, resúmenes, enlaces, etiquetas y texto de los botones). Los anuncios se han obviado y no se contemplan como contenido.

Debate0en R2 – Wireframe de una sección de la versión web de National Geographic

No hay comentarios.