Alba Jiménez Sánchez

Espacio Personal

R2_Prototipado y construcción sistémica del diseño

Para este segundo reto he realizado un pequeño UI kit de la aplicación de Spotify con todos los elementos que se nos ha pedido y posteriormente un prototipado de estos.

Para la realización de este, primero he analizado los elementos de la aplicación acompañado de una investigación para poder conocer las pautas estéticas que Spotify sigue. Tras ello he comenzado a la creación de los componentes los cuales se han dividido según el Atomic Design y posteriormente el prototipado de los que fueran necesarios.

Enlace: https://www.figma.com/file/88hP8r3MfOASEKzEmCw8kj/R2%3A-Prototipado-y-construcci%C3%B3n-sist%C3%A9mica-del-dise%C3%B1o?type=design&node-id=201%3A3&mode=design&t=nuXeQ1JT9PuEcFgv-1

Tras la realización de esto se ha pasado a la segunda fase de este proyecto que era la creación de unos Wireframes para una aplicación para que los trabajadores de Spotify puedan reservar diferentes salas de reuniones según sus características.

Para esta parte primero realice unos primeros bocetos con diferentes propuestas y finalmente seleccione los mas viables en cuanto a navegabilidad, sencillez y con mejor jerarquía en la distribución de los elementos.

Cargando...

4. Diseño especulativo: Paradigmas de interacción

1. Objeto físico.

Para este prototipo se ha optado por un objeto cotidiano en la vida de muchas personas y son los espejos.

En cuanto a las características de este objeto, son principalmente reflejar lo que estamos haciendo para poder vernos a nosotros mismos (principalmente) y esto se debe a su material, ya que al estar pulida permite después de incidir la luz reflejar.

Este objeto se usa habitualmente para cosas cotidianas como puede ser lavarse los dientes, maquillarse, peinarse, etc.

La elección de este objeto ha sido, porque por sus características y que es un objeto que disponemos casi todas las personas, puede dar juego para poder facilitar el día a día en la comunicación no presencial.

En cuanto a la hora de añadir tecnología a este objeto, se han planteado varias opciones y no solo de comunicación:

-Poder seguir tutoriales de maquillaje marcando plantillas y tú solo tienes que seguir la plantilla.

-Poder ayudarte a la elección de ropa.

-Poder comunicarte en videollamada sin preocuparte del espacio o sin tener que cargar objetos.

-Generar despachos 360º

2. Propuesta.

Debido a la pandemia, muchas empresas han optado por el teletrabajo, pero esto ha llevado a otros inconvenientes como es el caso de poder exponer, ya que tenemos un espacio limitado y una movilidad limitada.

Se propone, por tanto, la creación de espejos que sirvan para mantener videoconferencias, de esta manera te puedes mover libremente, ya sea tu oficina o tu casa, porque estos espejos con forme te mueves con el mando van cambiando la videoconferencia al espejo más cercano a ti.

¿En qué ayuda esto? Principalmente en reuniones donde se expongan prototipos o proyectos a gran escala para poder visionarlos con mayor claridad, por no mencionar también la comodidad del libre movimiento sin tener que cargar ningún objeto más que el mando que se puede llevar en el bolsillo.

Una vez llegados a este punto también nos planteamos la pregunta de ¿Cómo hacer esas videoconferencias aún más cercanas? Pues bien, gracias al material de los espejos y aprovechando el reflejo, se plantea que en estos dispositivos se pueda tener opción a generar hologramas de la persona que se encuentra al otro lado, y esto ser posible a la reflectancia y al gran espacio que dispone un espejo.

Una vez todas estas ideas relacionadas, se lleva a cabo el concepto despachos 360º. Estos serían sala de despachos para reuniones donde es difícil poder estar todos los miembros de forma presencial.

Dicha sala estaría llena de espejos y dentro de ella se encontraría lo que se quiere exponer o bien la mesa de reuniones.

