Portafolio Diseño UX 2023 by Luis Quirós

LUIS QUIRÓS RODRÍGUEZ

UX Designer / UX Researcher

¿Quién soy?

¡hola! soy Luis

Soy de Costa Rica Pura Vida!*

Me considero una persona enfocada en ser feliz y vivir la vida al máximo.

Como researcher y diseñador me apasiona entender a las personas y resolver sus problemas. Considero que con creatividad, ingenio y actitud podemos lograr todo lo que nos propongamos.

Cosas que amo:

-Viajar

-Playa

-Leer

-Cine

(donde sea)

(de agua caliente por favor)

(desarrollo personal, biografías y ficción)

(soy cineasta frustrado)

-Gimnasio y caminatas al aire libre

(la mejor terapia)

-Salir de mi zona de comfort

(siempre hay que exigirnos más)

*: frase y saludo costarricense,

Diseño UX

Proyecto: Vacuna2 02 03

Proyecto: Dashboard

Proyecto: Vacuna2 02 03

Proyecto: LOCO

Prototipo de plataforma de agendamiento de citas para vacunación contra el COVID-19.

Proyecto realizado para la empresa GBM y protegido por acuerdo de privacidad.

Proyecto: Dashboard

Dashboard informativo que muestra las estadísticas de onboarding de una app de autenticación biométrica.

Proyecto realizado para la empresa GBM y protegido por acuerdo de privacidad.

Proyecto: LOCO

Plataforma de servicios de hospedaje, experiencias y tours para extranjeros jóvenes en Costa Rica.

Plataforma de servicios de hospedaje, experiencias y tours a extranjeros en Costa Rica.

Proyecto realizado durante el curso de UX LAVA.

Prototipo de plataforma de agendamiento de citas para vacunación contra el COVID-19.

2021 / GBM - Innohub

Proyecto de cooperación realizado entre el Colegio de Médicos y Cirujanos de Costa Rica y la empresa GBM.

UX Lead UX Researcher

UX Designer

- Bryan Artavia

- Jorge Carballo Madrigal

- Luis Quirós Rodríguez

Proyecto: Vacuna2

¿Cómo podemos crear una plataforma que ayude y brinde confianza a la población para que se registren y puedan acceder a la vacuna contra el COVID-19?

Contexto: COVID-19

Febrero 2020: Llegada del COVID-19 a Costa Rica

02 Junio 2021:

Se empieza a anunciar la llegada de las vacunas a Costa Rica

03 Julio 2021:

Alianza entre GBM y el Colegio de Médicos y Cirujanos de Costa Rica para administrar el proceso de vacunación por medio de una plataforma digital que ayude con el registro de usuarios.

Retos

- Gobierno poco preparado

- Sin logística e infraestructura para manejar la pandemia y la vacunación.

• Falta de tiempo, cuando se anunció el proyecto, las vacunas iban a llegar en menos de 3 semanas y se necesitaba que la plataforma estuviera funcionando para esa fecha.

• Desconfianza de la población con las vacunas.

Objetivo

Crear una plataforma en la cual los usuarios pudieran registrarse y verificar si eran elegibles para la vacuna de COVID-19.

Requisitos de la plataforma

- Administrar todo el proceso de vacunación desde el registro hasta la aplicación de la vacuna en los usuarios.

- Actuar como un primer filtro para definir si los usuarios eran elegibles para la vacuna.

- Organizar la logística de la vacunación.

- Brindar una experiencia sencilla de vacunación para los usuarios.

- Brindar una plataforma accesible para todos los usuarios.

- Darle seguridad y confianza a los usuarios con tal de promover la vacunación a nivel nacional.

Mi Rol

Diseño de la plataforma/prototipo

-Diseño del flujo de la interfaz.

-Interacción del usuario.

-Creación de pantallas.

Investigación e ideación

En conjunto al resto del equipo, Investigador UX (Jorge Carballo) y el Líder de UX (Bryan Artavia), se planeó la arquitectura de información de la plataforma, flujo de la experiencia e investigación de mercado y referencias.

Proceso / Metodología: Design Thinking + Sprint

La etapa de diseño UX consistió de 2 semanas.

01 Entender

- Entender contexto y situación

- Investigación de mercado (Benchmarking)

02 Idear

- Brainstorming

- Plantear ideas de cómo estructurar la plataforma y la experiencia

03 Prototipar

- Wireframes

- MVP (Tablet Responsive)

Entender (Investigar)

1. Estudio de mercado (Benchmarking) de 8 plataformas de agendamiento de citas para vacunación contra el COVID-19 de países como Alemania, Argentina, Colombia, Estados Unidos y México. Se buscó entender el flujo de navegación y secciones de la plataforma.

Hallazgo: La plataforma de Walmart presentó el flujo más accesible debido a la clara segmentación de etapas que manejaba.

