Reddit is home to the most authentic conversations on the internet. As of 2018, Reddit's popularity has surged to 330 million monthly active users in spite of a UX largely unchanged for a decade. This year, the company launched its first major redesign to make Reddit a more welcoming place for all.
In his session, Chris Slowe, CTO and Founding Engineer of Reddit, will tell the story of how Reddit was built - and rebuilt - to enable its teams to scale rapidly and unveil its much-anticipated redesign. He will share the process and philosophy of Reddit's new UX, reflect on the community's feedback, and offer advice from developing and designing hand-in-hand with arguably the internet's most vocal, opinionated users.
2. Who is this guy?
● PhD in Experimental Physics
○ Emphasis on the “science is messy” part
● Founding Engineer at Reddit (’05-’10)
○ Mostly doing platform and Infrastructure work
when they still let me code.
○ Though the frontend stack we’re replacing is
mostly my fault. We all have experimental
phases.
● Returned to Reddit in middle ‘15 just in time to
help undo my past mistakes
○ CTO in early ‘17, so guess they are my
mistakes again.
4. What is Reddit?
Reddit is the frontpage of the internet
A social network where there are tens
of thousands of communities around
whatever passions or interests you
might have
It’s where people converse about the
things that are most important to them
5. Reddit by the numbers
Alexa Rank (US/World)
MAU
Communities
Posts per month
Comments day
Votes per day
4th/6th
350M+
1M+
10.7M
2.8M
58M
14. Why did we Redesign Reddit?
There were many reason to redesign, we
aimed to…
● ...change Reddit’s brand perception
● ...simplify Reddit to make it welcoming
● ...increase our development velocity
17. Don’t Redesign & Rewrite Together
We had to rewrite and redesign given
community styling, but how did we
navigate the second system?
● First we did a full tech rewrite
● We launched it as an A/B test
● After that we redesigned
22. Designing while Building the Foundation
We had 3 months to design a great
experience while developers were busy
● We started with design sprints
● Established a war room
● Dedicated Friday’s to crazy ideas
25. Imagining the New Reddit
Building is expensive therefore we had to
validate our ideas prior via user interviews
● Do users actually want to use it?
● Impact on different user groups?
● Will this help us achieve our goals?
28. Experience with Real Content
You hardly ever get it right the first try, we
put our product in the hands of users
● Let users use the actual product
● Validate how it works with real content
● Start the iteration loop
30. Balance Familiarity & Change
We needed to keep Reddit familiar but
make it more inclusive
● Don’t change how Reddit works
● Be cognisant of change aversion
● Focus on what makes Reddit great -
Communities
32. Putting Communities First
Communities make Reddit special that’s
why we launched via Moderators
● Include moderators very early
● Understand what communities need
● Make it their journey
33. Design issue: CSS
● Legacy stack allows for arbitrary styled components with CSS!
● Tradeoff: total DOM lock-in
40. Be Humble & Listen
We needed to learn from our users to
build a product they want to use
● We studied what users did with CSS
● We started a dedicated community
● We listened and took action
44. Building Momentum on Reddit
No one likes surprises therefore we had to
communicate often & early with Redditors
● Handled directly by PMs & Designers
● Launched a blog post series
● Amplified the voice of our advocates
45. Step 9
Launch to Early Adopters
Alpha
Tester
Helpful
User
Styling
Mod
Nightmode
Enabler
46. Navigating Early Adopters
We had to fully understand moderators
and beta users to navigate them
● We add all mods and beta users early
● We didn’t get in their way
● We gave them other tasks to focus on
48. Are we launch ready?
Redesigns are hard to measure,
especially ours since its so different
● Form a strong hypothesis
● Defined Metrics at the beginning
● Small rollout group to learn and debug
50. Launching to 330M Users!
There are many challenges launching to
that many people
● Maintain positive sentiment
● Scale up servers
● Capture benefits
● Form predictability
52. The Redesign is Not Done Yet!
We started our GA rollout however this is
not the end of the journey
● In Q2 we will focus on adoption
● Accessibility and responsive
● Every team needs to build on it
Reddit really hasn’t changed in years. We’ve added features - but overall the site really hasn’t changed.
It’s a combination of:
We haven’t tried to change until the last few years… so it’s coming
Reddit’s rise came from Digg’s downfall (when Digg tried to make big change)
We give communities a lot of power in exchange for moderator time & dedication
Change is hard for Redditors. Change is necessary for Reddit. We’re here to bridge that gap.
Act 2 - Design a new experience
While rewriting we started our design journey
War rooms, idea creation...
Act 2 - Design a new experience
While rewriting we started our design journey
War rooms, idea creation...
Act 3 - Build Prototypes and talk to Users
We started building prototypes and invited in users to test them with them
Should we showcase some?
Act 2 - Design a new experience
While rewriting we started our design journey
War rooms, idea creation...
Act 4 - Build a working Version
After validating our overall design it was time start building
This phase took about 3 months
Act 2 - Design a new experience
While rewriting we started our design journey
War rooms, idea creation...
Act 5 - Invite Users
It was really important to get users into it as soon as possible
We started with a small group of moderators
It was really important to get users into it as soon as possible
We started with a small group of moderators
Act 5 - Invite Users
It was really important to get users into it as soon as possible
We started with a small group of moderators
It was really important to get users into it as soon as possible
We started with a small group of moderators
Not all companies have an exact replica of Reddit moderators to turn.
identify the equivalent -> whoever their most influential and vocal customers or users are
Act 7 - Styling
After the core foundation we need to give communities its purpose
Next step was styling
We worked with the same moderators on styling and added more
We learned what was missing and what features we had to build
What widgets were needed
Emoji/Flair Improvements
More styling options
Act 7 - Styling
After the core foundation we need to give communities its purpose
Next step was styling
We worked with the same moderators on styling and added more
We learned what was missing and what features we had to build
What widgets were needed
Emoji/Flair Improvements
More styling options
Act 7 - Styling
After the core foundation we need to give communities its purpose
Next step was styling
We worked with the same moderators on styling and added more
We learned what was missing and what features we had to build
What widgets were needed
Emoji/Flair Improvements
More styling options
Act 6 - Listen to users and build remaining features
The product was very rough but we need to set up the foundation so its something redditors like
We started r/redesign
Showcase
Navigation
Fluid Width
Moderation Iterations
We focused on the core foundation
Act 6 - Listen to users and build remaining features
The product was very rough but we need to set up the foundation so its something redditors like
We started r/redesign
Showcase
Navigation
Fluid Width
Moderation Iterations
We focused on the core foundation
Act 8 - While we could only support a small group of users we want to keep all of reddit update
That is why we launched our blog series
Act 7 - Styling
After the core foundation we need to give communities its purpose
Next step was styling
We worked with the same moderators on styling and added more
We learned what was missing and what features we had to build
What widgets were needed
Emoji/Flair Improvements
More styling options
Focus on building advocates
How we focused on identifying who the advocates are and use them to turn more people into advcates
Act 7 - Styling
After the core foundation we need to give communities its purpose
Next step was styling
We worked with the same moderators on styling and added more
We learned what was missing and what features we had to build
What widgets were needed
Emoji/Flair Improvements
More styling options
Act 7 - Styling
After the core foundation we need to give communities its purpose
Next step was styling
We worked with the same moderators on styling and added more
We learned what was missing and what features we had to build
What widgets were needed
Emoji/Flair Improvements
More styling options
After we felt good about our foundation we wanted to let in every day users
They use the product different
We wanted to learn more about posting and commenting
Load Test such a big project
Act 7 - Styling
After the core foundation we need to give communities its purpose
Next step was styling
We worked with the same moderators on styling and added more
We learned what was missing and what features we had to build
What widgets were needed
Emoji/Flair Improvements
More styling options
We will continue to invest in the future of our desktop product
Over years we have developed slow the redesign is a game changes and should increase our productive and get you the features you have been asking for a for a long time
Highlight Q2 features
Night Mode
Flair Filtering
Some more
Act 7 - Styling
After the core foundation we need to give communities its purpose
Next step was styling
We worked with the same moderators on styling and added more
We learned what was missing and what features we had to build
What widgets were needed
Emoji/Flair Improvements
More styling options