Publicado por

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

Publicado por

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

¡Hola a tod@s! A continuación les presento el Storyboard de las secuencias de interacción de la aplicación. Luego las pantallas e  interacciones…
¡Hola a tod@s! A continuación les presento el Storyboard de las secuencias de interacción de la aplicación. Luego las…

¡Hola a tod@s!

A continuación les presento el Storyboard de las secuencias de interacción de la aplicación. Luego las pantallas e  interacciones más importantes de la aplicación.

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

No hay comentarios.

Publicado por

Diseño especulativo: Paradigmas de interacción

Publicado por

Diseño especulativo: Paradigmas de interacción

Hola a tod@s! Prototipo de interacción. El nuevo producto que diseñé se llama Holo-Call, es un sistema que permite la comunicación por…
Hola a tod@s! Prototipo de interacción. El nuevo producto que diseñé se llama Holo-Call, es un sistema que permite…

Hola a tod@s!

Prototipo de interacción.

El nuevo producto que diseñé se llama Holo-Call, es un sistema que permite la comunicación por medio de hologramas y de voz. Es importante que tanto el emisor como el receptor tengan el sistema para la comunicación por medio de Hologramas.

El sistema es circular, permite una fácil transportación, es liviano y muy fácil de utilizar.

Debe estar conectado a internet y su batería tiene una duración de 48 horas. La recarga es por medio de un cable USB y tiene una duración de aproximadamente 45 minutos.
En la parte frontal el sistema cuenta con un botón de encendido y apagado, un botón para contestar y realizar llamadas, una cámara y un display táctil, el cual permite navegar en el menú por medio de interacción con los dedos.
En la parte posterior cuenta con un display táctil que permite subir o bajar la intensidad de el holograma por medio de la interacción con los dedos. Un micrófono, un altavoz y cinco LEDs que producen el holograma.

Video explicativo:

 

Interacciones:

 

 

 

Debate0en Diseño especulativo: Paradigmas de interacción

No hay comentarios.

Publicado por

Value Proposition Canvas

Publicado por

Value Proposition Canvas

¡Hola a tod@s! Les comparto aquí mi Value Proposition Canvas. Lista de mejoras: Extender el servicio a video conferencias. Así tendrá una…
¡Hola a tod@s! Les comparto aquí mi Value Proposition Canvas. Lista de mejoras: Extender el servicio a video conferencias.…

¡Hola a tod@s!

Les comparto aquí mi Value Proposition Canvas.

Lista de mejoras:

Extender el servicio a video conferencias. Así tendrá una característica más que los productos ya existentes en el mercado.
Crear paquetes gratis y de pago con más funciones.
Tener un manejo de datos transparente y ser amigable con el medio ambiente. Compensación CO2
Debe ser un sistema ágil y fiable. El sistema se debe adaptar a los distintos contextos de conexión.
El sistema debe tener interacciones que no estén en el mercado (Innovar).
Debe poder ajustar la calidad del video dependiendo de las condiciones de la conexión.
El sistema debe utilizar la tecnología más actual en los países industrializados y tecnología fiable en el resto del mundo.

Debate0en Value Proposition Canvas

No hay comentarios.

Publicado por

Wireframe: Medios tradicionales / Formatos digitales

Publicado por

Wireframe: Medios tradicionales / Formatos digitales

Hola a tod@s! Para esta PEC realicé el Wireframe de la web (desktop) del diario Extra. Es un diario a nivel nacional con el segundo tiraje mas grande del Ecuador. Escogí este medio a pesar de ser amarillista y no estar de acuerdo con sus prácticas. Pienso que se puede ser más crítico, cuando no eres lector del diario y no estas acostumbrado a la forma de hacer periodismo de ese medio. Analizando los 3 formatos de este medio, cabe…
Hola a tod@s! Para esta PEC realicé el Wireframe de la web (desktop) del diario Extra. Es un diario…

Hola a tod@s!

Para esta PEC realicé el Wireframe de la web (desktop) del diario Extra.
Es un diario a nivel nacional con el segundo tiraje mas grande del Ecuador.

Escogí este medio a pesar de ser amarillista y no estar de acuerdo con sus prácticas. Pienso que se puede ser más crítico, cuando no eres lector del diario y no estas acostumbrado a la forma de hacer periodismo de ese medio.

Analizando los 3 formatos de este medio, cabe recalcar que la versión Mobile es la más acertada y la que más se acerca a los principios visuales del diseño.

El Layout del Wireframe tiene una disposición de 12 columnas y márgenes amplios para publicidad.

Debate0en Wireframe: Medios tradicionales / Formatos digitales

No hay comentarios.

Publicado por

PEC1: Recorrido al supermercado y sus sistemas de interacción.

Publicado por