2. Entrevistas con los stakeholders del proyecto (Representantes del Colegio de Médicos y Cirujanos de Costa Rica) con el objetivo de entender los requirimientos y especificaciones del proyecto, además de sus limitantes.

Cliente: Retail

Entrevistas con usuario para entender el perfil de usuario y especificamente entender sus necesidades y conductas.

Hallazgo: Se reveló que por temas de logística no se harían reservas por hora ni por lugar.

Proyecto realizado para la empresa Sperientia y protegido por acuerdo de privacidad.

01 05

Idear (Planear)

Después de entender las referencias a nivel de plataformas similares y de entender los requisitos y limitantes del proyecto, se realizó un Customer Journey Map para entender cómo seria toda la experiencia del usuario, tanto del uso de la plataforma digital, como la logística de vacunación en los centros de vacunación.

A partir de este Customer Journey Map, se entendió cómo iba a ser el flujo de la plataforma digital, además de las diferentes secciones y su respectiva arquitectura de información.

Hallazgo: Junto con los stakeholders se decidió hacer que el registro otorgara a los usuarios “turnos” de 24 horas por medio de un código QR, para que los usuarios pudieran acudir a cualquier centro de vacunación durante el plazo del “turno” a recibir su dosis.

Prototipo (MVP)

Se realizó una plataforma que permitiera el registro de vacunación de los usuarios y que pudiera definir la elegibilidad del usuario para la vacuna.

Secciones

El prototipo abarcaba pantallas para las secciones de:

- Landing Page

- Menú

- Inicio de Sesión / Crear Cuenta

- Verificación de Elegibilidad

- Formulario de Datos Personales

- Registro Exitoso

- Mi Vacuna (Antes de aplicar dosis)

- Mi Vacuna (Después de aplicar dosis)

- Generar nuevo código QR

- Registro de Dependientes

- Formulario de Dependientes

- Preguntas Frecuentes

- Información Preventiva

- Centros de Vacunación

- Blog de Noticias

- Contacto

- Pantallas de Error

Prototipo (MVP)

Prototipo (MVP)

Conclusión:

Se cumplió con el diseño UX de la plataforma en versión tablet responsive y el producto inició la etapa de desarrollo, sin embargo, por un problema contractual entre el Colegio de Médicos y Cirujanos de Costa Rica y la farmaceútica Johnson & Johnson, se canceló la llegada de las vacunas y por ende, el producto nunca fue lanza-

Proyecto:

Dashboard

Dashboard informativo que muestra las estadísticas de onboarding digital de una app de autenticación biométrica.

2021 / GBM - Innohub

Proyecto realizado para la empresa GBM y protegido por acuerdo de privacidad.

UX Lead

Product Owner

UX Designer

- Bryan Artavia

- Agustín Caldevilla Aizpún

- Luis Quirós Rodríguez

¿Por qué desenfocado?

Proyecto protegido por acuerdo de privacidad.

¿Cómo podemos crear un dashboard que nos permita visualizar todos los datos de la verificación biométrica de manera sencilla y fácil de entender?

Contexto

A finales del año 2021, la empresa GBM afianzó una alianza con la empresa española de verificación biométrica FacePhi. El objetivo de ese acuerdo, es que GBM y FacePhi unieran fuerzas en materia de tecnología para crear un nuevo servicio de verificación de identidad de usuarios mediante procesos de onboarding digital y autenticación biométrica. Un tiempo antes de hacerse pública la alianza, GBM empezó a trabajar en el prototipo de dashboard administrativo para la aplicacion de onboarding digital.

Problema / Reto

- Crear un dashboard visualmente atractivo que incluyera todos los datos relevantes e informativos de las estadísticas generadas por medio de la aplicación de onboarding digital.

- Tener la opción de visualizar por diversos periodos de tiempo.

- Mantener un diseño simple y limpio para el usuario.

Objetivo

Crear un dashboard administrativo para uso interno que mostrara el total de onboardings y autenticaciones realizadas (exitosas y fallidas) durante periodos específicos de tiempo, cantidades totales y por medio de visualización de gráficos.

Además crear una plataforma de generación de reportes e historial de los datos procesados y con diferentes opciones para filtrar los datos de acuerdo a tipo de proceso, período, estado y canal.

Mi Rol

Diseño del dashboard/prototipo.

Bajo la mentoría del Líder de UX (Bryan Artavia) se realizaron varias itineraciones del producto de acuerdo a los requisitos de los stakeholders. Se diseñó el flujo de la interfaz, la interacción del usuario y la creación de pantallas.

Investigación e ideación

Realizar estudio de benchmarking para entender cómo funcionaban las plataformas similares de la competencia. Además en conjunto al Líder de UX (Bryan Artavia) se definió la arquitectura de la información del prototipo.

Proceso / Metodología: Design Thinking + Sprint

La etapa de diseño UX consistió de aproximadamente 1 mes y medio. Sumando mejoras, el producto en total demoró 2 meses (el producto se realizaba simultáneamente con otros proyectos).

