Sketches

The following is a gallery of UI sketches for the project. They cover most of the hero screens/moments and are grouped accordingly.

Study Overview

The study overview provides the user with a summary of what the study is about, why they are invited, the general schedule of the study, the activities of interest in the study with the ability to select which activities they will allow to be captured. The study overview also acts as the invitation page. This means the study overview is likely the first impression a user will have of the system.

Study Overview, Intro

Study Overview 01

 

 

Study Overview, Intro + Side Navigation

Study Overview 02

 

 

Study Overview, Intro + Progression/Wizard

Study Overview 03

 

 

Study Overview, Timeline/Schedule + Activity Permission

Study Overview 04

 

 

Study Overview, Activity Permission

Activity Permission 01

 

 

Study Overview, Activity Permission

Activity Permission 02

 

 

Study Overview, Activity Permission

Activity Permission 03

 

 

Study Overview, Confirmation

Invite Confirmation 01

 

 

Study Overview, Confirmation

Invite Confirmation 02

 

 

Study Overview, Confirmation

Invite Confirmation 03

 

 

Dashboard

Upon agreeing to participate in a study, the user is given a dashboard. The dashboard provides actionable notifications, a listing of any current studies in which the user is participating, and a listing of their recent activities that have been captured.

 

Dashboard

Dashboard 01

 

 

Dashboard

Dashboard 02

 

 

Dashboard

Dashboard 03

 

 

Dashboard, Detail on Active Study Card

Dashboard 04

 

 

Dashboard, Primary Navigation Expanded by Default

Dashboard 05

 

 

Dashboard, Horizontal Scrolling Study Cards

Dashboard 06

 

 

Primary Navigation

Navigating the system is handled primarily via a navigation menu that is invoked, sliding in from the left side of the screen. This menu contains the main sections of the system and potentially recent notifications or activities. A widget at the bottom of the navigation menu allows users to temporarily suspend (or “snooze”) their participation in any active studies.

Primary Navigation

Primary Nav 01

 

 

Primary Navigation, Mobile

Primary Nav 02

 

 

Activity Feed

The system captures user behavior as “activities”. These captured activities are made available in real time for the user to review. Only activities that the user have given the system permission to observe are logged and shown in the user’s activity feed.

Activity Feed 01

 

 

Study Analytics

The system provides exhaustive reporting for each study. While this feature is primarily intended for consumption by management personnel, I am interested in trying to find a way to make such a view available to all participants that is useful and—more importantly—does not invade participant privacy.

Study Analytics

Study Analytics 01

 

 

Study Analytics

Study Analytics 02

 

 

Study Analytics

Study Analytics 03