PEC1: Recorrido al supermercado y sus sistemas de interacción.

El recorrido que realicé para la recolección de datos fue ir de compras al supermercado. Empecé por revisar mi lista de compras,…
El recorrido que realicé para la recolección de datos fue ir de compras al supermercado. Empecé por revisar mi…

El recorrido que realicé para la recolección de datos fue ir de compras al supermercado. Empecé por revisar mi lista de compras, buscar la ruta más cercana en Google Maps, hacer la compra y finalmente pagar en la caja automática. El recorrido lo realicé a las diez de la mañana y tuvo una duración de treinta minutos.

En mi recorrido identifique 3 sistemas de interacción:
A. Revisar mi lista de compras con Alexa.
B. Buscar la ruta en Google Maps.
C. Pagar en la caja automática.

A. Revisar mi lista de compras con Alexa.

 

Cómo lo hago?
1. Le doy una orden a Alexa “Alexa, dime la lista de compras”
2. Alexa me responde
3. Dependiendo cuanto tenga que comprar, llevo una bolsa o mi mochila.
4. Reviso en la app y voy tachando las cosas de la lista que consigo.

Cómo lo percibo?
Sencillo y seguro. La interacción me parece muy fácil, estoy seguro que no olvido nada porque según necesito algo, lo voy agregando a mi lista de compras. También puedo mirar la lista desde la app si la llegara a olvidar.

Cómo lo sé hacer?
Fui explorando la app de Alexa y aprendí a agregar productos por voz o manualmente en la app. Ahora utilizo el app o las ordenes intuitivamente.

Tipo de interacción: Conversing – Instructing.
Estilo de interacción: Speech – Touch.
Contexto de interacción: Natural User Interface – Graphical User Interface.

 

B. Buscar la ruta al supermercado en Google Maps.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Cómo lo hago?
1. Abro la app.
2. Busco un supermercado cerca.
3. Elijo la ruta en auto y me dirijo del Punto A al B.
4. Llego al punto B que es mi destino.

Cómo lo percibo?
Sencillo práctico y rápido. La interacción me parece muy sencilla y intuitiva. Utilizo esta aplicación casi todos los días y me perece una forma rápido y segura de encontrar la mejor ruta, sin contratiempos. Por ejemplo: bloqueos, tráfico o construcciones.

Cómo lo sé hacer?
La app de Google me parece muy intuitiva y la uso mucho. La experiencia y el continuo desarrollo de la app son importantes para su utilización.

Tipo de interacción: Instructing – Exploring
Estilo de interacción: Touch – Gesture
Contexto de interacción: Graphical User Interface

 

C. Pago en la caja automática del supermercado.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Cómo lo hago?
1. Pongo los productos en la parte izquierda de la caja.
2. Sigo las instrucciones de voz.
3. Escaneo los productos y los deposito en la parte derecha.
4. Pago.
5. Recibo mi factura.

Cómo lo percibo?
Practico y rápido. Me ahorro mucho tiempo al no hacer la cola en la caja normal. El sistema es muy intuitivo pero tiene que mejorar en el reconocimiento de productos sin código de barra.

Cómo lo sé hacer?
En la introducción de las maquinas en la tienda, una cajera se encargaba de enseñar las funciones y características de su uso.

 

Tipo de interacción: Instructing – Conversing – Exploring.
Estilo de interacción: Typing – Speech – Touch.
Contexto de interacción: Graphical User Interface.

 

Bibliografía:
Greenberg, Saul. Sketching user experiences: The workbook. 2012, Editorial: Waltham, Mass: Morgan Kaufmann ISBN: 9780123819611. [en línea] [consulta: 14.10.22].Disponible en: https://discovery.biblioteca.uoc.edu/permalink/34CSUC_UOC/1asfcbc/alma991000589579706712

Romualdo Gondomar Miñana, Cuaderno de Diseño de interacción. Barcelona UOC, Febrero 2021. [consulta: 16.10.22]. Disponible en: http://quadern-disseny-interaccio.recursos.uoc.edu/es/

Design Toolkit Observación contextual Métodos [en línea] [consulta: 17.10.22]. Disponible en: http://design-toolkit.uoc.edu/es/observacion-contextual/

Design Toolkit Observación contextual Guía [en línea] [consulta: 17.10.22]. Disponible en: http://design-toolkit.uoc.edu/es/guia/observacion-contextual/

Michael Seifert. Natural User Interfaces. [en línea] [consulta: 15.10.22].Disponible en: https://discovery.biblioteca.uoc.edu/permalink/34CSUC_UOC/1asfcbc/alma991000589579706712

Fotos y Screenshots utilizados: Google Maps, Rewe y Alexa app

 

Debate0en PEC1: Recorrido al supermercado y sus sistemas de interacción.

No hay comentarios.