Publicado por

PEC 1 – Prototipado

Publicado por

PEC 1 – Prototipado

Hola a tod@s. Aquí tienen mi entrega de esta PEC. Me costó un poco realizar la actividad ya que no estoy acostumbrado…
Hola a tod@s. Aquí tienen mi entrega de esta PEC. Me costó un poco realizar la actividad ya que…

Hola a tod@s.

Aquí tienen mi entrega de esta PEC. Me costó un poco realizar la actividad ya que no estoy acostumbrado a utilizar programas como Figma, pero logré terminar el prototipo. En este caso es un prototipo de la versión móvil de Spotify al reproducir la canción «Give it away» de Red Hot Chilli Peppers. Abajo quedan dos imágenes estáticas del prototipo; y mas abajo un link al archivo del prototipo en Figma.

Archivo de Figma: https://drive.google.com/file/d/13C1GKdE3OVDFw_X2fbaoDCdTFRmPkOG1/view?usp=drive_link

Debate0en PEC 1 – Prototipado

No hay comentarios.

Publicado por

PEC 4 Evaluación de la usabilidad y caso de estudio

PEC 4  Evaluación de la usabilidad y caso de estudio
Publicado por

PEC 4 Evaluación de la usabilidad y caso de estudio

Hola a todos, Aquí dejo la última parte de este trabajo que ha durado todo un cuatrimestre. Presento aquí el prototipo final…
Hola a todos, Aquí dejo la última parte de este trabajo que ha durado todo un cuatrimestre. Presento aquí…

Hola a todos,

Aquí dejo la última parte de este trabajo que ha durado todo un cuatrimestre.

Presento aquí el prototipo final de la aplicación de reserva de aparcamiento y desbloqueo de puerta, después de haber realizado una evaluación de la usabilidad con la técnica Thinking aloud. Las conclusiones extraídas de esta evaluación han permitido realizar cambios de mejora en este último prototipo:

Enlace a prototipo final

Cargando...

Os dejo el enlace al video presentación comentando los cambios realizados:

Video presentación

¡Saludos!

Debate0en PEC 4 Evaluación de la usabilidad y caso de estudio

No hay comentarios.

Publicado por

PEC 3. Diseño centrado en el usuario en los objetos cotidianos

PEC 3. Diseño centrado en el usuario en los objetos cotidianos
Publicado por

PEC 3. Diseño centrado en el usuario en los objetos cotidianos

Esta práctica consiste en el análisis y rediseño de una interfaz analógica común, como puede ser una máquina expendedora de bebidas y…
Esta práctica consiste en el análisis y rediseño de una interfaz analógica común, como puede ser una máquina expendedora…

Esta práctica consiste en el análisis y rediseño de una interfaz analógica común, como puede ser una máquina expendedora de bebidas y sandwiches.
En mi caso, he seleccionado la máquina de un centro polideportivo municipal muy concurrido, al que acuden vecinos de todo tipo, niños, familias, personas mayores y deportistas. Es decir, usuarios con diferentes niveles de desenvoltura con las interfaces analógicas y digitales.

He podido realizar dos evaluaciones contextuales con dos usuarios cuyos perfiles no eran muy diferentes, por coincidir en rango de edad y familiaridad con la tecnología. Sin embargo, he analizado el prototipo en profundidad a posteriori, de tal manera que la propuesta ha dado lugar a tres versiones diferentes durante el proceso y tres flujos de interacción del proceso de pago.

Por último, me gustaría puntualizar que para que el sistema sea completamente accesible, también se debería incluir interfaz de voz que guíe los procesos a aquellos usuarios que tienen problemas importante de visión. Las pantallas de estos dispositivos no suelen ser muy grandes y no todo el mundo puede adaptarse a ellas, sobre todo en un entorno en el concurren usuarios de todo tipo de perfiles.

Aquí se puede acceder al video de la propuesta final:

Video de prototipo

Aquí se puede acceder a la memoria del proyecto:

Memoria del proyecto

 

Debate0en PEC 3. Diseño centrado en el usuario en los objetos cotidianos

No hay comentarios.

Publicado por

PEC 2: diseño y sistematización de una interfaz gráfica

PEC 2: diseño y sistematización de una interfaz gráfica
Publicado por

PEC 2: diseño y sistematización de una interfaz gráfica

Hola a todos, Antes de empezar he imaginado el perfil de usuario y el escenario siguientes: podría ser mujer de mediana edad…
Hola a todos, Antes de empezar he imaginado el perfil de usuario y el escenario siguientes: podría ser mujer…

Hola a todos,

Antes de empezar he imaginado el perfil de usuario y el escenario siguientes: podría ser mujer de mediana edad y deportista, le gusta la bici de carretera y le gusta utilizarla como medio de transporte para ir a la oficina.
Sin embargo, tiene miedo de que se la roben. Aunque hay un garaje en el edificio, para acceder a él tiene que pedir varios permisos que requieren tiempo, porque en esa empresa está todo muy jerarquizado.
Por eso es reticente a utilizarla tanto como le gustaría. Cuando se entera de la posibilidad de aparcar su bici de forma segura gracias al ayuntamiento, no se lo piensa dos veces y se descarga la aplicación para instalarla y estudiar posibles zonas.
Ella prefiere una aplicación porque así accede directamente a lo que necesita, sin tener que buscar la página en internet.

