A few changes were made to this screen based on user feedback.

There was a trend in users trying to click the progress bar below the Design Now button. This was not supposed to be clickable; it was just there to show the user how intuitive the steps were to order a cake through the app.

Therefore, the progress bar was eliminated on this screen and a blue bar was placed in the background to solidify the hierarchy of the page and make it clear to users that the first step to ordering their cake is to click the “Start Design” button.

Usability testing revealed that the users were having a hard time discerning the pictures from the buttons. Therefore, in order to make this distinction, several changes took place.

First, both pictures were wrapped in circles and given a hover effect (this hover effect would only benefit desktop users, but adds another layer of clarity as to what is clickable).

Additionally, both the pictures and the buttons are enabled to get users to the next screen. Lastly, a color bar was applied in the background to draw users to this button area.

Usability testing showed that creating a progress bar was ideal for showing the flow of the app instead of just having a picture of it on the home page.

Additionally, since research showed that we needed to cater toward budget and ease-of navigation, a bar was put behind the filters on this page to draw attention to these features.

Usability testing showed that the app needed clear and intuitive steps to saving one’s progress. The “save” button at the top wasn’t as intuitive as originally thought. Many users in the testing referred to Amazon’s “add to cart” feature, which is where their purchases can be saved and found again easily.

Therefore, a similar function has been applied to this app, “Save Progress to Cart.” If the user goes through this process, they will be directed to create an account, and then the next screen would show the cart having a +1 item.

Not much was changed with this screen. Some grouping and hierarchical elements were implemented.

Additionally, some editing to wording on buttons was applied. Due to user testing, it was brought to the designer’s attention that these types of edits needed to be made so that there was more clarity and recognizability.

And as you will notice, the cart now has a +1 added, showing the user that they now have an item waiting for checkout.

After testing, it was found that the Day Picker needed to be in the format of a calendar in order for users to easily choose their pickup day and not have to get out a calendar separately (just in case this cake is scheduled way in advance).

Again, this page has minimal changes. The main alterations occur to the grouping and hierarchical modifications.

Additionally, the wording on some of the buttons were adjusted to be more clear. And the buttons were rearranged so that the main function of submitting payment was on top, allowing the users to move more smoothly throughout the app.

This screen was actually not included in the original flow.

Having this additional rendering of all the information in the form of a confirmation screen was a major discovery in the usability study.

From the original lo-fi mockup, not much transpired change-wise to the hi-fi mockup, except some grouping and hierarchical modifications.

A couple major changes have taken place with this screen due to usability studies.

A cake icon was added to give a sense of gratification in the user that the cake is being worked on and that they have completed the process.

The next adjustment was to add a “Next Step” button. This was to direct users more directly to a feature they will want to use in planning, which is the “Track Your Order” page.

Previously, when the app discussed “saving” their order with the “Save” button, they didn’t remember what the pop-up had said when it was time for them to go back into the app and find their saved orders again.

Therefore, this pop-up includes a button that directs the user straight to the tracking page so that the user gets practice and knows what this page looks like.

This page is important because our user base is filled with planners and individuals with busy schedules that will want to have this tracking feature and the notification turned on.