The Organic UX Process Behind Slack’s Success

UXPin
7 min readJun 15, 2016

The following excerpt is from the 67-page guide UX Design in Action. You can either get the guide as a PDF, or read it online.

Valued at over $3 billion dollars with 600,000+ paying customers at the start of 2016, Slack is on a mission to humanize team communication.

Just as Slack aims to improve people’s working lives through simplification, it has also inspired an internal design process that mirrors this same free-flowing, organic approach to work.

The 400-plus employee company has a rare internal resource: a huge, constant pool of employees to user test with. Since all employees across the company dogfood Slack every day for 8+ hours a day, the Slack design team enjoys unprecedented access to constant user feedback and an intimate knowledge of the product.

As a result, Slack’s design process mirrors the open, constant communication that the company was created to provide.

Photo credit: Diogenes Brito

From “A Vaguely Defined Problem Statement” to Product Brief

Diogenes Brito, Product Designer and Engineer at Slack’s San Francisco HQ, explains that most product ideas and feature requests start as “a vaguely defined problem statement” driven either by customer support tickets, feedback within Slack’s product channels and social media, or the company’s own product teams.

Diogenes Brito, Product Designer and Engineer at Slack

As one of the first steps in solidifying the project, the product manager and designer meet together to record ideas in one place.

This initial document is a product brief that, as Diogenes says, is “really about the spirit of the project, seeking to define the core goal and the nuances of the problem” so everyone has the right context for the follow-up kick-off meeting. The brief is in fact a living document which will evolve throughout the entire process.

Indeed, while the core of the brief will stay the same once the project details are finalized, the brief becomes a focal point for design reviews and serve as an artifact of all that was done once the project is complete. It will even be used as the core asset for final executive review.

The brief not only consolidates ideas down in one place but it also gathers constraints.

Questions covered in the brief include:

  • What does the team care about the most?
  • What is in scope, and what isn’t?
  • What does success look like, and how will we measure that?

“The brief is not prescriptive but more about asking the right questions so we can explore in the right way, knowing the boundaries of the problem,” Diogenes explains.

The Kickoff

Once the brief is ready, the lead designer and product manager will hold a kick-off with the larger team. At this point, some preliminary ideas may be covered (and the designer may have completed some exploration with rough mockups or wireframes to act as a visual aid).

Photo credit: Diogenes Brito

Regardless, at the kick-off, the team always reviews the entirety of the brief to ensure everyone fully understands the project and can air their core ideas and concerns.

The kick-off helps everyone understand the design problems and goals, while also discussing any burning ideas. The kick-off is not meant as a free-form brainstorming session.

Pair Design

Once the kick-off finishes, designers and developers begin their exploration and specification in tandem, checking in with each other in informally throughout the process in Slack.

What is formalized is that designers always work in pairs, with one acting as the lead designer. Diogenes compares the relationship to the tennis stars Serena and Venus Williams, noting they are both amazing but one person is usually leading and serving.

Photo credit: Diogenes Brito

“Pair design gives you a partner in crime to help you explore ideas more,” Diogenes explains. “It’s two people with similar or complementary skills riffing off each other. Plus when you have two people, it helps you get unstuck faster when you hit a roadblock.”

Both designers work on different design problems, but regularly brainstorm concepts and cross-pollinate ideas. Other team members may also involve themselves with the pair for consensus-building and informal brainstorming, but the team prefers impromptu activities to formally scheduled workshops.

While the designers are exploring concepts, the developers are also exploring relevant parts of the codebase and overall technical constraints. Once the two groups feel confident about their understanding of constraints, the whole team will hold a “post-kickoff” to review the product and technical requirements.

Following the post-kickoff, design critiques happen twice a week. When a designer feels ready, they bring their work for feedback from the larger product team. While the larger team may offer feedback to the design pair, the “lead” designer remains the clear point of contact with the product manager.

This point-person remains in place all the way through final design review, which includes product leadership and the CEO Stewart Butterfield.

Freedom in Design Tools

Instead of following strict protocol, Slack designers alternate between sketching and low and hi-fi prototypes when designing, using the right tool for the problem at hand.

“The big thing for us is not whether we do a wireframe, mockup, or high fidelity prototypes,” Diogenes explains. “It’s about thinking about the question and using the best tool to arrive at the answer with the least amount of work.”

Photo credit: Diogenes Brito

For example, when Diogenes was working on a new auto-complete feature, he created a number of low fidelity prototypes to answer questions around the core interaction model. But when he encountered tricky micro-interactions, he would build working prototypes in code to finalize the details.

“Sometimes we can go right to design from sketching because we know our product so well.” he says. “We use whatever tools we are the fastest in–and that varies from paper, Keynote, HTML, to a collaborative design platform depending on the project.”

Dogfooding and Usability Testing

At Slack, usability testing is not usually a separate item in the design process. Instead, user testing is ongoing because of their massive internal user base.

For example when the team decided to add voice calls, they designed and then released the feature internally, rolling it out very slowly in-house and then to an external beta before eventually to the whole user base.

“We use our intuition,” Diogenes explains, “But it is finely tuned because we all use the product for hours every day. User feedback is also regularly trickling in from outside of the company, and everyone serves weekly support shifts to better empathize with customers.”

Indeed, within the walls of Slack HQ in San Francisco, the design team can test different user scenarios with its own departments. Each department acts as a microcosm of the larger customer base.

For example, designers can learn more about how to improve Slack for finance teams by observing and gathering feedback from its own finance department.

In addition to dogfooding, they also regularly prioritize a steady stream of feedback as it trickles into their customer support Slack channel. That said, when they do embark on brand new features or new audiences–such as international or enterprise-sized teams–the design team will conduct generative field research and more traditional moderated user testing to expand their knowledge.

“Our company is like a 24/7 lab for us,” Diogenes adds. “And because we are all in the product all the time, no issues can just get swept under the rug.”

Sprint to the Finish

Once design is complete, the team moves to a development sprint model. Nonetheless, sprints remain flexible in case unforeseen challenges appear. By the time the product team reaches the sprint stage, most design work is done and the designers focus on offering support and quality control.

Aside from constantly communicating via Slack, the team also holds standups in their channels or in-person as needed.

“Transparency is key to our product and our culture,” Diogenes says. “These same core values inform our design process, making it truly organic and effective. And because we use Slack every day ourselves, new ideas keep coming every day — that’s a serious competitive advantage.”

Conclusion

Slack’s organic design process shows that structured design isn’t the option for startups and enterprises. Flexible processes for concept exploration paired with structured development can deliver successful products, so long as regular research and testing validates the progress.

In closing, we offer the following takeaways:

  • In a product brief, don’t prescribe the solution. Focus more on describing the context around the problem and suggestions for various strategies.
  • After the initial product kickoff, allow the team freedom to explore concepts and discover constraints. Merge development and UX insights by then holding a post-kickoff review to formalize constraints.
  • If your team structure allows, consider pair design for richer idea generation and faster problem-solving.
  • If your company’s employees are similar to your target users, regularly dogfood the product for guerilla research. Internal feedback and testing builds a solid foundation of usability knowledge that you can expand through further field research.

For more detailed design processes from top companies, check out the guide UX Design in Action.

--

--

UXPin

The design tool for teams and professionals. From UI design and prototyping to collaboration and handoff. Speed it up with UXPin. • www.uxpin.com