Publicado por

PEC 5. Diseño de Interacción: videocomunicación

Publicado por

PEC 5. Diseño de Interacción: videocomunicación

Hola chicos! Después del trabajo de las pecs anteriores os traigo el sketch y bocetado de todo el trabajo de investigación realizado…
Hola chicos! Después del trabajo de las pecs anteriores os traigo el sketch y bocetado de todo el trabajo…

Hola chicos!

Después del trabajo de las pecs anteriores os traigo el sketch y bocetado de todo el trabajo de investigación realizado en torno a las aplicaciones de videocomunicación.

Recordando un poco en qué ámbito de la videocuminicación me estaba centrando voy a hablaros de las aplicaciones de videollamadas en el ámbito del trabajo o del teletrabajo. Una actividad que la pandemia del Covid 19 puso de moda y a día de hoy ya está instaurada en nuestras vidas.

Después de los estudios con usuarios, del benchmarking y el VPC podíamos sacar las siguientes conclusiones:

  • Existía muy poca diferenciación entre unas y otras, al usuario le daba igual utilizar una aplicación u otra.
  • Las notificaciones de desconexión no funcionaban bien, muchos de ellos se quedaban hablando solos.
  • La pérdida de conexión y la descordinación del audio y vídeo suponían un problema.
  • Los usuarios agradecían que sus eventos se sincronizaran con su calendario.

A partir de estas premisas, me dispuse a realizar un Storyboard en el que Laura, nuestra protagonista, tiene que realizar una presentación para su equipo de trabajo. Mientras está presentando su compañera, Amparo, pierde la conexión y entonces la app notifica al momento a Laura para que esta pueda parar de presentar y esperar a que Amparo vuelva a la llamada.

A partir de este storyboard boceté un diseño de aplicación para escritorio.

El proceso fue realizar primero un sketch rápido en papel que después boceté como un prototipo de baja fidelidad que adjunto a continuación con textos que explican la interacción y la sucesión de las pantallas:

 

Edit: Para ver la fotografía en mayor calidad haz click aquí: https://drive.google.com/file/d/1xu0NIGZfx4YuwWTZp6QCPZgHhYsG9Nzj/view?usp=sharing

En este boceto muestro como serían las pantallas y funciones principales de la aplicación, destacando el sistema de notificaciones en el modo presentación y en la videollamada.

Una sección de calendario que los usuarios consideraban fundamental en sus aplicaciones.

Y la creación de grupos de trabajo para poder agilizar la creación de reuniones.

Espero que os guste y muchas gracias por leerme!

Debate0en PEC 5. Diseño de Interacción: videocomunicación

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

PEC 3. Value Position Canvas

Publicado por

PEC 3. Value Position Canvas

Hola chicos! Hoy os traigo mi value position canvas. Es el resultado de un trabajo de investigación con usuarios y por medio…
Hola chicos! Hoy os traigo mi value position canvas. Es el resultado de un trabajo de investigación con usuarios…

Hola chicos!

Hoy os traigo mi value position canvas. Es el resultado de un trabajo de investigación con usuarios y por medio de Benchmarking. Yo he analizado las aplicaciones de videollamadas enfocándolas al teletrabajo y a las reuniones telemáticas.

Esta PEC me ha resultado un reto pues me cuesta bastante saber como enfocar tanto las encuestas como los Benchmarking, pero poco a poco iré mejorando.

Os adjunto a continuación mi Value Position Canvas y espero que haya logrado transmitir todo el trabajo que hay detrás.

 

Además de eso, a partir de este canvas, he desarrollado una serie de mejoras que me gustaría que tuvieran las aplicaciones de reuniones telemáticas enfocadas al trabajo.  Os las dejo a continuación:

Mejoras propuestas

– Permitir que el invitado acceda sin registro.
– Creación de un plugging que permita pasar lista de los asistentes en el momento.
– Creación de un sistema de notificaciones por fallos de conexión.
– Creación de un sistema de notificaciones para abandonos o ingresos en la reunión.
– Diferenciación de las plataforma sin perder la ley de reconocer antes que recordar. Diferenciación en el producto y fidelización.
– Creación de una biblioteca de archivos.
– Creación de una interfaz intuitiva a la hora de configurar micrófono y cámara.
– Servicio de notificaciones a la hora de no tener silenciado el micrófono o la cámara.
– Incluir notificaciones sonoras.

 

Espero que os haya gustado y no dudéis en comunicarme cualquier tipo de mejora.

¡Gracias por leerme!

Debate0en PEC 3. Value Position Canvas

No hay comentarios.

Publicado por

Wireframe La Voz de Galicia

Wireframe La Voz de Galicia
Publicado por

Wireframe La Voz de Galicia

Hola, Como periódico he escogido La Voz de Galicia, un periódico que llaman «de esos de toda la vida». Su formato original…
Hola, Como periódico he escogido La Voz de Galicia, un periódico que llaman «de esos de toda la vida».…

Hola,

Como periódico he escogido La Voz de Galicia, un periódico que llaman «de esos de toda la vida».

