How We’ve Integrated Collaborative Features In Our Email Client

By on December 03rd, 2013

As we’ve explained in a previous article, We’ve Entered The Collaborative Software Era and The Mail Client Is Still In The Stone Age, we deeply believe that collaborative features are missing from modern email clients. It’s not necessarily true for our own private email addresses but it’s definitely missing for our professional shared addresses such as support@, hello@, jobs@, press@ etc.

Here are a tour of our, still in Beta, product and how we have integrated comments, assignments and an activity feed in it.

Shared Inboxes

Addresses like support@, beta@, contact@, hello@ are created to be shared between colleagues. However with traditional email clients it’s a pain to know who answered what or to check whether all incoming emails were handled.

What is lacking is the entire concept of “shared inboxes”: a central place in your email client where everybody could see not only the incoming messages but also what the others are answering.

This idea of “shared inboxes” works as follow on Front:

  1. You import a company group address (ex: support@…) in Front.
  2. Front acts like a normal email client: incoming emails arrive directly in it and you can answer them on the fly.
  3. You invite your colleagues to join Front.
  4. They download the app and when they launch it they have access to the shared support@ address.
  5. From now on they see exactly what you see. Everybody receive the same emails and see what the others are answering.
  6. Each group address can be shared with different teammates (bugs@ address can be shared with the dev team only for example).

This is Front main interface. Composed of 4 panes:

Screen-1

 

The left pane displays all the group addresses you import. For instance at Front we are sharing beta@frontapp.com and welcome@frontapp.com which we use to onboard our beta testers and to collect feedback. These two addresses are used by all the team members:

Screen-2

 

The second and third panes are used to display conversations. Conversations are organized by contact rather by email subject. So all emails exchanged with a contact are gathered in a unique conversation thread. On the very right you can see the list of the people who are sharing this inbox. It means that all of them see exactly what you see:

screen-3

Comments

Comments are one of my favorites features in Front. The problem with pro emails is that very often, before answering a customer request you need to ask questions to other colleagues. And most of the time you end up doing that either by writing more emails or by asking your colleagues on other channels like on your chat system (Skype, Hipchat, Gtalk, Yammer etc…). These solutions are only patches and actually increase the noise.

We decided to integrate a commenting system directly in our email client. Each message of a conversation can be commented.

To illustrate the relevance of comments within an email client I’ve  made a screenshot of a real example:

screen-4-comments

 

Unfortunately we still write in french 🙂 What happens here is that a beta tester had a problem to login. So he sent a message to beta@frontapp.com asking Matthieu for help. Matthieu is the biz guy and doesn’t really know what is going on so he directly asks Laurent (our CTO) in a comment (and via a @ mention so he is sure that Laurent is notified in real time) how to fix the problem. Several comments later Laurent decided to directly answer our dear beta tester.

There are two huge advantages of using comments directly in your email client:

  1. you avoid doing dirty Bcc’s or other hacks to communicate with your teammates
  2. all comments are centralized directly under the message it concerns. Better organized. Cleaner.

Assignments

An obvious feature when you collaborate on your group addresses is to be able to assign conversations to people.

Let’s say that you receive an email from a lead. You want to be sure that Mike, your best biz guy, will take care about it. You can assign this particular conversation to him. Two things happen:

  • first he is notified in real time that he has been assigned to a new conversation
  • second this conversation is added to his “Assigned” inbox which centralizes all his important conversations.

Assigning a conversation to a teammate is fast and easy:

assignments

Notification Center / Activity Feed

The last important set of features I wanted to talk about concerns the ability to easily stay informed of what’s going on.

When you receive many emails, and that you are not the only one answering them, it’s really easy to get lost. You don’t really know what is going on, whether all emails have been answered or not. If new messages were received and handled by your colleagues. If some of them added interesting comments etc.

To solve this problem we implemented about two features: the notification center and the activity feed.

The notification center is a list of the latest notifications you have received. These notifications are for actions which are related to you (a new message arrived in a conversation you are assigned to, somebody  mentioned you in a comment etc…)

 notification-center

The activity feed is a feed of all actions which happened in Front recently. The difference with the notification center is that you can see actions that are not necessarily related to you. For example when colleagues had a discussion via comments, or when somebody answered a conversation you were not assigned to. It’s a good way to be kept informed of what is going on globally.

activity-center

As you can see we use different icons for each type of actions (@ for mention, comment bubble for comments, a paper plane directed to the right for outgoing emails and directed to the left for incoming emails).

If you also want to be part of our beta testers you can register on our homepage or send us a mail at: beta@frontapp.com

Get our very best content delivered to your inbox - it’s free!
+ Get access to a list of our favorite resources. No gimmicks, and 1-click unsubscribe.

3 responses to “How We’ve Integrated Collaborative Features In Our Email Client”

  1. […] solution: shared inboxes + Follow. As we’ve explained in a previous article Front relies on the concept of “shared inboxes”. Once you have imported an inbox (let’s say […]

  2. Guillermo Faría says:

    Great way to solve that “collaborative” problem. Two bads for me: my office is tied to Windows, and you´re still on beta. =(
    I think you can think on this other BIG problem of mail: how to group, link, tie, organize mail along with other documents related to the same issue

    • Mathilde Collin says:

      I’ve got two good news for you Guillermo: Front is working on Windows and we’ll be soon out of beta =) We’ll try to tackle this other big problem in the future. Thanks!

Leave a Reply

Your email address will not be published. Required fields are marked *