the design secrets behind slack’s amazing success
TRANSCRIPT
![Page 1: The design secrets behind Slack’s amazing success](https://reader034.vdocuments.mx/reader034/viewer/2022042723/586fb2441a28abe57d8b67fd/html5/thumbnails/1.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022042723/586fb2441a28abe57d8b67fd/html5/thumbnails/2.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022042723/586fb2441a28abe57d8b67fd/html5/thumbnails/3.jpg)
We Partner With Thousands Of Customers
#UTwebinar
![Page 4: The design secrets behind Slack’s amazing success](https://reader034.vdocuments.mx/reader034/viewer/2022042723/586fb2441a28abe57d8b67fd/html5/thumbnails/4.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022042723/586fb2441a28abe57d8b67fd/html5/thumbnails/5.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022042723/586fb2441a28abe57d8b67fd/html5/thumbnails/6.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022042723/586fb2441a28abe57d8b67fd/html5/thumbnails/7.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022042723/586fb2441a28abe57d8b67fd/html5/thumbnails/8.jpg)
Tina Chen Design at Slack
![Page 9: The design secrets behind Slack’s amazing success](https://reader034.vdocuments.mx/reader034/viewer/2022042723/586fb2441a28abe57d8b67fd/html5/thumbnails/9.jpg)
About me
![Page 10: The design secrets behind Slack’s amazing success](https://reader034.vdocuments.mx/reader034/viewer/2022042723/586fb2441a28abe57d8b67fd/html5/thumbnails/10.jpg)
Product Process at Slack
![Page 11: The design secrets behind Slack’s amazing success](https://reader034.vdocuments.mx/reader034/viewer/2022042723/586fb2441a28abe57d8b67fd/html5/thumbnails/11.jpg)
Small Team
![Page 12: The design secrets behind Slack’s amazing success](https://reader034.vdocuments.mx/reader034/viewer/2022042723/586fb2441a28abe57d8b67fd/html5/thumbnails/12.jpg)
Growing Team
![Page 13: The design secrets behind Slack’s amazing success](https://reader034.vdocuments.mx/reader034/viewer/2022042723/586fb2441a28abe57d8b67fd/html5/thumbnails/13.jpg)
Product Workshop
![Page 14: The design secrets behind Slack’s amazing success](https://reader034.vdocuments.mx/reader034/viewer/2022042723/586fb2441a28abe57d8b67fd/html5/thumbnails/14.jpg)
Product Workshop
Design Workshop
![Page 15: The design secrets behind Slack’s amazing success](https://reader034.vdocuments.mx/reader034/viewer/2022042723/586fb2441a28abe57d8b67fd/html5/thumbnails/15.jpg)
Launch Review
Product Workshop
Design Workshop
![Page 16: The design secrets behind Slack’s amazing success](https://reader034.vdocuments.mx/reader034/viewer/2022042723/586fb2441a28abe57d8b67fd/html5/thumbnails/16.jpg)
Design Process at Slack
![Page 17: The design secrets behind Slack’s amazing success](https://reader034.vdocuments.mx/reader034/viewer/2022042723/586fb2441a28abe57d8b67fd/html5/thumbnails/17.jpg)
Discover and Scope
![Page 18: The design secrets behind Slack’s amazing success](https://reader034.vdocuments.mx/reader034/viewer/2022042723/586fb2441a28abe57d8b67fd/html5/thumbnails/18.jpg)
Iterate and Prototype
Discover and Scope
![Page 19: The design secrets behind Slack’s amazing success](https://reader034.vdocuments.mx/reader034/viewer/2022042723/586fb2441a28abe57d8b67fd/html5/thumbnails/19.jpg)
Build, Refine, and Launch
Iterate and Prototype
Discover and Scope
![Page 20: The design secrets behind Slack’s amazing success](https://reader034.vdocuments.mx/reader034/viewer/2022042723/586fb2441a28abe57d8b67fd/html5/thumbnails/20.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022042723/586fb2441a28abe57d8b67fd/html5/thumbnails/21.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022042723/586fb2441a28abe57d8b67fd/html5/thumbnails/22.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022042723/586fb2441a28abe57d8b67fd/html5/thumbnails/23.jpg)
Building Message Buttons
![Page 24: The design secrets behind Slack’s amazing success](https://reader034.vdocuments.mx/reader034/viewer/2022042723/586fb2441a28abe57d8b67fd/html5/thumbnails/24.jpg)
![Page 25: The design secrets behind Slack’s amazing success](https://reader034.vdocuments.mx/reader034/viewer/2022042723/586fb2441a28abe57d8b67fd/html5/thumbnails/25.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022042723/586fb2441a28abe57d8b67fd/html5/thumbnails/26.jpg)
Refreshing attachments Main workflows Building blocks <-> apps
Iterate and Prototype
![Page 27: The design secrets behind Slack’s amazing success](https://reader034.vdocuments.mx/reader034/viewer/2022042723/586fb2441a28abe57d8b67fd/html5/thumbnails/27.jpg)
Internal testing Working with launch partners Best practices and guidelines
Build, Refine, and Launch
![Page 28: The design secrets behind Slack’s amazing success](https://reader034.vdocuments.mx/reader034/viewer/2022042723/586fb2441a28abe57d8b67fd/html5/thumbnails/28.jpg)
@meowr Thanks.
![Page 29: The design secrets behind Slack’s amazing success](https://reader034.vdocuments.mx/reader034/viewer/2022042723/586fb2441a28abe57d8b67fd/html5/thumbnails/29.jpg)
Questions & Answers
!Q A
#UTwebinar