Google Drive Sync - Onboarding Flow

Project Goals

 - Guide user to sync folders

-  Clarify function of Google Drive Sync

- Define relationship between Drive & Photos

Challenge

- Complex & confusing function of syncing up & syncing down

-  Misleading junction with Google Photos

Approach

- Seek clarity through copywriting and info graphics

- Divergent design explorations

- Rigorous user testing & research

Process Sketches

 

Process: Welcome Screen

 

Process: Folder Selection

 

Process: Storage Error

 

Process: Google Photos

 

Process: Discoverability

 

Google Drive Sync combines the features of Google Drive and
Google Photos into one local desktop application.

 
1-c.gif

These are the onboarding screens, which are the first screens the user sees after downloading Drive Sync.

 
14.png

Here Google Drive Sync detects all your local folders and allows you to sync them to Drive. 

 

We had to consider all possible edge cases, including storage purchasing.

 
25.png

Here Google Drive connects with Google Photos and allows you to have free
unlimited storage when it comes to compressed photos.

 
29.png

Here the user is able to name their synced device. User tests show that naming
their device allows users to easily recognize their synced device in online-menus.

 
32.png

Tool tips guide users in terms of new features, synced folders and errors.