the design secrets behind slack’s amazing success

29
The design secrets behind Slack’s amazing success #Utwebinar @UserTesting Tina Chen Design Lead, Slack

Upload: usertesting

Post on 16-Apr-2017

473 views

Category:

Design


2 download

TRANSCRIPT

Page 1: The design secrets behind Slack’s amazing success

The design secrets behind Slack’s amazing success

#Utwebinar @UserTesting

Tina Chen

!

Design Lead, Slack

Page 2: The design secrets behind Slack’s amazing success

UserTesting’s on demand customer insights platform enables companies

to create powerful products and exceptional customer experiences.

#UTwebinar

Page 3: The design secrets behind Slack’s amazing success

We Partner With Thousands Of Customers

#UTwebinar

Page 4: The design secrets behind Slack’s amazing success

Across All Platforms, At All Stages Of Development

Watchcustomersinteractwith:

DESKTOP SMARTPHONE TABLET

WEBSITES APPS&PROGRAMS

PROTOTYPES&WIREFRAMES

SURVEYS PHYSICALPRODUCTS

Anywhere people interact with your brand:

ATHOME ATASTORE ONTHEGO

On any pla6orm or device:

#UTwebinar

Page 5: The design secrets behind Slack’s amazing success

Traditional Testing

2 to 3 Weeks 2 to 3 Weeks 1 Week !

Results In Hours, Not Weeks. Save Time. Save Money.

Plan & Recruit Run Study Analyze Data &

Write Report

1 Day 1 Day

Analyze Data

& Iterate

Plan, Recruit & Run Study Within Sprint

2 Days

4-7 Weeks

#UTwebinar

Page 6: The design secrets behind Slack’s amazing success

Agenda

•  Welcome

•  Product Process at Slack

•  Design Process at Slack

•  Building Message Buttons

•  Q&A

Adam Rector Webinar Manager, UserTesting

@iamadamrector

Tina Chen Design Lead, Slack

@meowr

#UTwebinar

Page 7: The design secrets behind Slack’s amazing success

8! !

Tina Chen Design Lead, Slack

!

#UTwebinar

Tina Chen manages the platform design team at Slack. She studied Symbolic Systems at Stanford and went on to become a Senior UX Designer at Google. She then joined Medium as a Product Designer before coming onboard at Slack as a Design Lead. Tina is a full-spectrum designer, covering everything from product strategy, interaction design, prototyping, to branding and visuals. She is deeply interested in understanding people's perspectives and motivations and designing the best products and experiences for them.

@meowr

Page 8: The design secrets behind Slack’s amazing success

Tina Chen Design at Slack

Page 9: The design secrets behind Slack’s amazing success

About me

Page 10: The design secrets behind Slack’s amazing success

Product Process at Slack

Page 11: The design secrets behind Slack’s amazing success

Small Team

Page 12: The design secrets behind Slack’s amazing success

Growing Team

Page 13: The design secrets behind Slack’s amazing success

Product Workshop

Page 14: The design secrets behind Slack’s amazing success

Product Workshop

Design Workshop

Page 15: The design secrets behind Slack’s amazing success

Launch Review

Product Workshop

Design Workshop

Page 16: The design secrets behind Slack’s amazing success

Design Process at Slack

Page 17: The design secrets behind Slack’s amazing success

Discover and Scope

Page 18: The design secrets behind Slack’s amazing success

Iterate and Prototype

Discover and Scope

Page 19: The design secrets behind Slack’s amazing success

Build, Refine, and Launch

Iterate and Prototype

Discover and Scope

Page 20: The design secrets behind Slack’s amazing success

Consider all platforms Prototype and use internally Build in craftsmanship best practices

Things we’ve learned

Page 21: The design secrets behind Slack’s amazing success

Pair designers on teams 1:1 and team studio time Weekly design critiques Slack: discussion, sharing, standup

Design Collaboration

Page 22: The design secrets behind Slack’s amazing success

User empathy Voice and brand Doing the right thing for users Craftsmanship

Building a product users love

Page 23: The design secrets behind Slack’s amazing success

Building Message Buttons

Page 24: The design secrets behind Slack’s amazing success
Page 25: The design secrets behind Slack’s amazing success

What work could happen in Slack? What could the user experience be? What should we build first?

Discover and Scope

Page 26: The design secrets behind Slack’s amazing success

Refreshing attachments Main workflows Building blocks <-> apps

Iterate and Prototype

Page 27: The design secrets behind Slack’s amazing success

Internal testing Working with launch partners Best practices and guidelines

Build, Refine, and Launch

Page 28: The design secrets behind Slack’s amazing success

@meowr Thanks.

Page 29: The design secrets behind Slack’s amazing success

Questions & Answers

!Q A

#UTwebinar