01 Entender - Investigación de mercado (Benchmarking) - Entrevistas con stakeholders 02 Idear - Brainstorming - Plantear ideas de cómo estructurar la plataforma 03 Prototipar - Wireframes (Versión Desktop) - Versiones del prototipo

Entender (Investigar)

1. Estudio de mercado (Benchmarking) de 12 aplicaciones de reconocimiento biométrico. Las 4 más relevantes para el proyecto se estudiaron de acuerdo a sus casos de uso, gama de productos, valor agregado por encima a la competencia y por cómo funcionaba la herramienta.

Hallazgo: A partir de cómo funcionaban los servicios y apps de la competencia se pudo entender mejor el flujo de usuario.

2. Reuniones con los stakeholders del proyecto con el objetivo de entender el contenido del dashboard. Existió bastante diálogo para definir el enfoque del proyecto.

Hallazgo: A partir de las reuniones se pudo definir los elementos que se querían incluir en el dashboard y el cómo se querían presentar visualmente.

Idear (Planear)

Después de las entrevistas con los stakeholders, se pudieron definir los elementos que se querían incorporar y visualizar dentro del Dashboard.

Se procedió a realizar una arquitectura de la información.

Reto: El principal reto consistió en cómo hacer que la gran de cantidad de información, elementos y datos se pudieran observar de manera limpia y ordenada.

Se hicieron 4 versiones del prototipo, en cada versión se obtenía feedback por parte de los stakeholders, con tal de sintetizar y encontrar la mejor manera de representar visualmente los elementos dentro del Dashboard.

Prototipo (Wireframes)

Se logró realizar un dashboard informativo que incorporara todos los elementos solicitados, además de que fuera fácil de entender a la vista sin abrumar al usuario.

Secciones

El wireframe abarcaba pantallas para las secciones de:

- Inicio de Sesión

- Dashboard Onboardings

- Dashboard Autenticaciones

- Datos Totales

- Datos por Período

- Desglose por Canales

- Reportes

- Filtros para Reportes

- Crear Reportes

Automáticos

- Configuración de Cuenta

Prototipo (Wireframes)

Proyecto: LOCO

LOCO: Local Community Experience

Prototipo de plataforma de servicios de hospedaje, experiencias sociales, tours e inmersión cultura para extranjeros de estadía prolongada en Costa Rica.

2020 / Curso de UX - LAVA Liquid Learning Method

UX Designer - Luis Quirós Rodríguez

¿Cómo podemos crear una plataforma que ayude a extranjeros jóvenes recién llegados al país a integrarse socialmente en Costa Rica?

Contexto

Actualmente existe una gran cantidad de extranjeros jóvenes que llegan al país (Costa Rica) por estadías prologadas, ya sea de intercambio cultural, estudiantil o incluso por trabajo.

Específicamente la falta de conocimiento de en dónde hospedarse, el hecho de no tener un círculo social cercano y ser totalmente nuevos en el país puede llegar a generarles una gran cantidad de dudas y temores. Muchas veces requieren de apoyo para adaptarse a una nueva cultura, sin embargo no es sencillo encontrar dicho apoyo.

Problema / Reto

El principal reto de este proyecto era que a nivel personal era el primer producto digital que realizaba. Antes de este proyecto no tenía experiencia en materia de diseño de experiencias digitales, diseño de interacción y diseño de interfaces.

A nivel del proyecto en sí, el principal reto fue el de realizar una plataforma que tenía una arquitectura de información compleja debido a que el producto tenía muchos flujos y enfoques distintos.

Objetivo

Se propuso la creación de una plataforma digital que ayudara a los extranjeros jóvenes a integrarse al país. La plataforma ofrece hospedaje, experiencias sociales, tours e inmersiones culturales para hacer que la experiencia de los extranjeros sea lo mejor posible y puedan sentirse como en casa.

Proceso / Metodología: Design Thinking

El proyecto fue parte del curso User Experience que contaba con una carga horaria de 30 horas.

01 Entender

- User Personas

- Mapa de empatía

- Investigación de mercado

- Mínimos comúnes

02 Idear

- Propuesta de valor

- Arquitectura de la información

- User flows

03 Prototipar

- Wireframes (Versión mobile)

Entender (Investigar)

1. User Personas

para entender con mayor detalle a los posibles usuarios de la plataforma.

2. Mapa de empatía para conocer qué sienten y piensan los posibles usuarios de la plataforma.

3. Estudio de mercado (Benchmarking) para conocer las actuales plataformas de hospedaje compartido, tours, experiencias sociales para extranjeros y actividades nocturnas.

4. Análisis de mínimos comúnes de las distintas plataformas de acuerdo a los objetivos del proyecto. A partir de este análisis fue posible encontrar las funciones indispensables de la plataforma, además de encontrar funciones que proveen valor agregado.