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

Para la actividad R4 de diseño especulativo se ha seleccionado el objeto no técnológico: espejo.  Se ha creado con el Moda Mirror el nuevo asesor de moda virtual donde el usuario se podría ver reflejado en el propio espejo sugiriéndole looks  a partir de sus prendas escaneadas con la app de Moda Mirror , ademas este nuevo asesor te mostrara las ultimas tendencias 

Hoy en día la comunicación online es cada vez mas importante por ello más que mejoras se debe seguir manteniendo puntos fundaméntales como; buena calidad de imagen y audio y cada vez ir resolviendo puntos que consigan que el producto digital ofrezca tener una conexión estable, sin estos puntos no hay nada.

A parte de esos dos puntos básicos para tener una experiencia satisfactoria en la conversación online se puede incluir las siguientes mejoras : 

• Funciones de Colaboración: Incorporación de herramientas de colaboración, como la capacidad de compartir pantalla, anotaciones en tiempo real y herramientas de pizarra, para facilitar la colaboración durante las reuniones virtuales.
• Videollamadas Grupales Mejoradas: ampliación de la capacidad de videollamadas grupales, permitiendo un mayor número de participantes y mejorando la experiencia en llamadas con muchos usuarios.
• Personalización y Entretenimiento: añadido de funciones de personalización, como fondos virtuales y efectos de cámara, para hacer que las videollamadas sean más divertidas y expresivas.
• Creación de salas , para la comunicación con otros usuarios con los mismos intereses

Parte 3 de PEC 2: Wireframe de una pagina

Para realizar este ejercicio he decido elegir el periodico autonómico «Heraldo de Aragón», es un medio que representa y cubre las noticias de la comunidad autónoma Aragón , en la que he nacido y crecido con este medio. Durante el ejercicio me di cuenta que este medio del que no tengo una opinión en concreto tiene bastante margen de mejora en cuanto a su interfaz sobre todo en la web.  La información no esta bien clasificada , hay un exceso de publicidad que causa desconfianza al lector, secciones a mejorar en cuanto distribución…etc.

Para este ejercicio elegí la sección de opinión dado que es una sección que ami en lo personal me gusta leer para ver diferentes puntos de vistas , análisis , artículos de reflexión…etc. Aquí adjunto la sección tal como esta con su wireframe

Como se puede observar la sección es demasiado larga, las imágenes no se aprecian bien, no hay jerarquía de texto, menú de navegación se pierde con el resto de información…todo bastante a mejorar.

Creación de Wireframe personal

Me he permitido crear un wireframe como yo personalmente distribuiría esta sección de opinión que tanto juego puede dar de cara al lector. Adjunto aquí el wireframe normal y explicado

A continuación relato detalladamente los sistemas de interacción que se dieron en un caso real.  El objetivo era llegar a tiempo a una entrevista para realizar las prácticas de mi anterior grado superior

Objetivo : Llegar a tiempo a una entrevista de trabajo

1. Paso.  Sistema de interacción digital «Saber detalles entrevista»

Abrir whatsapp en el móvil y revisar los detalles de la entrevista (sistema digital ). Desde el link del mensaje clico y me lleva a la app de google maps donde puede hacer zoom para visualizar mejor la ubicación

2. Paso. Sistema de interacción digital «Localizar y reservar un coche cabify»

Abrir la app de cabify , introducir destino  y seleccionar ruta (touch) (se puede ampliar la ruta para verla con exactitud y seleccionar método de pago con tarjeta o en efectivo (en este caso efectivo) y Clicar en “Pedir ahora” y esperar a que llegue el coche la app proporciona un minijuego para que se haga mas amena la espera

3. Paso «Esperar  a que llegue el cabify»

Subir al coche cuando veo la matrícula del coche que me indica en la app

4. Paso «Interaccionar con el conductor»

Cuando estoy en el coche de cabify se produce una conversación mutua de ambos , cuando llego a mi destino pago con dinero en efectivo al conductor.

Automáticamente finaliza el trayecto en la app pidiéndome valorar al conductor