Publicado por

Prototipado de alta fidelidad

Publicado por

Prototipado de alta fidelidad

Hola a todos Una aplicación y crear un prototipo de alta fidelidad para reservar salas en la sede de Spotify. Este proceso se llevó a cabo siguiendo escenarios específicos, como la búsqueda de una sala de reuniones con ciertas características, la reserva con detalles como el número y nombre de asistentes, y la confirmación . Se e ha implementado un buscador por fecha y hora, así como una herramienta de filtros para adaptar la búsqueda a las necesidades del usuario.…
Hola a todos Una aplicación y crear un prototipo de alta fidelidad para reservar salas en la sede de…

Hola a todos

Una aplicación y crear un prototipo de alta fidelidad para reservar salas en la sede de Spotify.

Este proceso se llevó a cabo siguiendo escenarios específicos, como la búsqueda de una sala de reuniones con ciertas características, la reserva con detalles como el número y nombre de asistentes, y la confirmación .

Se e ha implementado un buscador por fecha y hora, así como una herramienta de filtros para adaptar la búsqueda a las necesidades del usuario. También se añadió una agenda para que los usuarios puedan saber a que reuniones están convocados, Además de un pequeño chat  interno dentro de la aplicación

Video

Link  de figma https://www.figma.com/file/UGz0LP2Cd8nJPeSDgwYGYi/Miguel-Angel-Fernandez-Cornejo-Prototipado-04-REC-(Copy)-(Copy)?type=design&t=pavJ5I0wsu3DFGfg-6

Debate0en Prototipado de alta fidelidad

No hay comentarios.

Publicado por

R4. Prototip d’alta fidelitat

Publicado por

R4. Prototip d’alta fidelitat

Hola, A continuació us presento el meu prototip d’alta fidelitat (Hi-FI) d’aquest últim projecte de prototipat: Disseny i prototipat d’una App de reserves per a personal d’Spotify. Adjunto l’enllaç al vídeo per tal que pugueu veuere el prototip en acció, espero que us agradi: https://youtu.be/I85BtUK5iCw A més us adjunto l’enllaç a Figma per tal que pugueu veuere amb més detall el meu treball realitzat durant aquestes últimes setmanes. L’arxiu Figma es divideix en: Portada, UI-Toolkit, prototip i test i reflexió.…
Hola, A continuació us presento el meu prototip d’alta fidelitat (Hi-FI) d’aquest últim projecte de prototipat: Disseny i prototipat…

Hola,

A continuació us presento el meu prototip d’alta fidelitat (Hi-FI) d’aquest últim projecte de prototipat: Disseny i prototipat d’una App de reserves per a personal d’Spotify.

Adjunto l’enllaç al vídeo per tal que pugueu veuere el prototip en acció, espero que us agradi: https://youtu.be/I85BtUK5iCw

A més us adjunto l’enllaç a Figma per tal que pugueu veuere amb més detall el meu treball realitzat durant aquestes últimes setmanes. L’arxiu Figma es divideix en: Portada, UI-Toolkit, prototip i test i reflexió.

Enllaç a Figma: https://www.figma.com/file/7iujjpPvuFm4V2Pxp3q7zo/Repte-4.-Adri%C3%A1n-S%C3%A1ez-Cord%C3%B3n?type=design&node-id=0%3A1&mode=design&t=vVSetFCefQvemUyK-1

Moltes gràcies,

Adrián Sáez.

 

Debate0en R4. Prototip d’alta fidelitat

No hay comentarios.

Publicado por

R4. Prototipo alta fidelidad

Publicado por

R4. Prototipo alta fidelidad

¡Muy buenas a todos! Os presento mi propuesta para el último reto de la asignatura. En primer lugar, creé un wireframe y la verdadera magia ocurrió cuando sometí el prototipo de baja fidelidad a la técnica de «pensamiento manifiesto» y tres usuarios aportaron unos insights increíbles que me llevaron a reestructurar dicho wireframe y crear un prototipo de alta fidelidad. En el archivo de figma encontrarás: el wireframe original, el test con el feedback recibido, UI kit de la sala…
¡Muy buenas a todos! Os presento mi propuesta para el último reto de la asignatura. En primer lugar, creé…

