Creating a profile using a wizard on mobile

Question

I am making a 4-step wizard to create a model's profile.

This is what I have right now:

There is a header with 5 stars that fill up as the user fills up their profile, and a next button that mentions the next section of the page. The user can click the button or swipe left to move forward, and swipe right to move back.

Now, I am not very happy with the way the header (especially the 5 stars widget) looks:

Should I replace it with some other form of progress indicator?

Is there a way to combine the stars and next button into a single widget, that serves the purposes:

• Display current progress
• An action to goto the next screen
• Show the title of the current screen (this is missing in current version)

Any ideas, or even examples of mobile apps implementing a wizard effectively would be greatly appreciated.

Answer 1

I have mocked up the most common type of wizard with progressive indicator. You might want to "gamify" your app to motivate user to complete all the steps, especially if your model profile consist more than a few steps.

^{download bmml source – Wireframes created with Balsamiq Mockups}