Las ventajas de los hologramas es que en caso de que se esté exponiendo un proyecto a tamaño real, la persona que se encuentra al otro lado puede verlo a escala y con más detalle, ya que se podría acercar al holograma y verlo como si estuviera en persona.

También tiene la ventaja de que si quiere remarcar esa persona que está al otro lado un fallo o algo que le ha llamado la atención y hacérselo ver a la persona que está en físico con el prototipo. Solo tiene que acercarse a su holograma y señalarlo, ya que la otra persona vería el holograma de esta persona que está al otro lado y vería concretamente a que se refiere.

Por tanto, de esta manera no solo hace de la comunicación a distancia algo más cómodo y sin preocupaciones de límites o movilidad, sino que también acerca a las personas que están lejos y así hacer una comunicación más fluida y cercana.

En cuanto a la interactividad del usuario con el objeto, decir que interactúa con un pequeño mando que controla todo.

Con este mando puedes encender y apagar los diferentes espejos, coger/colgar llamadas, llamar a tus contactos, sincronizar móvil o más espejos, pedir holograma de la otra persona, subir, bajar volumen y las opciones de wifi. Este mando irá sincronizado al teléfono móvil de tal forma que la red de wifi o datos la extrae de aquí, al igual que la lista de los contactos.

PEC1: Recorrido habitual desde mi casa hasta el centro de la ciudad.

El recorrido que he elegido es el camino que hago desde mi casa hasta el centro de la ciudad, ya que no dispongo de coche y es un recorrido que tengo que hacer habitualmente, ya no solo para ir al centro de la ciudad, sino para desplazarme por ella.

1. Miro cuánto le queda al TRAM con la app.

¿Cómo lo haces? Saco el móvil del bolsillo, lo desbloqueo y abro la aplicación del TRAM. Una vez dentro seleccionas mi parada, el destino, la hora que es y el día.

Una vez sabiendo la hora de pasada, decidir si salir ya de mi casa o esperar un poco más.

¿Cómo lo sientes? Es una acción tediosa, ya que creo que deberían de aparecer los horarios al completo y no solo el siguiente que va a pasar siendo la hora que es. 

También resulta tedioso ya que normalmente esta aplicación no suele funcionar muy bien y se queda “atascada”.

¿Cómo sabes hacerlo? El día que me instalé la aplicación empecé a toquetearla para conocer su funcionamiento. A día de hoy es una acción automática, ya que la he normalizado en mi día a día.

Tipo de interacción: Instructing

Estilo de interacción: Touch

Contexto de interacción: GUI

 

2. Salgo de casa cerrando con las llaves

¿Cómo lo haces? Cojo las llaves de la mesa de la entrada y al salir cierro y posteriormente introduzco la llave en la cerradura que da a la parte exterior de la casa. 

¿Cómo lo sientes? Neutro, ya que es una acción completamente automática a la que no le doy importancia, ya que es algo que hago todos los días desde hace años.

¿Cómo sabes hacerlo? Me enseñaron el día que me dieron las llaves de mi casa y me explicaron para qué es cada una y cuantas vueltas, debo de darle a las puertas para abrirlas y cerrarlas bien.

Tipo de interacción: Manipulating

Estilo de interacción: Gesture

Contexto de interacción: Interacción tangible

 

3. Una vez que llega el tram, paso el bono.

¿Cómo lo haces? Abro mi cartera y sacó el bono. Dentro del TRAM hay unas máquinas para el control, entonces pasó el bono por dichas máquinas.

Estas máquinas te indican con un pitido y un color verde si se ha pasado correctamente o, por el contrario, con dos pitidos y una luz roja si no se ha pasado.

Además, también me indican en una pantalla cuántos viajes me quedan o cuando caduca el título.

¿Cómo lo sientes? Me siento en un estado pendiente por si el bono da error y si es así por qué.