¡Muy buenas a todos! Os presento mi propuesta para el último reto de la asignatura.

En primer lugar, creé un wireframe y la verdadera magia ocurrió cuando sometí el prototipo de baja fidelidad a la técnica de «pensamiento manifiesto» y tres usuarios aportaron unos insights increíbles que me llevaron a reestructurar dicho wireframe y crear un prototipo de alta fidelidad.

En el archivo de figma encontrarás: el wireframe original, el test con el feedback recibido, UI kit de la sala de reservas, el diseño del prototipo interactivo de alta fidelidad, la reflexión y la autoevaluación.

No se trata solo de diseñar algo bonito, sino de entender realmente lo que necesitan nuestros usuarios. Y en el vídeo te contaré cómo adapté la app para satisfacer esas necesidades específicas.

¡Un saludo!

Debate0en R4. Prototipo alta fidelidad

No hay comentarios.

Publicado por

Repte 3. Objecte quotidians

Publicado por

Repte 3. Objecte quotidians

Hola companys, Per aquest repte 3 (Objectes quotidians) he fet el següent: A la primera part, he redissenyat un comandament a distància…
Hola companys, Per aquest repte 3 (Objectes quotidians) he fet el següent: A la primera part, he redissenyat un…

Hola companys,

Per aquest repte 3 (Objectes quotidians) he fet el següent:

A la primera part, he redissenyat un comandament a distància d’un monitor comercial que faig servir cada dia a la tenda on treballo. He notat moltes bretxes d’execució i d’avaluació que he modificat. Probablement, es tracta d’un comandament a distància que serveix per a molts tipus de pantalles (TV, pantalles comercials, monitors…). En aquest cas serveix per a un monitor, per això molts dels elements no serveixen per res o no estan ben estructurats.

A la segona part del repte, he analitzat la topografia de dos objectes que també utilitzo diàriament:

  1. Segell comercial
  2. Control de llums del meu cotxe

A continuació adjunto el treball fet, en format PDF.

Gràcies,

Adrián Sáez.

Debate0en Repte 3. Objecte quotidians

No hay comentarios.

Publicado por

R3. Objetos cotidianos

Publicado por

R3. Objetos cotidianos

¡Buenas! Os quiero contar mi experiencia al instalar un calefactor fijo en mi casa. Siempre habíamos tenido esos calefactores pequeños, sencillos de entender con una rueda para la potencia y otra para la temperatura. Pero hace un mes, nuestro antiguo calefactor se estropeó, y decidimos instalar uno fijo en el baño. La sorpresa llegó cuando intenté encenderlo en un día muy frío. El mando resultó ser más complicado de lo que esperaba, y me encontré evaluando su usabilidad de una…
¡Buenas! Os quiero contar mi experiencia al instalar un calefactor fijo en mi casa. Siempre habíamos tenido esos calefactores…

¡Buenas! Os quiero contar mi experiencia al instalar un calefactor fijo en mi casa. Siempre habíamos tenido esos calefactores pequeños, sencillos de entender con una rueda para la potencia y otra para la temperatura. Pero hace un mes, nuestro antiguo calefactor se estropeó, y decidimos instalar uno fijo en el baño.

La sorpresa llegó cuando intenté encenderlo en un día muy frío. El mando resultó ser más complicado de lo que esperaba, y me encontré evaluando su usabilidad de una manera que nunca había considerado antes. Les cuento, el calefactor tiene una pantalla con todas las funciones, pero la visibilidad del estado del sistema es confusa, no hay una coincidencia clara con el mundo real, y a pesar de tener aparente control durante la instalación, me quedé atascado varias veces.

En mi evaluación, destaco la falta de coherencia en los estándares de diseño, la necesidad de recordar funciones específicas y la poca flexibilidad de uso. Además, el mando no es tan estético como parece y, aunque muestra mensajes de error, no proporciona una guía clara para solucionarlos. El manual de instrucciones ayuda, pero también es complejo.

Creo que el diseño del calefactor debería simplificarse. Propongo incluir una pantalla en el mando para seguir las acciones realizadas y reducir las opciones de programación a lo esencial: encendido/apagado, temporizador, verificación de opciones, control de potencia, menos y más. Esto facilitaría mucho la vida, sobre todo para quienes tenemos problemas de visión.

