Canvass Team Management

Increasing app value by improving manager tools and rep visibility

Canvass - Map-Based Mobile CRM

Summary

Scope
2 MONTHS
Roles
UX Design
user testing
ui design
Tools
sketch
figma
zoom
Team Management Prototype
Area Management Prototype
PROBLEM

Canvass is a map-based mobile CRM app, which relies heavily on teams of salesmen and their production. Currently, team managers do not have adequate insight to how their team is doing. Managers receive a report of sale metrics only once a month. They are also unable to tell which team members are active. On the areas page, the area metrics, like % of area knocked and number of addresses, has low visibility, which makes it hard for managers to know when to give their reps new area to knock. The area management section of team management is also hard to read, seems cluttered, and has low visual hierarchy.

PURPOSE

The main purpose of this redesign is to give managers more tools to run their team, and to give them increased insight into how their team is doing. This will increase the performance of teams and overall make Canvass a better value for sales teams.

Design Process

1. Research
  • current feature analysis
  • uncovered needs
2. Ideate
  • wireframes
  • usability testing
3. Iterate
  • Prototype & changes
  • next version

Current Feature Analysis

Right now, Team Management and Area Management are a part of the same feature, or page. Having everything on one page makes them both seem bloated and cluttered, even though they aren't actually displaying much information. Splitting these into different pages will allow me to include more content that will menefit managers.

TEAM MANAGEMENT

The Team Members tab is currently just a list of the team members' names. There is supposed to be their rep photo on the left, but that doesn't even seem to be working.

If you select a team member, it will take you to their rep card, where the manager can contact them and see their stats. The 'interactions' section doesn't have a date picker or filter, which makes that section irrelevant to managers. Managers would like a quick way to see if a rep has run out of houses to knock, which they then would assign them more area. We could add that to this rep card as well as the area management page.

Opportunities/ideas:
Show rep status/stats on list. Add working photos
Add different areas to rep card, that includes stats of specific areas, like % knocked. Remove interactions list

AREA MANAGEMENT

The main areas page currently shows the area name, color, assigned reps, and city.
Managers rarely look at the city section.
Total Homes and % knocked is shown on the individual area page, but it could be useful to show that on the areas list as well.
The New Area button is also harder to find, even though it is at the top of the page.
It would also be nice to filter areas.

As for the individual area page, the content could be arranged better. The spacing seems off, the edit button looks weird. There is too much unused areas in the sections, making the page too long, requiring the user to scroll to see most of the data.

Opportunities/ideas:
Replace city with % knocked/total homes. Redo New Area button. Add a filter button.
Rearrange content to be more consolidated and require less scrolling from user.

AREA CREATION

Some complaints about area creation that I have heard from users:

Can't edit area shape or do multiple shapes. Every time they press on the map, it resets the shape.

Can't pan or zoom map. If manager wants to do this, they have to exit out of are creation, move the map in place, and then go back into area creation

Uncovered Needs

For this project, I worked closely with Canvass’ Product Manager. She aided me by not only documenting the problem, she also gathered initial needs for this feature and aided in defining the scope of this project. I was in constant communication with her throughout the design process, especially towards the assessment period.

SUMMARY

This is the initial instruction I received from the Project Manager:

"- Display high level team data showing managers how their teams are doing on production for the current month along with their deviations from the pervious month. This will tell the manager if the particular team he/she is viewing is on track to do better than last month.

- Below this dashboard, a list of reps of the team will be shown with a quick view of significant metrics for each rep. From this list Managers can drill down to an individuals rep card.

- Show the following metrics for any given team: Active reps, Signed Deals, kWs, Installed, kWs Installed, Per Rep Average (PRA), and Active PRA.

- Also list total reps on the team. We are unable to know quickly how they got the PRA number because it is not listed on the page.

- Add last month's deviation"

Wireframes

