This week we finalized our Lunch Money Buddy prototypes and created a presentation and portfolio piece for our existing portfolio. I used Proto.io to continue creating the interactions the user would see when using the app. I added some more design details and motion to make it clear when a task was accomplished by the user, for example when a lunch funds reload was complete.
We got to get lots of feedback from our group which helped a lot for me since this is all new to me. I have never prototyped an app or thought through the most simple of user interface interactions.
The presentation and the portfolio piece overlapped a bit for me since it was describing a lot of the same information. What was the problem, background, actions and results. Did we solve the design challenge?
I continued work on the interactive prototype “Lunch Money Buddy” using the Proto.io software. Since I don’t have school aged kids (or know anyone who does) I wanted to do a little research into what foods kids are typically eating at school and how that information is displayed for parents. I looked through several school websites and was amazed at the information available to parents regarding schedules, menus and payments.
I used this research to build my menu prototypes. I opted for a weekly menu for people with smaller phones or for users with difficulty reading small text. I also redid my navigation as I found my original plan for a upper level hamburger menu was frustrating to use especially within the menu pages. The user would have to continually go up and down to move through the various menus if they have multiple children. I went with a lower level icon menu that is much simpler to use.
I will continue working on the other home menu functions such as app settings, family profile, and account settings. This is a link to my draft so far:
This week we continued work on the interactive prototype for the app “Lunch Money Buddy”. I played around with the website Proto.io recommended by the professor. I found the website very easy to use and it offered some standard interactions that a user would see in any basic app. I was happy to have this help as a jumping off point as I have never created electronic interactions in this way. For my current job my digital UI experience includes helping to design web forms and content.
I am thankful for the feedback from my group and it is nice to see others’ interpretations of the assignment. It reminds me to complete basic requirements and expand on the interactions based on the user journey we created earlier.
I will continue work on my draft for next week’s due date.
This week we worked on sketches for our wireframe of the “Lunch Money Buddy” application. I sketched a few of the upper level navigation pages and shared with my group. Getting feedback is very helpful in the drafting stages as there were a couple of pieces I felt were missing in my drafts.
I next used publisher to create the final wireframes for the upper level navigation and the user interactions I wanted to explain in more detail with wireframes. I changed a few things from the draft including adding more information about the interactions and the way each view would vary on a smaller phone. I prefer the vertical layout of the app as I feel there is less scrolling. To ease the user interaction of viewing the lunch menu I switched this from a monthly view to a weekly view based on group feedback.