Por tanto, he decidido diseñar el prototipo de una aplicación de móvil, no la plataforma web a la que se accedería después de registrarse.Página home de prototipo de aplicación de reserva de aparcamiento

He intentado que fuera lo más sencilla posible, porque el perfil de usuario es aquél propio de personas que utilizan la tecnología por necesidad, para mejorar su calidad de vida, pero no les gusta dedicarle mucho más del tiempo necesario.
Es decir, debe ser una interfaz extremadamente utilitaria, clara y concisa. Por tanto, la página home directamente un mapa de localización de los aparcamientos más cercanos según la geolocalización del usuario.
También se da la opción de ver las posibilidades a través de un listado posteriormente, si se prefiere.

Aquí dejo los siguientes enlaces:

Enlace a prototipo de Figma

Video del prototipo de reservas

 

Debate0en PEC 2: diseño y sistematización de una interfaz gráfica

No hay comentarios.

Publicado por

Prototipos (Movil, Tablet, PC) de la Web BIKI

Publicado por

Prototipos (Movil, Tablet, PC) de la Web BIKI

Hola, aquí dejo mi publicación de los prototipos de la web BIKI. Me disculpo por hacer la entrega tan tarde. En si…
Hola, aquí dejo mi publicación de los prototipos de la web BIKI. Me disculpo por hacer la entrega tan…

Hola, aquí dejo mi publicación de los prototipos de la web BIKI.

Me disculpo por hacer la entrega tan tarde.

En si la actividad consistía en hacer prototipos de la pagina Web del servicio de bicicletas de Valladolid: BIKI. He realizado los diseños para en tres breakpoints distintos: PC, Tablet y Móvil, en conjunto con el Kit UI que recopila los principales elementos con los que se ha realizado la Web. También he realizado un video que muestra el funcionamiento del prototipo de PC.

Dejo una imagen del prototipo móvil y también el link al documento de Figma.

Link: https://www.figma.com/file/Jr9NfzIfyNJfYTVNmB9DH2/Untitled?node-id=11%3A296&t=nsZfemaPGw5RFbUW-1

Aquí está el video:

Debate0en Prototipos (Movil, Tablet, PC) de la Web BIKI

No hay comentarios.

Publicado por

PEC 1: Deconstrucción de una interfaz gráfica

PEC 1: Deconstrucción de una interfaz gráfica
Publicado por

PEC 1: Deconstrucción de una interfaz gráfica

Hola a todos, Aquí dejo mi propuesta. Yo ya he trabajado con Figma anteriormente y esta práctica no me ha resultado demasiado…
Hola a todos, Aquí dejo mi propuesta. Yo ya he trabajado con Figma anteriormente y esta práctica no me…

Hola a todos,

Aquí dejo mi propuesta.

Yo ya he trabajado con Figma anteriormente y esta práctica no me ha resultado demasiado difícil, aunque sí me he liado algo con la nomenclatura y la catalogación de los diferentes componentes.

Lo más difícil para mí siempre ha sido entender cómo estructurar el archivo de forma clara. Figma me recuerda mucho al antiguo Flash, que en paz descanse (actual Animate), por medio de capas de cebolla. Si no desarroVisualización del prototipo de la web de BIKI en tabletllas bien la primera capa el sistema se romperá fácilmente. Supongo que eso es intrínseco al diseño del sistema.

En esta ocasión, me he atrevido incluso a añadir las interactividades desde las variantes de los componentes, lo cual ha simplificado bastante el trabajo.

A nivel diseño, maquetación, y otras cuestiones técnicas como obtención del kit de iconos, colores, breakpoints no he tenido problemas. La funcionalidad del autolayout, si se sabe usar bien (lo cual me ha llevado mucho tiempo), simplifica muchísimo el trabajo.

Aquí dejo los siguientes enlaces:

Prototipo en Figma

Video del prototipo

 

 

Debate0en PEC 1: Deconstrucción de una interfaz gráfica

No hay comentarios.

Publicado por

¡Bienvenidos y bienvenidas!

¡Bienvenidos y bienvenidas!
Publicado por

¡Bienvenidos y bienvenidas!

¡Hola! Esta publicación se ha generado automáticamente en el Ágora. Te encuentras en el Ágora de la asignatura. En este espacio se…
¡Hola! Esta publicación se ha generado automáticamente en el Ágora. Te encuentras en el Ágora de la asignatura. En…

¡Hola!

Esta publicación se ha generado automáticamente en el Ágora.

Te encuentras en el Ágora de la asignatura. En este espacio se recogerán todas las publicaciones relacionadas con las actividades que hagan los compañeros y compañeras del aula a lo largo del semestre.

El Ágora es un espacio de debate en el que estudiantes y docentes pueden ver, compartir y comentar los proyectos y las tareas de la asignatura.

Si solamente ves esta publicación, puede ser porque todavía no se ha hecho ninguna más, porque no has entrado con tu usuario de la UOC o porque no perteneces a esta aula. Si no eres miembro de la UOC y ves alguna publicación, es porque su autor o autora ha decidido hacerla pública.

¡Esperamos que esta Ágora sea un espacio de debate enriquecedor para todos y todas!

Debate0en ¡Bienvenidos y bienvenidas!

No hay comentarios.

Las intervenciones están cerradas.