MexAfore

The app that helps you manage your retirement fund

At the end of 2016 I was invited to participate in the second batch of Wizeline's UX Academy. For six weeks I had the opportunity to be alongside other designers to catch-up on best practices to create amazing user experiences. During that time we had the opportunity to learn from industry experts such as Che Douglas, Head of Digital Design at The Wall Street Journal and Wendy Johansson, head of UX at Wizeline.

Throughout the duration of the program we had the oportunity to work on a real life project that we would have to present to everyone. The topic that was chosen was: "how to improve Mexico’s digital banking experience".

Research:

I started by creating hypotheses about experiences that I thought needed improvement. Having read about the lack of saving habits of Mexicans, I decided to focus on helping young adults age 22-35 years old to be more in control of their finances.

Each one of us had the opportunity to test our hypothesis and gather information by interviewing potential users. Using a script, I was able to talk to four people (in person and through Skype).

We got together and used all of our information to create an affinity diagram with all the insights from our interviews. By doing this I was able to confirm that young adults need better tools to save, especially for retirement.

Affinity Diagram
Organizing our Insights

Insights:

  • Participants seemed to not have the right information on how to maximize or understand their retirement savings.
  • Participants seemed to mix their savings with money they use for other expenses (they don’t have a particular place to put their savings).
  • All of the participants mentioned they wanted to save.
  • All of the participants mentioned “cloning” and “security” as a major challenge when using their cards (3 out of 4 have had their cards cloned).

Problem Statement:

Understanding their path to retirement is a challenge for young adults 22-35 years old because current solutions don’t provide easy-to-understand information and have a lot of barriers to make quick saving decisions.

Solution:

  1. Visually understand their retirement reports.
  2. Put money into their retirement fund in a few clicks.
  3. Help them understand their retirement funds and/or connect them with someone who would help them.

Prototyping:

Using techniques such as crazy eight and paper prototyping I was able to brainstorm on some potential solutions. Once I decided on the direction I created the wireframes and finally, using Marvel, an interactive prototype that I used for another round of testing.

Paper Prototypes
Iterating, Iterating, Iterating...

Testing:

I was able to do a task-based testing using LookBack which helped me discover parts of the interface that weren’t clear or that could be improved.

Wireframes
Some of the Screens used in the Prototype Afore Wireframes
Final Prototype
Check it out!

Lessons:

  1. Test with low-res prototypes.

    To be honest, I was guilty of always jumping right to wireframing rather than testing my low-res prototypes. I learned that creating sketches and paper prototypes can help you get insights earlier in the process.

    Low-res prototypes give people the confidence to critique your design because they tend to feel bad criticizing something that seemed to have taken a lot of effort. In order to sound polite they often give a false opinions to avoid "hurting" you.

  2. Even the best designers need to iterate.

    I always thought that, when presented with a design challenge, talented designers just “got it” right on the first time. However, I learned that all of us needed to iterate to create the best solutions. I saw brilliant designers come up with what seemed to be beautiful solutions just to later learn that people weren’t able to accomplish their goal.

Want to see more projects?