Publicado por

PEC.05 Diseño de Interacción

Publicado por

PEC.05 Diseño de Interacción

VIDEOCOMUNICACIÓN Para la última actividad de la asignatura, con todos los datos recopilados durante la evolución del proyecto (benchmarking, encuestas, canvas…) se ha recopilado y analizado suficiente información para crear un prototipo de baja fidelidad del servicio de video comunicación. Antes de empezar a bocetar el prototipo, se ha utilizado la técnica del storyboard para ilustrar la experiencia del usuario en el uso del producto. A continuación, podemos ver las ilustraciones del storyboard y el diseño del prototipo de baja fidelidad.…
VIDEOCOMUNICACIÓN Para la última actividad de la asignatura, con todos los datos recopilados durante la evolución del proyecto (benchmarking,…

VIDEOCOMUNICACIÓN

Para la última actividad de la asignatura, con todos los datos recopilados durante la evolución del proyecto (benchmarking, encuestas, canvas…) se ha recopilado y analizado suficiente información para crear un prototipo de baja fidelidad del servicio de video comunicación.

Antes de empezar a bocetar el prototipo, se ha utilizado la técnica del storyboard para ilustrar la experiencia del usuario en el uso del producto.

A continuación, podemos ver las ilustraciones del storyboard y el diseño del prototipo de baja fidelidad.

 

Espero que hayais disfrutado del transcurso del proyecto tanto como yo! Muchas gracias por llegar hasta aquí.

Nos vemos pronto :)

Debate1en PEC.05 Diseño de Interacción

Publicado por

PEC.03 Diseño de Interacción

Publicado por

PEC.03 Diseño de Interacción

DISEÑO CENTRADO EN EL USUARIO: INTERACCIÓN Y VIDEOCOMUNICACIÓN Con tercera práctica de la asignatura hemos tratado de empatizar con los usuarios y ofrecerles los estilos de interacción más adecuados estudiando los mecanismos que dirigen las actividades de las personas: atención, procesamiento de información y toma de decisiones. Para ello, se ha llevado a cavo la investigación de los elementos clave de la comunicación en un contexto de relaciones sociales a distancia (por medio de videollamadas). Esta investigación se comienza con…
DISEÑO CENTRADO EN EL USUARIO: INTERACCIÓN Y VIDEOCOMUNICACIÓN Con tercera práctica de la asignatura hemos tratado de empatizar con…

DISEÑO CENTRADO EN EL USUARIO: INTERACCIÓN Y VIDEOCOMUNICACIÓN

Con tercera práctica de la asignatura hemos tratado de empatizar con los usuarios y ofrecerles los estilos de interacción más adecuados estudiando los mecanismos que dirigen las actividades de las personas: atención, procesamiento de información y toma de decisiones.

Para ello, se ha llevado a cavo la investigación de los elementos clave de la comunicación en un contexto de relaciones sociales a distancia (por medio de videollamadas). Esta investigación se comienza con un estudio del perfil del usuario, construcción de una encuesta y análisis y síntesis de los resultados. Una vez superada la encuesta pasamos a estudiar el estado del arte para conocer los productos y servicios existentes el mercado. Una vez analizadas las características de los competidores a partir del benchmarking.

Una vez recogida toda esta información, es momento de estructurarla para poder encontrar los requerimientos de usuario y de diseño, para ello utilizaremos la técnica del Value Proposition Canvas.

La propuesta de Canvas se puede observar aquí abajo:

Debate0en PEC.03 Diseño de Interacción

No hay comentarios.

Publicado por

PEC.02 Diseño de Interacción

Publicado por

PEC.02 Diseño de Interacción

MEDIOS TRADICIONALES / FORMATOS DIGITALES WIREFRAME Para la segunda actividad de la asignatura de diseño de interacción, nos hemos familiarizado con el diseño de interacción en un contexto socio cultural. También hemos aprendido acerca de la historia del diseño, como afecta a los usuarios y su poder de transformación e influencia sobre ellos. El diseño, al fin y al cabo, conlleva una gran responsabilidad y es nuestro deber como diseñadores la realización de buenos diseños para futuros usuarios e interactores.…
MEDIOS TRADICIONALES / FORMATOS DIGITALES WIREFRAME Para la segunda actividad de la asignatura de diseño de interacción, nos hemos…

MEDIOS TRADICIONALES / FORMATOS DIGITALES

WIREFRAME

Para la segunda actividad de la asignatura de diseño de interacción, nos hemos familiarizado con el diseño de interacción en un contexto socio cultural. También hemos aprendido acerca de la historia del diseño, como afecta a los usuarios y su poder de transformación e influencia sobre ellos. El diseño, al fin y al cabo, conlleva una gran responsabilidad y es nuestro deber como diseñadores la realización de buenos diseños para futuros usuarios e interactores.

Después de analizar los tres formatos disponibles de un medio de comunicación (periódico «El País» en mi caso), se ha llevado a cabo un análisis tanto de los elementos de organización visual como de los principios relacionados con el diseño de interacción. Una vez analizada la información se ha clasificado en forma de tabla, evaluando los dos formatos digitales (web y app) y el formato físico en papel, y se han obtenido determinadas conclusiones.

La tercera parte de esta actividad consistía en la construcción de wireframe de baja fidelidad de una de estas páginas o pantallas. En mi caso, he escogido la pantalla principal o home de la versión de escritorio del periódico digital. En ella, se distinguen las diferentes noticias destacadas del cada día, estructuradas y alineadas de manera minimalista y clara. A continuación, se puede visualizar mi boceto del wireframe de la página principal:

