User Experience + Customer Success
Creative designs that elevate your customers experience and success!
Graphic to explain UX process
Tasks performed: Informative Graphic
When my team gets engaged in a project it's often apparent that folks don't fully understand the function of UX. It is an assumption many times that we "Make things look good". This is a graphic that I put together and use often to explain the process of UX and what is involved. It's always a nice opening slide to get folks on the same page and understand what we can provide.
Design of Lunch Money Buddy App
Tasks performed: User journeys, site map, mockups, prototype
The design of the Lunch Money Buddy app was taken from concept though prototype. The ask for this project was to design a mobile application that parent could use to manage their childrens lunch money. The focus of the app was to allow parents to load funds, track how much each child had left in their account and also to show upcoming lunch menus.
First, user journeys were created to better understand how users might use this product. This journey walks Henry through adding funds to his son Joe's account. Henry gets an alert from the app. He opens the app to find that the alert was due to a low balance in Joe's account. Henry is quickly able to add funds from the checking account that he has previously stored in the app.
The next step was to start sketching out a possible site map to start to understand how the information would be organized. Hand sketched sitemaps were generated and then iterated through until a final version was created.
Now it was time to start to think through the screens of the app. Lots of versions of hand sketches were itterated through to think through the two main flows of adding funds to the account and viewing the upcoming schedule. A mobile template was used to sketch with. The basic interactions of the screens were thought through and sketched out.
Once the sketches were in a good place it was time to convert them to mockups. The hand sketches were turned into a more formal version that could be used for testing or communicating to the developers the proper design. For this project I created the prototype myself, but typically the mockups could have been handed off to developers. The benefit of having a prototpye is that testing could be performed to find errors on the design and changes made prior to giving the design to developement. Following are some sample screens of the mockups and a screen shot of the prototyped version of the app.
