We launched a home for the dscout web app because it lacked a clear home page. Researchers upon logging in, would arrive at the last active project. First time researchers would arrive at an empty first project, which could potentially be a confusing onboarding experience.

I was lead designer and Scrum Master on the project, and I also lead the re-design of the dscout project page, which we tackled alongside building the home.

Objectives

  • Provide a home for the dscout web app.
  • Re-design the old project page.

Key Results

  • A home for a researcher’s projects.
  • An improved and useful project page.

The new home

Dscout’s home has a main column with a researcher’s collection of projects. There is a primary call to action to create a new project to the left of the main column. To the right, there is a sidebar with account contact information, and help docs with help chat links.

Home Page

Researchers can use the main content’s search bar to quickly look for projects , missions, or live panels.

Search for projects, missions, and screeners

When a project is done, a researcher can mark it as complete, as if they’re archiving a project. This project will then move to the completed projects tab on the main content.

Complete a project
Complete a project

A researcher is able to delete projects under some caveats. Dscout does not allow researchers to delete projects which contain active or completed (closed) missions or screeners.

If a project is in draft and does not contain any launched missions, researchers are able to delete it.

Below, we see a project which contains the trash icon and projects who don’t. This shows the difference between “draft” projects, and in progress projects that can’t be deleted.

Delete an empty project
Delete a project modal

If a researcher is for example working under a big organization, they may be using different dscout accounts per team. In the following example, you see an account dropdown that lists two different accounts that this researcher is part of. This is the dropdown where a researcher is able to go between dscout accounts.

Switching dscout accounts

The New Project Page

We have broken up what makes part of a dscout project into actionable items.

On the left sidebar, a quick click away to create a screener, mission, or panel.

The main content populates a researchers’ diary missions in a container, followed by panels and screeners in the same fashion.

The right sidebar provides contact information about the project lead and dscout contact, with an addition of help links.

A dscout project

It’s quite easy to create a new screener through the prominent “Create Screener” call to action. A screener can be started froms cratch or copied from a previous one.

Create a new Screener or copy from previous

Below the Screener call to action, a researcher can create a Diary mission through a “Create Diary Mission” action. Not only can these be created from scratche or copied from a previous mission, they can also be created based on a template.

Create a new Diary Mission, copy from previous, or create from a template

There are instances where a researcher might need to move a mission, screener, or panel into another project. For that case, we provide an action through an actionable arrow icon which opens a dropdown where a researcher can pick a project within their account for this mission/panel/screener to be moved to.

Move a Mission or Screener
Move a Mission or Screener
Move a Mission or Screener

Screeners can be deleted if they’re in draft mode.

Delete a draft Mission or Screener
Delete a draft Mission or Screener modal