With the needs of the users in mind, and analyzing the limitations of the current app, I created a list of features that would be useful. I began sketching screens with pen and paper, I then transformed these into wireframes using Sketch. This allowed me to better design flows.

TEAM MANAGEMENT
Team Production
  • Graph at the top, showing production metrics for current/past timeframe.
  • Can change between metrics (Signed Deals, kW Signed, Installed, and kW Installed.
  • List active reps %, as well as Active Per Rep Average.
  • List of reps will now also show role (Setter or closer), last active, and specific metrics from those shown above.
Rep Card
  • Fix rep image
  • get rid of interactions
  • Show list of areas
  • List address # and % knocked on assigned areas
AREA MANAGEMENT
All Areas
  • Separate assigned areas and unassigned areas into tabs. shorten need for scrolling.
  • Add Addresses # and % knocked to areas list
Area Card
  • Show Addresses # and % knocked on map
  • Remove activity stats
  • Change layout to be more easily read
AREA CREATION
  • Show Address # and % Knocked of houses in the current selection. This will recalculate as the area is changed.
  • Have an undo button to undo previous area changes.
  • Have an Add area/Trim area toggle.
  • The user will now be able to pan/zoom the map as needed.
  • The user can now create multiple shapes for one area.

Usability Testing

In order to see if my proposed solutions would be successful and are worth building, I carried out several Usability Tests, both with Canvass managers and other Canvass employees. I tried to find any points of confusion shown, and made sure to write down any suggestions they brought up.

SCENARIO TASKS
TEST OBJECTIVES

Prototype & Changes

After observing the results of the usability tests, I made the following changes in Sketch, and compiled a clickable prototype to show the final product.

Team Management Prototype
Area Management Prototype
TEAM MANAGEMENT
Metrics Graph
  • Timeframe will be listed at the top of the graph
  • The comparison metric will have a dropdown, where the user can change from specific months.
  • The graph will have a legend that will show the 2 metrics, as well as a % of increase or decrease.
Team Members List
  • Add a View Leaderboard button to the top of this section.
  • Get rid of PRA, only keep APRA at the top of this section.
  • Have button to explain what APRA is.
  • Add contact buttons to the right of each team member section.
AREA MANAGEMENT
Areas on Map
  • Added # of Addresses and & Knocked to map.
  • Changed background to white for better contrast.
  • Show location of rep's last logged interaction.
  • When page is first navigated to, the map will now zoom to show all areas in that selected team.
Areas List
  • Changed Assigned Areas and Unassigned Areas to tabs.
  • Icon size will now match other places on the app.
  • Add Address # and % Knocked to areas.
Area Page
  • Graph at the top, showing current production metrics and past timeframe metrics.
  • Can change between metrics (Signed accounts, kW signed, Installed accounts, and kW installed.
  • Has % of active reps, as well as Active Per Rep Average.
  • List of reps will now also show member role (Setter or closer), last active, and specific metrics from those shown above.
AREA CREATION
  • Show Address # and % Knocked of houses in the current selection. The user will press Refresh when they want the number to be recalculated.
  • Have an undo button to undo previous area changes.
  • Have an Add area/Trim area toggle.
  • The user will now be able to pan/zoom the map as needed.

Next Version

The next version of Team Management will be more focused on helping managers in the recruiting process. This will be done by:

Reflections

The biggest hurdle I faced during this project was the limited availability of Canvass managers to test with. Door Salesman are usually out knocking during the workday, which means their managers are typically even more busy. I'm glad I faced this, however, because It emphasized to me the value of their time. If we are able to give them more efficient tools, it will go a long way.
One design skill that this project helped me improve is the ability to keep the pages neat, with a good visual hierarchy, and to not feel cluttered. Early on in my professional career, I struggled with this, so it was nice to see an improvement in myself.
Overall, I really enjoyed this project. Being able to take an important tool and improve upon it is very fulfilling to me, and I am excited to see how this will increase Canvass's value as a sales tool.