The app allows parents and guardians of school age children to manage various aspects of their kids’ in-school cafeteria lunch accounts. The parent can…
The below user journeys were based on provided personas of Jorge & Samatha – two busy parents who are familiar with technology and Henry – grandfather who is not very familiar with mobile technology.
Actions & Results
The user journeys aided in creation of the sitemap and process flow of the interactive prototype. It is important to keep the user journeys and personas in mind during the creation of the mobile app as to avoid any designer bias.
Actions & Results
Adding a Payment Method
The following wireframes show the process of how a user of the Lunch Money Buddy app would add a credit card to refill their children’s accounts.
After completing research of other financial apps, along with collaborating with my peers, we realized there was no need for landscape options. This would not only cost time and money for the client but no financial apps utilized a landscape view. As for deciding design, I was influenced by various financial and retail apps. I was interested in looking at how a user checked out and stored their financial information, similar to the tasks a user can perform with Lunch Money Buddy. Etsy, Chase Bank, Starbucks, and Vibe Credit Union all provided insights to process flow. I was able to complete a heuristic evaluationin order to find what worked and what failed among these apps. There are many more wireframes that were created and subsequently tossed because I had a better idea for layout and function. Only through a process of trial and error was I able to arrive at the final prototype.
The choices for the LMB app are correct for the provided personas because it encompasses large icons that are easy to read and access while providing simple screens that are not overloaded with information. I tried to avoid information and icons that were not necessary to the base function of the app and focused on taking the user from point A to point B, something important to busy parents Jorge and Samantha.
It was important to keep user journeys in mind in this final stage, especially when users could run into trouble. I had to be in a state of thinking how the app would resolve user’s pain-points. For example, Jorge needs to refill his daughter Hailee’s account because it had a low balance. I attempted to resolve any frustration Jorge may have by creating a simple process to add funds:
Challenges
In order to keep the app organized it was important that I kept my sitemap in front of me. I made sure I highlighted each section as I created a screen for it in Proto.io. The sitemap provided the overarching structure of the app but was fluid enough for me to make edits along the way when necessary.
In art school I was told that you do not build your house room by room, you build everything one step at a time. I found myself doing this, except my process turned to out more along the lines of working on the site map, building a wireframe, creating a couple screens in Proto.io, and then back to sketching wireframes. This was definitely a poor choice in process and ended taking extra time, though now I know better for next time.