Work/AT&T ToggleMobile work platform · Huge · 2014

A work phone inside your own phone

AT&T Toggle splits one phone in two: your side, and a work side your company manages, with its own data and minutes. In 2014 Huge designed that work side as a small operating system of its own. I designed its calendar and its settings, where the usage is metered.

Toggle lock screen wireframe: a four-way diamond over a wall of coworkers, with counts for calendar, mail, messages and callsToggle home screen: a meeting invitation with Accept, Decline and Dismiss above a grid of coworkers and teamsA coworker selected on the home screen with four actions fanned out: Call, Message, E-mail and MeetData usage screen: a ring showing 2.42 of 3 GB used, split into colored segments by appCalendar month view where each day carries a dot sized by how busy it is
Client
AT&T
Agency
Huge, Atlanta
Role
Interaction design: calendar, settings and usage, user flows
Year
2014
Scope
A work layer for phone and tablet, and a desktop admin dashboard
01The brief

Bring‑your‑own‑device has a simple problem: one phone, two lives.

Toggle keeps them apart. Work mail, calendar, contacts and apps live in a partition of their own, behind their own lock, and the company’s admin sets the policies for that side only. Because the two sides are separate, work data and work minutes can be counted on their own.

Our job at Huge was to make the partition a place people want to go. We designed it as a full layer, with its own lock screen, home screen, notifications, calendar and settings, for phone and tablet, plus a desktop dashboard for the admin.

02Three decisions
  1. 1

    Start with people, not apps.

    Home is a wall of coworkers and teams, each with a dot that shows who is online. Press a person and four actions fan out: call, message, e‑mail, meet. Press a team and the same four work on the whole group. The newest thing that needs you sits on top with its answer one tap away.

    The apps are still there, in a drawer. The last item in the drawer is “Close Toggle,” the way back to your own side of the phone.

    Home screen with a meeting invitation and Accept, Decline and Dismiss buttons above the people gridHome screen scrolled to the grid of coworkers and teams with online countsA person selected with Call, Message, E-mail and Meet fanned out beside themA contact opened with View or Edit Contact Info and the four actions
    Swipe for moreHome, April 2014. A notification with its actions, the wall of people and teams, and the four actions that open from any of them.
    Home screen notification: Frank Rauss uploaded a file to ATL Team, with Open and DismissSearch for users and groups above an alphabetical list of coworkersThe app drawer as a grid of tiles with Close Toggle at the bottomToggle lock screen with the four-way diamond
    Swipe for moreFiles, search, apps and the lock. The drawer ends with “Close Toggle.”
  2. 2

    Give the work side its own door.

    Toggle has its own lock and its own PIN. The lock is a four‑way control, and each quarter shows what is waiting: meetings, mail, messages and calls. You know what the work side wants from you before you open it.

    Inside, every notification carries the sender’s availability, so “in a meeting to 11:30” arrives with the message itself.

    Lock screen wireframe with counts on calendar, mail, messages and callsNotification list wireframe mixing mail, calls, meetings and messagesNotifications grouped by type with each sender marked available or unavailableA single message opened from the notification list
    Swipe for moreLock and notifications, March 2014 wireframes. One list for mail, calls, meetings and messages.
  3. 3

    Show the meter.

    The work side has its own allowance, so I gave it its own gauge. Data is a ring that fills toward the plan limit, split by the apps that used it: 2.42 of 3 GB in this example. Voice is the same ring in minutes.

    The away timer is a dial. Drag it to 30 minutes and your status changes until the time runs out.

    Toggle Settings list: Set Away Timer, Data Usage, Voice Usage, Alerts, Contacts, Meetings, GeneralSet Away For dial set to 30 minutes with a Set Away buttonData ring showing 2.42 of 3 GB with colored segments per appVoice ring showing 280 of 750 minutes
    Swipe for moreSettings and usage, March 30, 2014. My screens: the settings list, the away dial, and data and voice as one ring.
03The calendar

A calendar you can read before you read it.

I designed the calendar around density. Every day gets a dot, and the dot grows with how much is booked. A week, a month or a year shows where the time has gone before you read a single title. Move in and the dots open into the day.

Day view with UX Weekly Regroup and Heads Down blocks and a marker at the current timeThe days ahead as a list above a week of dots sized by how busy each day isMonth view with a dot on each day sized by how busy it isYear view with twelve small month grids
Swipe for moreCalendar, April 3, 2014. Day, the days ahead, month and year.

A meeting opens as a card: who is going, who is invited, and how many of them have a conflict at that time.

Meeting card: UX Weekly Regroup, 3:15 to 3:30pm, 4 going, 8 invited, 3 have conflicts at this timeThe same meeting card with the invite list, notes, an attached file and a delete control
Swipe for moreA meeting. “8 invited. 3 have conflicts at this time.”
04What it covered

In May 2014 the flows went into a two‑day workshop: fifteen for the person holding the phone and five for the admin.

  • End userInstall, lock screen, home, notifications, all apps, contacts, calls, inbox, calendar, scheduling a meeting, profiles, groups, settings and data usage, for phone and tablet
  • AdminDashboard, user list, user details, policies and available apps, on desktop
  • VisionToggle for smart watches, and desktop integration
05My role

I was an interaction designer at Huge in Atlanta. I designed the mobile calendar and the settings, including data usage, voice usage and the away timer, and worked on the user flows with the team.

The home screen, lock screen and notification designs on this page are my teammates’ work on the same system. They are here because the calendar and settings only make sense inside it.