Debate0en PEC.02 Diseño de Interacción

No hay comentarios.

Publicado por

PEC.01 Diseño de Interacción

Publicado por

PEC.01 Diseño de Interacción

MAPEO DE EXPERIENCIAS En esta parte de la entrega de la PEC.01 he querido analizar el recorrido que realizo todos los días…
MAPEO DE EXPERIENCIAS En esta parte de la entrega de la PEC.01 he querido analizar el recorrido que realizo…

MAPEO DE EXPERIENCIAS

En esta parte de la entrega de la PEC.01 he querido analizar el recorrido que realizo todos los días a la hora de la comida en el trabajo, desde que salgo por la puerta de mi planta hasta que me como la comida comprada en el super y vuelvo de nuevo, analizando todas las interacciones que realizo por el camino.

Lo he separado en 7 fase fundamentales y en cada una de ella se realiza más o menos una interacción que marcaré en negrita. Las fases son las siguientes:

1. Llegar hasta la puerta de la planta. Suspendo el ordenador, me levanto de mi puesto, cojo la tarjeta de identificación  y me dirijo hacia la primera puerta por la que tengo que pasarla. La pongo en el sensor y veo la luz verde (pienso: puedo salir). En la esquina izquierda de la puerta se acciona el mecanismo que la abre y salgo a los ascensores. (Es necesario aclarar que este sistema no sirve como fichaje, simplemente funciona como identificador, para que las puertas solo se abran a trabajadores de esta planta por motivos de seguridad).

2. Bajar a la planta 0. Llamo al ascensor (la interacción se realiza a través de un botón) y hay unas flechas encima de la puerta que se iluminan con el sentido (arriba o abajo) que lleva el ascensor. Espero a que llegue uno que baje y entro (pienso que puedo encontrarme con una persona o no, pero eso no depende de mí).

3. Fichaje en tornos. Llego a la planta 0 donde se encuentran los tornos donde tengo que fichar para contabilizar los minutos de comida. Paso la tarjeta por el lector, los tornos tienen una pantalla donde aparece mi nombre completo y apellidos y la hora de salida una vez has acercado la tarjeta (pienso en la hora que es ahora y la hora a la que tengo que volver, el tiempo justo que tengo para comer).

4. Camino al supermercado. Salgo por la puerta del edificio y después de unos 5 minutos caminando llego al súper. Durante este camino, los pensamientos se centran en qué voy a comer hoy, normalmente. También intento relajarme un poco ya que es mi hora de descanso, evitando los pensamientos sobre el trabajo.

5. Compra de la comida. Elijo la comida del día en el supermercado, elijo las cajas de autoservicio porque suelen ir más rápido. Estas cajas tienen una pantalla táctil y un lector de código de barras. Paso los productos por el lector y automáticamente puedo ver en la pantalla una lista con todos ellos, su precio y el total de la compra. En la interacción con la pantalla tengo que finalizar la compra eligiendo el modo de pago (decido si quiero pagar con efectivo o con tarjeta), antes me pregunta si tengo tarjeta de fidelización del súper (pienso que quizás debería hacérmela) y una vez pasada por el lector pago con mi teléfono móvil (ya que sacar el móvil en estos momentos me resulta más cómodo que encontrar la cartera donde tengo la tarjeta). La máquina de autoservicio imprime mi ticket de compra y salgo del supermercado.

6. Comer. Decido si me quedo a comer en el súper o voy a comer al parque. Esta decisión depende de diversos factores como el tiempo que haga ese día o si alguien me acompaña a comer, por ejemplo.

7. Camino de vuelta. De vuelta a la oficina se realizan las tres interacciones definidas anteriormente de nuevo, pero en sentido inverso (primero el fichaje en el torno, después ascensor y, por último, lectura de tarjeta para que se abra la puerta de mi planta).

Debate0en PEC.01 Diseño de Interacción

No hay comentarios.

Publicado por

Interfaces

Publicado por

Interfaces

Una de las interfaces con las que más interactúo y que me parecen más eficaces en el ámbito de su diseño es…
Una de las interfaces con las que más interactúo y que me parecen más eficaces en el ámbito de…

Una de las interfaces con las que más interactúo y que me parecen más eficaces en el ámbito de su diseño es la de la aplicación Spotify. Dejando a un lado la capacidad para almacenar y estructurar los datos e información (y hacer recomendaciones acordes a tus gusta), cosa que me fascina, también me llama mucho la atención en cuanto a diseño de interfaz.

Todos los datos están bien estructurados, es fácil encontrar canciones o álbumes nuevos dependiendo del género, estado de ánimo, etc… la distribución de la información es completamente visual, lo que hace muy sencillo encontrar lo que buscar de unas pocas pasadas. Además, creo que han conseguido, con las últimas actualizaciones, una gran armonía visual en cuanto a colores y formas orgánicas.

Por otro lado, en contraposición a todo esto, diariamente me enfrento a una de las interfaces menos intuitivas y visualmente agradables. Esta es la interfaz de la intranet de la empresa en la que actualmente trabajo (que es absolutamente un caos).

La información está mal distribuida, tenemos íconos y fotos pixeladas, ninguna armonía de color… en fin, para mí, un caos absoluto para los tiempos en los que vivimos.

 

Debate0en Interfaces

No hay comentarios.