En resumen, mi experiencia me lleva a pensar que el diseño de estos dispositivos podría ser mucho más amigable y funcional. ¡Gracias por escucharme!

Por otro lado comparto mi análisis del tocadiscos MT-110 B de MUSE. Este dispositivo destaca por sus funciones y conexiones, como sintonizador de FM, puerto USB y lector de vinilos. La disposición de controles es sencilla, pero algunos, como «standby» y «function», pueden causar confusión. La calidad de materiales es aceptable para su gama, aunque algunas teclas podrían ser más resistentes. La facilidad de uso puede mejorar, ya que algunas funciones resultan poco intuitivas sin el manual. En resumen, el tocadiscos ofrece prestaciones atractivas, pero con margen para mejorar la experiencia del usuario.

En el siguiente enlace tenéis acceso a mi archivo de figma.

Debate0en R3. Objetos cotidianos

No hay comentarios.

Publicado por

Prototipado Reto 3 – Objetos cotidianos

Publicado por

Prototipado Reto 3 – Objetos cotidianos

Brecha de evaluación En ocasiones, lo que parece ser un fallo evidente puede ser el resultado de una percepción completamente errónea. En…
Brecha de evaluación En ocasiones, lo que parece ser un fallo evidente puede ser el resultado de una percepción…

Brecha de evaluación

En ocasiones, lo que parece ser un fallo evidente puede ser el resultado de una percepción completamente errónea. En mi caso de estudio, pongo de ejemplo esta grapadora automática la grapadora automática fue inicialmente considerada como «rota».

En este apartado voy a explicar este caso de brecha de evaluación, analizando los motivos de por que se produjo esa brecha y como se podía haber evitado que desmontase la grapadora, para “intentar” arreglarla y acabar comprando otra nueva.

Figma

Topografía en las interfaces

La topografía de un objeto describe cómo es la organización y disposición de los diferentes elementos visuales y funcionales de un objeto. Esto puede ayudar a la compresión de como se usa un objeto y hacer que el objeto se pueda usar de forma intuitiva y eficiente.

El caso que voy analizar es un programador analógico como buen ejemplo de buena topografía de objeto
Figma

 

Debate0en Prototipado Reto 3 – Objetos cotidianos

No hay comentarios.

Publicado por

Reto 3 – Objetos cotidianos

Publicado por

Reto 3 – Objetos cotidianos

Hola a todos/as, Os dejo mi investigación sobre el caso 1 (Brecha de ejecución y evaluación) y el caso 2 (topografía) de…
Hola a todos/as, Os dejo mi investigación sobre el caso 1 (Brecha de ejecución y evaluación) y el caso…

Hola a todos/as,

Os dejo mi investigación sobre el caso 1 (Brecha de ejecución y evaluación) y el caso 2 (topografía) de objetos cotidianos. En el primer caso, he elegido un contador o medidor de electricidad prepago en el que el usuario debe aportar determinado crédito para hacer uso del suministro de electricidad en su casa. Para el segundo caso, he elegido el funcionamiento de los enchufes. Ambos sistemas muy comunes en Reino Unido (ya que es donde resido). Os dejo dos imágenes con la principal información, si deseáis explorar más en ambos casos, podéis acceder al enlace de Figma: https://www.figma.com/file/16WfVA2HMW9F2eFQdPbFhn/R3—Prototipado—GarciaVillaniJorgeAndres?type=design&node-id=0%3A1&mode=design&t=bltTcEaP6u57r7q6-1

 

Muchas gracias y feliz felices fiestas!

 

Debate0en Reto 3 – Objetos cotidianos

No hay comentarios.

Publicado por

Wireframe sala de reuniones sede Spotify

Publicado por

Wireframe sala de reuniones sede Spotify

¡Buenas a todos! en este post comparto los enlaces al trabajo desarrollado para el reto 2 de la asignatura de prototipado. En la primera parte tenéis acceso al Design System de Spotify para el cual se ha desarrollado UI Kit siguiendo el modelo de Atomic Design. En la segunda parte del trabajo tenéis acceso al prototipo de baja fidelidad interactivo del diseño de una app de reserva de sala de reuniones para la sede de Spotify y un video explicativo…
¡Buenas a todos! en este post comparto los enlaces al trabajo desarrollado para el reto 2 de la asignatura…

