top of page

Sketching App Flow

For each app section, find 3 examples of different mobile patterns. For example, what are three ways that you can sign up to use an app?

signup-100.jpg

The first pattern the user would go through introduction slides of the app before getting to sign-up.

1

2

The second pattern allows the user to choose sign-up/log-in OR they can slide through the intro.

3

Finally the third pattern is a tutorial slideshow before the other features.

The second pattern works best because we don't want the user frustrated that they can not access the log-in feature right away. It allows the user to skip the intro slides, but not our terms and conditions later on.

data.jpg

1

The first pattern the information is in a list fashion. The Profile is listed with the data.

2

The second pattern puts the information in a grid form with an added search feature as well. 

3

Finally the data and profile options are a navigation bar, or as words where the information would slide between them.

The first pattern would be the most effective because this data will be a second navigation feature from the home navigation. 

navigation_sketch-100.jpg

1

The first model has the navigation as a floating bar along the bottom. Inspired by Pinterest for easy access.

2

The second option is a slide out menu either by hamburger menu or a push bar similar to iOS's Home feature.

3

Lastly the navigation is on the top corners, or in number 4 they are on the bottom right for ease-of-use.

The first pattern where the navigation is on the bottom of the page I believe works best. Although I have to decide whether it should be floating or pinned to the bottom.

bottom of page