Tuesday, March 7, 2017

Objective: Connect to Facebook 

Here is my process, I usually try to map out the user flow from an overhead view. This is the main guts where I quickly map out the broad user flow. I get a chance to strengthen and make the flow as seamless as possible.



I then take the next step and usually start my quick mock up flows through Invision:

Here I have links to all use cases that a user can run into depending on progression in the game to connect to Facebook.

deviceSyncWithAlternateSave Flow:
deviceSyncWithoutGameSave Flow:
disconnectFlow:
deviceOutOfSyncFlow:

I share these Invisions with my team, and get approvals with the stake holders. Once approved, I go into actually implementing the final version into Unity with the engineers.

Here are some wireframes for a users level up screen to finalized level up screen:


Here are some wireframes for a marketplace screen to finalized marketplace screen: