222 Diseño de Int. Procesos Métodos y Técnicas 222_m4_350

2ª PARTE Prototipo de interacción

Diseño de Int. Procesos Métodos y Técnicas aula 1

Pública

Prototipo de interacción

OBJETO ESCOGIDO: Subrayador

En este experimento, exploraremos las múltiples formas en las que este objeto cotidiano puede trascender su uso convencional y convertirse en una herramienta de interacción innovadora. A través de la combinación de tecnología, creatividad y funcionalidad, descubriremos nuevas posibilidades y aplicaciones sorprendentes para el subrayador.

Prepárate para sumergirte en un mundo de experiencias únicas, donde el subrayador se convierte en mucho más que una simple herramienta de subrayado. ¡Vamos a desafiar los límites y reinventar la interacción con este fascinante objeto!

«Para ver el video de presentación, haz clic aquí»

222 Diseño de Int. Procesos Métodos y Técnicas 222_m4_350. 4. Diseño especulativo: Paradigmas de interacción

Value Proposition Canvas (VPC)

Diseño de Int. Procesos Métodos y Técnicas aula 1

Pública

En esta cuarta parte de la PEC, vamos a ordenar y analizar toda la información que hemos recopilado hasta ahora. Para ello, utilizaremos un «value proposition canvas». Este canvas nos ayudará a entender mejor a los usuarios finales de las videoconferencias, sus necesidades y motivaciones. También nos permitirá ver cómo los servicios existentes satisfacen esas necesidades. En resumen, vamos a comparar lo que los usuarios quieren con lo que ofrecen las aplicaciones que hemos analizado. Así podremos identificar las carencias y molestias que experimentan los usuarios (pains) y las satisfacciones y beneficios que obtienen (gains). También veremos cómo estas aplicaciones pueden mejorar las tareas que los usuarios realizan.

Value Proposition Canvas

Ideas para mejoras

En esta etapa, vamos a explorar posibles mejoras para nuestro producto o servicio, basándonos en la información recopilada hasta ahora.

Aumento de la interacción personal y cercanía: Para contrarrestar la falta de interacción personal y cercanía que se experimenta en las videoconferencias, las plataformas podrían implementar funciones que fomenten la participación activa de los participantes. Por ejemplo, podrían incluir herramientas interactivas para fomentar la conexión y la colaboración entre los miembros del equipo.

Promover la sensación de pertenencia y conexión: opción de fondos virtuales personalizables que reflejen la identidad y cultura de la empresa, lo que ayudará a crear un ambiente más cálido y acogedor.
Mejor integración de herramientas de colaboración: Por ejemplo la capacidad de realizar encuestas o votaciones durante las reuniones.
Espacios de colaboración virtual: donde los miembros del equipo puedan colaborar en tiempo real, realizar lluvias de ideas, compartir documentos y editarlos conjuntamente… dentro de la misma plataforma de videollamadas.
Avatar personalizado: Ofrecer la opción de crear un avatar personalizado que represente a cada miembro del equipo durante las videollamadas, permitiendo una mayor expresión personal y un sentido de identidad en línea.

Reconocer que una comunicación fluida y una colaboración sólida son fundamentales para el éxito de cualquier proyecto es esencial. Por lo tanto, mis mejoras se centrarán en eliminar las barreras que impiden una interacción eficiente y en fomentar una mayor conexión entre los miembros del equipo.

3. Diseño Centrado en el Usuario: Interacción y videocomunicación.

2.3. Wireframe de una página

Diseño de Int. Procesos Métodos y Técnicas aula 1

Pública

En la tercera parte de esta actividad, se nos solicita crear un wireframe de una página web. Decidí elegir el sitio web de National Geographic por su calidad y relevancia en el mundo de la ciencia y la exploración.

Después de analizar y comparar los principios de diseño de interacción en diferentes páginas web, opté por prototipar una de las páginas más visitadas en el sitio de National Geographic: el artículo de una expedición reciente. Para ello, estudié varias entradas y analicé su estructura, manteniendo un patrón común que se representa a continuación mediante un wireframe.

Aquí puedes ver mi wireframe en alta calidad

Para el diseño del wireframe, he utilizado una retícula de 12 columnas. En la cabecera superior, se incluyen la barra de navegación y debajo el menú principal con la barra de búsqueda y el menú en formato hamburguesa.

El cuerpo de la noticia se encuentra en la parte izquierda, y ocupa 9 de las 12 columnas de la retícula. En la parte derecha, se incluyen anuncios en color y debajo noticias relacionadas que ocupa 3 columnas de la retícula.

En general, el diseño del wireframe es muy claro y legible, con una distribución de elementos muy coherente que hace que la noticia sea fácilmente accesible para el usuario. Además, se destaca la importancia que se le da a las imágenes, ya que ocupan una parte significativa del wireframe.

Para realizar esta práctica he utilizado la herramienta Figma, ya que es la que suelo usar en mi trabajo de forma habitual.

2. Media: Medios tradicionales / Formatos digitales

PEC 2: Información de campo del recorrido

Diseño de Int. Procesos Métodos y Técnicas aula 1

Pública

Para la realización de la PEC1 he elegido el recorrido que hago habitualmente desde que termino de trabajar hasta que llego a casa. Durante el recorrido he encontrado 5 procesos de interacción. A continuación resumo los procesos que suelo hacer: Al salir del trabajo, cojo mi coche para hacer el desplazamiento a casa, como es un trayecto corto, apenas interactúo con el coche solo pongo la radio. Aparco el coche en la calle, abro la puerta del portal y subo en el ascensor a casa.

Sigue leyendo PEC 2: Información de campo del recorrido

1. Interacciones: Mapa de experiencia