¿Cómo sabes hacerlo? Esta acción viene dada desde mi infancia, ya que desde muy pequeña he tenido que coger el transporte público y antes de ello me enseñaron a cómo pasarla, así como identificar si ha dado error.

Tipo de interacción: Manipulating

Estilo de interacción: Gesture

Contexto de interacción: Interacción tangible

4. Presiono el botón de stop para bajar.

¿Cómo lo haces? Me levanto del asiento y me coloco enfrente de la puerta más cercana a la que da al andén. Una vez colocada, presiono el botón para indicar que tiene que parar y que en concreto tiene que abrir esa puerta. 

Una vez hecho eso no tengo que hacer nada más, ya que la puerta se abre automáticamente.

Decir que al igual que las máquinas de bono, esta puerta tiene una luz verde que se enciende para confirmar que has apretado bien el botón.

¿Cómo lo sientes? En cuanto a la interacción con el botón es neutra, pero estoy ansiosa por salir ya de la estación, ya que se forman colas.

¿Cómo sabes hacerlo? El aprendizaje vino a raíz del sistema de botones que usa el autobús en mi ciudad, es un mecanismo similar, solo que en este caso solo se encuentra en las puertas.

Tipo de interacción: Manipulating

Estilo de interacción: Gesture

Contexto de interacción: Interacción tangible

 

5. Paso los tornos con el bono

¿Cómo lo haces? Para finalmente poder salir de la estación, tengo que pasar los tornos de control.

Para llegar hasta ellos tengo que salir del TRAM y subir las escaleras mecánicas, una vez arriba debo elegir porque torno quiero salir. Antes debo fijarme cuáles son de salida y cuáles de entrada. Estos se diferencian porque los de salida tienen una flecha en verde, mientras que los de entrada una cruz en rojo.

Una vez en el torno tengo que colocar el bono en el área indicada para este y si no hay ningún error se abren las puertas automáticamente.

¿Cómo lo sientes? Generalmente, es una sensación neutra, pero muy a menudo algunos tornos están averiados (y no tienen ninguna indicación de ello) y no leen bien el bono y, por tanto, no puedes salir.

Entonces lo primero que hago es pasar el bono de nuevo y por todo el área y si aun así no la detecta, me toca volver a hacer cola en otro torno para poder salir.

¿Cómo sabes hacerlo? En los mismos tornos hay unas pegatinas con imágenes donde te explican dónde y cómo hay que colocar los bonos para poder salir, así como también te indican los tickets de papel.

Tipo de interacción: Instructing

Estilo de interacción: Gesture

Contexto de interacción: Interacción tangible

¡Bienvenidos y bienvenidas!

Pública

¡Hola!

Esta publicación se ha generado automáticamente y solo puedes verla tú.

Te presentamos tu Folio, un portafolios donde podrás publicar las PEC y las actividades de tus asignaturas, además de tus proyectos propios. Te invitamos a explorarlo y personalizarlo cambiando el tema, los colores o la imagen de cabecera.

Para personalizar tu Folio y empezar a publicar entradas, navega por la barra superior y haz clic en Añadir / Entrada o accede al Tablero, donde encontrarás el menú lateral de WordPress con todas las opciones de la herramienta.

Las publicaciones que vincules a las actividades de las asignaturas se mostrarán en el Ágora del aula. Desde allí podrás ver las publicaciones de tus compañeros y compañeras y dejar comentarios.

Te recordamos que puedes elegir el nivel de visibilidad de cada publicación: pública, protegida con contraseña, campus, aula, visible solo para el profesorado y privada.

Te dejamos un link al espacio de aprendizaje donde encontrarás todas las indicaciones básicas para actualizar tu Folio, hacer publicaciones, vincularlas a las actividades de las asignaturas y hacer entregas en el REC. ¡Échale un vistazo!

Si tienes cualquier duda, puedes ponerte en contacto con el profesorado de tu asignatura o con el servicio de atención.