¡Buenas a todos! en este post comparto los enlaces al trabajo desarrollado para el reto 2 de la asignatura de prototipado.

En la primera parte tenéis acceso al Design System de Spotify para el cual se ha desarrollado UI Kit siguiendo el modelo de Atomic Design.

En la segunda parte del trabajo tenéis acceso al prototipo de baja fidelidad interactivo del diseño de una app de reserva de sala de reuniones para la sede de Spotify y un video explicativo de su uso:

Debate0en Wireframe sala de reuniones sede Spotify

No hay comentarios.

Publicado por

Reto 2 – Prototipado

Publicado por

Reto 2 – Prototipado

Buenas noches a todos/as, A continuación os comparto el Reto 2 que consiste en el design system de la aplicación Spotify para dispositivos móviles. En el primer archivo Figma encontraréis tanto el design system de Spotify como el prototipo de baja calidad para la reserva de sala de reuniones para Spotify. En la primera parte, es decir, el design system se abordan los conceptos de elementos de estilo, de interacción e iconografía. En la seguda parte, el prototipo de baja…
Buenas noches a todos/as, A continuación os comparto el Reto 2 que consiste en el design system de la…

Buenas noches a todos/as,

A continuación os comparto el Reto 2 que consiste en el design system de la aplicación Spotify para dispositivos móviles. En el primer archivo Figma encontraréis tanto el design system de Spotify como el prototipo de baja calidad para la reserva de sala de reuniones para Spotify.

En la primera parte, es decir, el design system se abordan los conceptos de elementos de estilo, de interacción e iconografía. En la seguda parte, el prototipo de baja calidad, en este encontraréis el registro y/o log in en la aplicación para despues proceder a la reserva de sala de reuniones en las que se puede elegir unas necesidades específicas y una hora y fecha determinada. Adjunto vídeo como material visual para poneros en contexto.

Muchas gracias!

Archivo Figma: https://www.figma.com/file/1CmhqGHp4Ye27Rf93z0SGs/R2—PROTOTIPADO?type=design&node-id=2%3A5&mode=design&t=NvmBUg3iO53nt8Fs-1

Vídeo:

Cargando...

Debate0en Reto 2 – Prototipado

No hay comentarios.

Publicado por

Reto 2 – Prototipado

Publicado por

Reto 2 – Prototipado

Buenas A continuación, comparto el Desafío 2, que implica la creación del sistema de diseño para la aplicación de Spotify en dispositivos móviles. En la segunda parte, se nos asignó la hipotética solicitud de desarrollar una aplicación que facilitara la reserva de salas de trabajo para los empleados de Spotify. Este escenario específico marcó el marco de trabajo para nuestra labor. Un usuario necesita agendar una sala de reuniones para 12 personas, en un momento futuro-cercano, que tenga pizarra, proyector,…
Buenas A continuación, comparto el Desafío 2, que implica la creación del sistema de diseño para la aplicación de…

Buenas

A continuación, comparto el Desafío 2, que implica la creación del sistema de diseño para la aplicación de Spotify en dispositivos móviles.

En la segunda parte, se nos asignó la hipotética solicitud de desarrollar una aplicación que facilitara la reserva de salas de trabajo para los empleados de Spotify. Este escenario específico marcó el marco de trabajo para nuestra labor.

Un usuario necesita agendar una sala de reuniones para 12 personas, en un momento futuro-cercano, que tenga pizarra, proyector, luz natural y karaoke. El usuario busca una sala de reuniones con unos requisitos concretos de capacidad y características (proyector, pizarra, karaoke, canción de bienvenida, iluminación, moderador, comida, ….o lo que se nos ocurra).

Archivo Figma:

https://www.figma.com/file/UIejODUDQltaBeW0J8I9MR/Prototipado-02-REC?type=design&mode=design&t=kXO5wouJDSUHsKNO-1

Vídeo:

 

Un saludo

Debate0en Reto 2 – Prototipado

No hay comentarios.