departments cover.jpg

Departments | Weave

 Departments is an admin phone settings configuration page. Admins can assign specific settings for certain phone numbers or extensions.

During my three years at Weave, I worked on the Departments project, which empowered users to configure their own phone systems instead of relying on support calls. Despite the complexity of telecommunications, Weave chose to put control in users' hands. Collaborating with two excellent PMs and engaged users, we conducted thorough testing on the new configuration and settings pages. This project streamlined processes and enhanced user autonomy, showcasing Weave's commitment to user-centric design.

Problems to Solve

  • Introduce a way for users to manage and configure settings for specific phone numbers and/or extensions

  • Make the configuration process easy to digest, understand, and use

Design Decisions

  • Section the settings into categories that made the most sense and use accordions to focus the user’s attention on one section at a time

  • Save per section instead of auto-save or save the entire page at once

    • Makes it easier to point out errors

    • Easier for users to know what they have and have not completed

  • Clearly label and describe each toggle, input, button, and other actions

    • Break language down to its simplest form, without losing important information

    • Help the user understand the action with helper text

  • Created previews to listen to selected files for select settings


Phone Number Settings


Voicemail Box Settings


Phone Hours & Call Routing

Features included in Phone Hours & Call Routing:

  • Ability to clearly visualize open and closed office hours with additional time blocks that all have their own settings

  • Ability to clearly identify which blocks of time have not been looked at, edited, or reviewed within the routing settings section

    • Added a badge for breaks listed in the tabs to signify what is new/not looked at

  • Clearly signify to the user which setting they are selecting and what those settings mean

    • Created clear blocks that act as radio buttons and tabs in one action with helper text

  • Within each setting, provide a way to select appropriate pre-made assets, and if none are made, a way to make new ones

    • Mostly designed with simple drop downs to select appropriate assets

    • Within the dropdown, added an option to “Add new [asset]” which takes them to a separate page with appropriate settings

      • Ideally, the user wouldn’t have to leave the page, but within the scope and engineering abilities at the time, the team couldn’t provide this feature for all settings