UX Case Study - AhorraYa

Challenge: Develop a mobile experience that helps users manage budgets and save for common goals.

Deliverables: User research report, personas, site map, user flows, wireframes, UI, prototype

Role: UX Designer

Tools: Figma

Objective

Create an application that facilitates saving both in groups or individually, allowing contributions to a common fund.

Challenges

  • Commitment and Tracking - Users need an effective way to track their contributions and stay motivated to reach their savings goals.

  • Accessibility - The application must be accessible and easy to use, especially for people with vision problems and dyslexia.

  • Ease of Use - Many users do not have the time or technical knowledge to handle complex applications, so it is essential that the app is intuitive and simple to use.

 

Process

We started with user research to understand users' pain points and needs. Then we analyzed our findings and defined the main tasks of the product. We developed the concept in wireframes and tested it with users. Subsequently, we translated it into high-fidelity prototypes. I led the design process, communicating milestones and presenting the work to gain stakeholder approval.

INVESTIGATION

In this case, being a fictional application proposed as an exercise, interviews were conducted with family and friends.

Open-ended questions were asked to understand their lifestyle, their relationship with technology and tools, as well as their future expectations and needs.

User personas

After conducting the interviews and analyzing the information received, I created two user personas to help me better understand user needs and behaviors, and to guide the app design more effectively.

Pain points

After analyzing the user personas, I identified their main pain points and proposed solutions to address these issues.

Main pain points

  • Lack of time can make financial planning stressful.

  • Users need an accessible and adaptable tool.

  • Users need an intuitive interface.

  • Coordinating group savings can be complicated without the right tools.

  • Ensuring the security of financial information shared on the platform is crucial.

Solutions

  • Integrate automated tools to categorize income automatically, reducing the time needed to manage finances and facilitating real-time tracking.

  • Develop a customizable interface with different viewing modes and voice assistance to help people with specific needs.

  • Implement functionalities that allow users to create groups, set common goals, track progress, and communicate within the app.

  • Implement robust security measures such as data encryption, two-factor authentication, and customizable security settings.

IDEATION

Sitemap & User Flow

To communicate the concept and information architecture, I created the sitemap, ensuring it is as simple as possible, based on user needs. Additionally, based on the user personas, I developed two user flows representing two of the most important tasks to be performed:

  • Create a new fund

  • Configure accessibility

SITEMAP

USER FLOW - CREATE FUND

USER FLOW - ACCESSIBILITY

Paper Wireframes

During the ideation phase, I created wireframes to structure the application interface and ensure an intuitive and efficient user experience. The wireframes were essential for visualizing the design and organizing information clearly. I studied various financial and cryptocurrency applications, as well as banking and investment apps, to identify best practices and apply them to our design. Through multiple iterations and tests, I refined the wireframes to prioritize a clean and simple design, removing unnecessary elements and simplifying navigation to avoid confusion. This allowed for a clear and direct presentation of relevant information to users.

Digital Wireframes

As the design process progressed, I transitioned the paper wireframes to digital wireframes. This allowed for more precise organization of information and began to define the app's visual structure in more detail.

HIFI Wireframe fund
Create new piggy bank

MOCKUPS

Saving Funds open
Saving Funds
New fund tutorial
New fund image
New fund name
New fund method one
New fund check
New fund method two
Deposit
Withdraw
Deposit OK
Withdraw OK

CONCLUSIONS

During this project, I had the opportunity to experience firsthand all the key processes in UX research. From considering users' needs, addressing their problems, thinking of possible solutions, and applying them to the app, it was a challenge, but I am proud of the final result.

Although complete usability tests were not conducted since it is a conceptual project, I interacted with various people, which allowed me to iterate both the site map and the designs to make them more accessible.

This exercise helped me learn to have an external perspective on things, avoiding my biases and prejudices. In summary, this project has provided me with valuable experience in user-centered design and continuous iteration to improve the app's usability and accessibility.