After meeting up a few times, we were able to finalize all of our screens and get them into Invision! We love how it came out and there are so many ideas that we all have for this app so I think we would all love to continue to add to this app over the summer!

Here is our link to Invision!

After deciding on a layout, I was able to go ahead and create information architecture for us. Again, we wanted to make a simple and effective layout of information so that a Mom could work on her projects during her kids' naps or simply for 5 minutes between dropping one kid off at soccer and picking another one up from dance. We didn't want to have a huge navigation so we decided to have a small one at the top to switch between projects and then the rest of the features would simply be buttons to be accessed in the same places throughout all pages. 

Once we got our structure down, we were able to solidify a logo. Here are some of our Do's and Don'ts.

We decided to go with a more unbiased color scheme, not wanting the app to be boy or girl specific. We wanted our templates for the pages of the book to use colors that could be used for a boy or a girl at any age. We decided to go with Myriad Pro for the typeface of our app because of it's simplicity and readability. It comes in many different weights and looks great in all lowercase or all caps. The tracking and kerning of this font may need to be adjusted, especially in the condensed weights.

This week, we each interviewed two people to get a sense of a mother's perspective of the good and the bad of Tiny Beans. I was able to interview two Mom's that I know and turn in their interviews into empathy maps describing their observations, feelings, needs, thinking, insights/problems and ideas/solutions for the app. Allee and Drew each made their own empathy maps as well!

Drew was also able to create two Personas for us this week! After our interviews we all were completely immersed in the idea of being a mother so this only helped us and users get a sense for who would use this application even more.

After coming together will all of our thoughts and information, the three of us were able to sit together after class and each create a set of comps for what our app would look and function like. After talking with Professor Hastings, we realized that we had a lot more room to utilize on an iPad than we were used to on a phone screen. We decided to go with a small navigation at the top of the screen to navigate between projects easily. We realized we needed to keep working on the hierarchy and design of the profile page and have very minimal buttons and features without it looking blank and too plain.

Some of the other apps we researched had great features and were definitely inspiration for creating our app. These apps are also great competitors for Tiny Beans.

It feels so good to have finalized each and every screen so that they function in the most aesthetically pleasing and simple way possible for the user. I worked super hard to make sure that it is easy to find whatever the user is looking for and quick and easy to pull up a perk or place an order for convenience when they are on the go. It was crazy to see my phone screens simply and naturally turn into iWatch screens, also for the simple convenience of a checkout on the go. I also was able to create videos walking through my app so viewers are able to get a quick sense of how the app works.

I decided to go in three different directions for the look and feel of my app re-design. One, mostly incorporating Dunkin's pink, another mostly incorporating Dunkin's orange and one incorporating all of Dunkin's color. My classmates and Professor Hastings helped me realize that the mostly pink and mostly orange screens were too much of one color. They also helped me see that the dark background of the mostly pink screens would be hard to see a lot of features and that the orange could be hard to see with printing purposes. We decided to go mostly in the direction that incorporated all three colors, however, the hierarchy of the profile was not working and I needed to find a different way to present such important numbers for the user. We decided that the menu was way too small for both the phone and watch screens and that I could find a much easier to display each choice when ordering a coffee. We decided to ditch the logo at the top of the welcome screen because the cups were competing with each other and that maybe I could make the vector cup into a GIF so that the coffee looks like it is filling up. Lastly, we decided to change "Order-On-The-Go" should be changed to "Order" and that the placement of the navigation would be hard to reach for a user. With all of these tips and suggestions I am now super excited to rework these screens to make them even better! 

I then took my sketches to the next level and created a solidified flow chart showing the user exactly how they would be able to navigate throughout the application. Even though it seems overwhelming, it has abundantly fewer screens than the current app does and I wanted to make moving through the application to get to anywhere the user needed to a very simple and easy experience. For my wireframes, I used different shapes to indicate what each feature of the app did whether it'd be taping, swiping, typing or scrolling.