Portafolio
Sofia Aguilar
Hola soy Sofi
Mi viaje en este fascinante mundo comenzó con un fuerte interés en el desarrollo móvil, donde aprendí a crear aplicaciones nativas en Android utilizando Kotlin.
Gracias a una beca, tuve la oportunidad de explorar el desarrollo frontend y el diseño de experiencia de usuario, lo que me permitió comprender y mejorar cada aspecto de la interacción del usuario con la tecnología.
Descubrí que mi verdadera pasión es satisfacer las necesidades del usuario final. Al combinar mis habilidades en programación y diseño, puedo crear interfaces intuitivas y atractivas, asegurando que cada interacción sea fluida y agradable. Este enfoque integral me permite ofrecer soluciones completas y centradas en el usuario, garantizando experiencias óptimas.
Que me representa
Ecoamigo
Página web concientiza de manera divertida y educativa sobre la importancia del reciclaje a infantes de primaria de 3 a 10 años, enseñándoles a cuidar el planeta a través de juegos, videos y actividades interactivas. La infancia disfruta de un aprendizaje efectivo sobre el reciclaje, desarrollando una conciencia ambiental desde una edad temprana. Tratamos temas como la correcta separación de materiales, cuentos sobre responsabilidad ambiental y actividades descargables para maestros.
Descripción del proyecto
Desafío
El desafío de este proyecto consiste en desarrollar una página web que logre captar la atención de los niños de 3 a 10 años, enseñándoles sobre la importancia del reciclaje de manera divertida y educativa.
Solución
Rol
Diseñadora de interfaz de usuario (UX)
Desarrolladora Front-end
Tecnologías
Diseño: Figma, Canva.
Desarrollo: HTML, CSS, JavaScript.
Proceso de diseño
EMPATIZAR
DEFINIR
IDEAR
PROTOTIPAR
VALIDAR
Organización
Nos reuníamos dos veces por semana para establecer nuevas tareas con sus respectivas fechas de entrega y presentar los avances realizados.
Horario | Lunes | Martes | Miercoles | Jueves | Viernes |
20:00 | Reunión Ecoamigo | - | - | Reunión Ecoamigo | - |
Tablero de Trello
Investigación
En las reuniones se decidió empezar a centrarnos en las personas que iban a utilizar la página por eso utilice la metodología Design Thinking, que es una metodología de diseño de resolución de problemas que te permite desarrollar soluciones centradas en las personas.
El proceso de investigación empezó con
Análisis FODA
Este análisis nos permite identificar tanto nuestras fortalezas clave, como la capacidad de impactar positivamente en la educación ambiental desde una edad temprana, como también las oportunidades para mejorar.
Investigación de mercado
Para obtener más información sobre las actitudes y comportamientos hacia el reciclaje en Argentina, decidí comenzar con una investigación secundaria para comprender más profundamente el mercado.
Tendencias del mercado
En Argentina, la tasa de reciclaje es relativamente baja. Según el Banco Mundial, solo alrededor del 15-20% de los residuos se reciclan adecuadamente en el país.
En Buenos Aires, la cantidad de residuos reciclados ha aumentado gracias a programas como el Plan de Gestión Integral de Residuos Sólidos Urbanos (GIRSU), que busca incrementar la tasa de reciclaje en la ciudad y otras áreas urbanas.
Tendencias de consumo
Un informe de la Universidad de Buenos Aires en 2022 indicó que aproximadamente el 35% de los hogares urbanos separan sus residuos para reciclaje.
Según una encuesta de Greenpeace Argentina en 2021, el 70% de los padres están interesados en que sus hijos reciban educación sobre reciclaje y sostenibilidad en la escuela.
Descubrimiento de aplicaciones
El 45% de los usuarios de smartphones en Argentina han utilizado alguna aplicación para gestionar sus residuos o aprender sobre reciclaje, con Ecológica y Reciq App siendo las más populares.
Según datos de Google Play y App Store, las descargas de aplicaciones educativas enfocadas en sostenibilidad y reciclaje aumentaron un 18% en el último año.
Entrevistas con usuarios
Para profundizar más, entrevisté a padres y educadores interesados en la educación ambiental para niños. Me concentré en hacerles preguntas abiertas sobre sus experiencias para aprender todo lo posible sobre nuestros usuarios.
A partir de estas entrevistas, pudimos identificar ciertos puntos débiles de los usuarios, que fueron los siguientes:
Puntos débiles
Persona
Con una compresión completa de las experiencias y frustraciones de los usuarios, creamos a Lucas, basado en todos los conocimientos adquiridos en la investigación.
Taskflow
El Taskflow es un diagrama que representa el flujo de tareas que un usuario realiza para completar un objetivo específico dentro de una aplicación o sitio web. En este caso, cree un Taskflow que ilustra el recorrido de usuario:
Lucas: Quiere encontrar un juego para divertirse.
Este taskflow nos permite ver y mejorar cada paso que nuestros usuarios siguen, asegurando que todos tengan una experiencia fluida y satisfactoria, ya sea que necesiten encontrar como entretenerse, jugando o ver un video.
Flowchart
El Flowchart es un diagrama de flujo que representa todas las tareas y actividades principales de la aplicación. Esto me permitió comprender mejor su recorrido general al interactuar con la aplicación dando un paso hacia las diferentes decisiones que tomaría mientras intentaba completar tareas en diferentes escenarios.
Nuestras ideas en un papel
Como estábamos en la primera etapa del proceso de desarrolló decidí realizar Wireframes
A lo mejor te estás preguntando «¿Wirequé?»
Si te quedaste en blanco y con los ojos como platos, te cuento brevemente en que consiste.
Un Wireframes es un paso previo muy importante antes de empezar el diseño de una web o una aplicación móvil. Consiste en crear un boceto de la estructura de tu página de una forma simple, pero concretando cómo vamos a organizar la información.
Podemos realizar wireframes en papel o en digital, lo importante es estructurar nuestras ideas.
Wireframes en papel
Inclusividad ante todo
Durante la creación del prototipo, me percate de un detalle que no podía ignorar. Observe que las palabras que estaba utilizando tenían un género específico, lo cual no era adecuado ya que al ser una plataforma educativa, era crucial dar el ejemplo y promover un lenguaje inclusivo.
“Buscar la forma de decir lo mismo con palabras sin marcas de género.“
Github
Es una plataforma de desarrollo colaborativo que utiliza el sistema de control de versiones Git.
Se dividió con un main principal y 5 ramas que corresponden a las 5 secciones de nuestra página.
No todo es color de rosas
Ecoamigo
Dulce sabor
Dulce sabor es una pastelería ubicada en Córdoba, Argentina, dedicada a ofrecer opciones saludables y sin gluten, sin comprometer el sabor casero que tanto te gusta.
Nuestra nueva aplicación ha sido diseñada para facilitar el acceso a estos deliciosos postres, permitiendo a los usuarios pedir y disfrutar sus dulces favoritos directamente desde su hogar.
Dulce sabor tiene como objetivo proporcionar una plataforma para atender a aquellos con restricciones dietéticas y a quienes simplemente buscan postres de alta calidad con un toque casero, pero no tienen tiempo para prepararlos.
Descripción del proyecto
Desafío
Dulce Sabor busca llegar a más personas más allá de sus seguidores en redes sociales y su clientela habitual. La idea es crear una app que haga que pedir postres sea tan fácil como delicioso, ofreciendo opciones tanto para quienes tienen restricciones dietéticas como para quienes simplemente aman los postres caseros.
Rol
Diseñadora de interfaz de usuario (UX)
Tecnologías
Solución
Diseño: Figma, Canva.
Proceso de diseño
EMPATIZAR
DEFINIR
IDEAR
PROTOTIPAR
VALIDAR
Investigación
Antes de empezar con las entrevistas a usuarios y un análisis del mercado decidí entablar los objetivos principales de la investigación.
Investigación de mercado
Para obtener más información sobre las restricciones dietéticas, decidí comenzar con una investigación secundaria para comprender más profundamente el mercado.
Tendencias del mercado
Según la Asociación Celíaca Argentina, más de 400,000 personas en el país tienen diagnóstico de celiaquía, lo que ha impulsado la oferta y demanda de productos sin gluten.
Las ventas de productos sin gluten en supermercados han crecido un 20% anual en Argentina en los últimos cinco años .
La tendencia hacia alimentos saludables se refleja en un crecimiento anual del 10% en la categoría de alimentos saludables y orgánicos en Argentina .
Tendencias de consumo
El 28% de los argentinos tiene alguna restricción dietética, ya sea por alergias, intolerancias o preferencias personales.
El 35% de los encuestados compra productos sin gluten aunque no tengan una condición celíaca, destacando la percepción de estos productos como más saludables .
Descubrimiento de aplicaciones
El 60% de los usuarios de internet en Argentina ha utilizado aplicaciones para pedir comida a domicilio, con Pedidos Ya y Rappi liderando el mercado. Estas aplicaciones han incrementado su oferta de productos saludables y sin gluten .
Las descargas de aplicaciones enfocadas en alimentación saludable y dietas especiales han crecido un 25% en el último año en Argentina.
Entrevistas con usuarios
Para profundizar más, entrevisté a clientes de la pastelería. Me concentré en hacerles preguntas abiertas sobre sus experiencias para aprender todo lo posible sobre nuestros usuarios.
Puntos débiles
Persona
Con una compresión completa de las experiencias y frustraciones de los usuarios, creamos a Rodrigo y a Laura, basada en todos los conocimientos adquiridos en la investigación.
Taskflow
El Taskflow es un diagrama que representa el flujo de tareas que un usuario realiza para completar un objetivo específico dentro de una aplicación. En este caso, hemos creado un Taskflow que ilustra dos recorridos de usuario:
Este taskflow nos permite ver y mejorar cada paso que nuestros usuarios siguen, asegurando que todos tengan una experiencia fluida y satisfactoria, ya sea que necesiten opciones dietéticas especiales o simplemente quieran disfrutar de deliciosos postres caseros.
Flowchart
El Flowchart es un diagrama de flujo que representa todas las tareas y actividades principales de la aplicación. Esto nos permitió comprender mejor su recorrido general al interactuar con la aplicación dando un paso hacia las diferentes decisiones que tomaría mientras intentaba completar tareas en diferentes escenarios.
Wireframes en papel
Wireframes digital
Al avanzar en la fase de diseño inicial me aseguré de basar los diseños de pantalla en los comentarios y hallazgos de la investigación de los usuarios. La inclusión de detalles como ingredientes, calorías y opciones de envío asegura una experiencia de compra personalizada y satisfactoria.
Se diseñó con una navegación sencilla para abordar la necesidad clave de los usuarios de acceder rápidamente a funciones importantes.
Prototipo de baja fidelidad
Utilizando los wireframes digitales previamente diseñados, se creó un prototipo de baja fidelidad. El flujo principal del usuario que se conectó fue desde el inicio, seleccionando un postre popular y siendo dirigido al detalle del producto, donde se proporciona la opción de agregarlo al carrito. Desde allí, los usuarios son redirigidos a la lista de órdenes. Este prototipo de baja fidelidad representa el flujo básico de navegación y funcionalidades clave de la aplicación, y puede ser utilizado en estudios de usabilidad para obtener retroalimentación y mejoras.
Mapa de afinidad
Para sintetizar mis hallazgos de las pruebas, tomé todas mis notas y observaciones y creé un mapa de afinidad. Esto me ayudó a digerir mejor los diferentes patrones observados durante las pruebas y a identificar dónde se deben priorizar las revisiones para mejorar la usabilidad del diseño.
El antes y el después
Los primeros diseños permitieron cierta personalización, pero después de los estudios de usabilidad se cambiaron de lugar algunos botones, como el botón de sumar la cantidad de producto, el de “agregar al carrito, además se agrego el valor del postre al principio.
Puliendo detalles
En los estudios de usabilidad hubo un cierto desconcierto al momento que se agrega un postre al carrito directamente se redirigiera a “Mis ordenes” por eso se decidió agregar un pop up para que sea mas claro para el usuario
Prototipo de alta fidelidad
Este prototipo final muestra una experiencia de usuario optimizada que abarca desde el inicio de sesión y registro, hasta la selección de productos y la realización de pedidos. Cada paso ha sido cuidadosamente diseñado para asegurar una navegación fluida y una interacción intuitiva.
Próximos pasos
Llevar a cabo otra ronda de estudios de usabilidad para validar si los puntos débiles que experimentaron los usuarios se han abordado de manera efectiva. Realizar más investigaciones de usuarios para determinar nuevas áreas de necesidad.
Aprendizaje
El proyecto de crear esta aplicación de pastelería ha sido una experiencia muy enriquecedora. Me ha mostrado lo esencial que es entender a fondo las necesidades y preferencias de los usuarios. También he aprendido la importancia de iterar constantemente nuestros diseños basándonos en la retroalimentación obtenida en los estudios de usabilidad.
Además, descubrí que la simplicidad y la claridad en la experiencia del usuario son clave para asegurar la adopción y satisfacción del cliente. Este proyecto también me ha enfatizado lo crucial que es integrar la accesibilidad en el diseño desde el principio, garantizando que la aplicación sea inclusiva para todos los usuarios.
Por último, comprendí la importancia de mantener un equilibrio entre la innovación y la familiaridad en el diseño de la aplicación, ofreciendo tanto opciones creativas como elementos reconocibles que faciliten la navegación y el uso intuitivo.
Mis notas
Desarrollé una aplicación nativa de toma de notas, diseñada para ser intuitiva, sencilla y eficiente. La aplicación permite a los usuarios crear, editar y organizar notas de manera rápida y sin complicaciones, ofreciendo una experiencia de usuario óptima tanto en dispositivos móviles como en tabletas.
Descripción del proyecto
Desafío
Desarrollar una aplicación nativa de toma de notas que sea intuitiva, sencilla y eficiente. La aplicación permitirá a los usuarios crear, editar y organizar notas de manera rápida y sin complicaciones, ofreciendo una experiencia de usuario óptima.
Rol
Diseñadora de interfaz de usuario (UX)
Desarrolladora Android
Solución
Tecnologías
Diseño: Figma, Canva.
Desarrollo: Kotlin, Room, MVVM, Livedata, Corrutinas, Navigation componet.
Herramientas utilizadas
Kotlin
Kotlin es el lenguaje perfecto para el desarrollo de aplicaciones Android por su sintaxis moderna, concisa y segura. Facilita la escritura de código limpio y reduce la cantidad de errores, mejorando la eficiencia del desarrollo.
MVVM
Este patrón de arquitectura me permite separar claramente la lógica de negocio de la interfaz de usuario, lo que hace que el código sea más fácil de mantener.
LiveData
LiveData es parte del componente de arquitectura de Android y se utiliza para observar datos y reaccionar automáticamente a los cambios. Esto asegura que la interfaz de usuario siempre esté actualizada con los datos más recientes, mejorando la interactividad y la experiencia del usuario.
Room
Para la gestión de datos locales, Room es una biblioteca ORM (Object-Relational Mapping) que simplifica el acceso a SQLite, proporcionando una API robusta y fácil de usar. Esto asegura que las notas se guarden de manera eficiente y que las operaciones de base de datos sean seguras y rápidas.
Navigation Component
Esta herramienta facilita la navegación dentro de la app, proporcionando una experiencia de usuario coherente y fluida. Permite gestionar la navegación y las transiciones entre pantallas de manera declarativa y segura.
Corrutinas
Las corrutinas permiten manejar operaciones asíncronas de manera más sencilla y eficiente. Esto evita bloqueos en la interfaz de usuario, garantizando que la app se mantenga fluida incluso cuando realiza tareas complejas en segundo plano.
Tu cerebro no es una libreta
Imagínate esto: estás en medio de una gran lluvia de ideas, y lo único que necesitas es un lugar donde poner todas esas ideas locas y brillantes. Entras a la tienda de aplicaciones, descargas una app de notas y… ¡sorpresa! Es más complicada que entender la teoría del Big Bang. ¡Qué pesadilla! Aquí es donde entra en juego nuestra heroína:
una app de notas sencilla, intuitiva y lista para organizar tu vida.
Además, ¿Quién quiere cargar un montón de libretas cuando puedes tener todo en tu celular? Es como tener una mochila mágica, pero sin el dolor de espalda.
¿Por qué crearía una app de notas?
Porque también olvido la lista de compras del super
y, francamente, si puedo ayudar a alguien a recordar comprar leche de almendras en lugar de la de avena, ¡mi misión estará cumplida!
Comencé investigando qué les gustaba y qué odiaban los usuarios de otras apps. Escuché que muchos querían algo sencillo, sin complicaciones y que realmente funcionara. Así que empecé a diseñar con eso en mente.
Utilicé Figma para hacer prototipos, y luego entré en el emocionante mundo de la codificación con Kotlin para Android.
Las primeras versiones fueron… digamos, "interesantes".
Feedback
Aquí viene la mejor parte: Mi hermano también es desarrollador. Me dio su opinión experta sobre el código y el diseño. En base a su feedback, realicé cambios significativos. ¡Incluso me escribió un documento detallado con todas las correcciones y errores! Gracias a su ayuda, logré optimizar el rendimiento y mejorar la interfaz.
Demo
Los invito a probar el demo y a revisar el código fuente para ver por ustedes mismos cómo estas tecnologías se unen para crear una app de notas increíble
Gracias!