Su formato original era en papel, pero en los últimos años se ha pasado al mundo digital, primero de manera gratuita y ahora intentan ganar suscriptores. Esto último no está saliendo todo lo bien que debería, puesto que una vez que acostumbras al usuario o inter-actor a que algo sea gratuito, es muy difícil que quiera pagarlo después si no le ofreces ninguna ventaja adicional.

¿La falta de suscripciones que provoca? Que nos encontremos una web con bastantes anuncios y que el diseño se tenga que adaptar a ella, lo mismo que pasaba en el papel con la publicidad y los módulos…

Centrándonos en el tema principal y no tanto en los anuncios, para el wireframe he escogido el diseño de la página principal de la web. Como podemos ver, hay elementos que se mantienen fijos, como la cabecera y la publicidad lateral (También existe una publicidad inferior pero esa sí permite cerrarla).

Os adjunto una captura de pantalla del scroll completo, y después el wireframe de los elementos fijos que se mantienen en todas las pantallas a medida que haces scroll, son básicamente la cabecera y la publicidad de los laterales.

Una vez que tenemos localizados los elementos fijos que se mantienen en todo momento en la pantalla, adjunto el wireframe que hice de la página de inicio. No he hecho todas las secciones porque se repiten bastante en cuanto al sistema de columnas, pero sí he realizado todas las variaciones que había.

Como podéis ver el sistema de retículas va variando en las diferentes secciones, cambian los medianiles. En cuanto al diseño mantiene bastante la esencia de uno en papel, si bien es cierto que el sistema de retícula no queda muy claro, juega con los destacados y con los filetes, como un periódico más tradicional.

En cuanto a las tipografías también hacen uso de diferentes tamaños y grosores pero utilizan un palo seco en lugar de una tipografía con serifa, esto lo hacen porque en papel es más sencillo leer las líneas con serifa porque hace de falsa línea y te permite seguir la lectura con mayor fluidez.

Lo que me desconcierta es el uso de las columnas, pero estas se van alternando de cierto modo y además yo supongo que también se hace en función de la publicidad que toque en el día.

Tampoco le encuentro ninguna lógica a nivel diseño el por qué algunos pies de página van en versalitas y otros en caja baja, pensé que podría ser por el tipo de descripción o si es el autor de la foto, pero aparentemente no tiene nada que ver.

Por último, que creo que es un punto positivo para el online, permite el uso de colores, cosa que en las tiradas de periódico no se hace porque elevan los costos.

Espero que os haya servido de ayuda mi wireframe y mi análisis sobre La Voz de Galicia.

Gracias por leerme.

 

Enlace al periódico:

La Voz de Galicia. (n.d.). Retrieved November 15, 2022, from https://www.lavozdegalicia.es/

Debate0en Wireframe La Voz de Galicia

No hay comentarios.

Publicado por

Interacciones: Mapa de experiencia

Publicado por

Interacciones: Mapa de experiencia

Para obtener la información del campo recorrido, he elegido un trayecto que realizo todos los días que consiste en ir de mi…
Para obtener la información del campo recorrido, he elegido un trayecto que realizo todos los días que consiste en…

Para obtener la información del campo recorrido, he elegido un trayecto que realizo todos los días que consiste en ir de mi casa a la parada del autobús.

Para ello interactúo con mi ascensor en un primer momento. Lo primero que hago es llamarlo, me indica mediante una luz que lo he llamado correctamente y de alguna manera, me sorprende que con ese simple gesto yo sepa que va a llegar en algún momento.

Tras esto entro en el ascensor y vuelvo a pulsar el botón que me llevará a la planta baja. El sistema es el mismo, pulso, se ilumina y así entiendo perfectamente que él entendió mi orden.

Tras esto lo que hago es mirar a la pantalla que me indica en qué piso estoy todavía, parece una tontería pero esta información me dice mucho del tiempo disponible. Además me indica si estoy bajando o subiendo.

Una vez en la calle, abro la aplicación del autobús, quiero saber de cuánto tiempo dispongo para llegar a la parada antes que el autobús.

Te abre directamente la pantalla de líneas, pudiendo acceder desde ahí a la línea que sea necesaria.

En mi caso me es más cómodo acceder a la pantalla de favoritos donde previamente he guardado las paradas a las que más recurro.

Y una vez allí le doy a la parada que necesito para obtener la información y así saber del tiempo que dispongo

Cuando llega mi autobús, lo que tengo que hacer es pagar, he grabado (muerta de vergüenza) como interactúo con la máquina de pago. Me indica que he pagado correctamente de dos maneras, por un lado hace un sonido y por otro lo muestra en la pantalla. En este caso había dinero en la tarjeta así que no ha habido ningún sonido de error.

como veis en el vídeo se puede escuchar el sonido y en la pantalla el saldo disponible.

Como conclusión puedo sacar que me sorprende que elementos tan simples como un ascensor o un autobús puedan llegar a interactuar con las personas y a hacer que estas reciban el mensaje de una manera supersimple y que prácticamente todo el mundo lo entienda.

Debate0en Interacciones: Mapa de experiencia

No hay comentarios.