The Making of WordPress·com Calypso: A Team Perspective

63
Davide ‘Folletto’ Casali THE MAKING OF CALYPSO A TEAM PERSPECTIVE

Transcript of The Making of WordPress·com Calypso: A Team Perspective

Page 1: The Making of WordPress·com Calypso: A Team Perspective

Davide ‘Folletto’ Casali

THE MAKING OF CALYPSO A TEAM PERSPECTIVE

Page 2: The Making of WordPress·com Calypso: A Team Perspective

Manifesto Ibridi F E L L O W

UX REDIRECTOR ADVISOR

NIGHT.EU

Page 3: The Making of WordPress·com Calypso: A Team Perspective

@Folletto

Page 4: The Making of WordPress·com Calypso: A Team Perspective

CALYPSO

PART I

Page 5: The Making of WordPress·com Calypso: A Team Perspective

WordPress OPENSOURCE CORE

Calypso

REST API

Front-End Theme

ADMIN USER SITE USER

Page 6: The Making of WordPress·com Calypso: A Team Perspective

FRAMEWORK

NOTIFICATIONSWIDGETS

CATEGORIESTAGS

USERSMENUS

SHARECUSTOMIZE

MEDIATHEMES

STATSCOMMENT

PAGESPOSTS

AUTHENTICATIONNAVIGATION

Page 7: The Making of WordPress·com Calypso: A Team Perspective

CALYPSO BEFORE CALYPSO TIMELINE

Open Source v1 ~20 months

Prototype ~3 months

Wireframe ~1 month

previous work

Page 8: The Making of WordPress·com Calypso: A Team Perspective

127Contributors

26,030Commits

6,915Reviews

March 2014 → November 2015 (20 months)

Page 9: The Making of WordPress·com Calypso: A Team Perspective

…how did you do that?You’re fully distributed…

Page 10: The Making of WordPress·com Calypso: A Team Perspective

Communication is Oxygen

Good, social, efficient

Page 11: The Making of WordPress·com Calypso: A Team Perspective

~470People

worldwide

~160kMessages per week

~1,000Deployments

per week

Page 12: The Making of WordPress·com Calypso: A Team Perspective

Highly Independent Individuals

Initiative and motivation

Page 13: The Making of WordPress·com Calypso: A Team Perspective
Page 14: The Making of WordPress·com Calypso: A Team Perspective

HYPERION

Page 15: The Making of WordPress·com Calypso: A Team Perspective

FRAMEWORK

NOTIFICATIONSWIDGETS

CATEGORIESTAGS

USERSMENUS

SHARECUSTOMIZE

MEDIATHEMES

STATSCOMMENT

PAGESPOSTS

AUTHENTICATIONNAVIGATION

Page 16: The Making of WordPress·com Calypso: A Team Perspective

THEME SHOWCASE

PART II

Page 17: The Making of WordPress·com Calypso: A Team Perspective

Themes

Page 18: The Making of WordPress·com Calypso: A Team Perspective

v2.0

Page 19: The Making of WordPress·com Calypso: A Team Perspective

THX

Page 20: The Making of WordPress·com Calypso: A Team Perspective

v4.0 v4.0

Page 21: The Making of WordPress·com Calypso: A Team Perspective

3 codebases

DIFFICULT TO MAINTAIN

3 designs

PAINFUL FOR USERS

Page 22: The Making of WordPress·com Calypso: A Team Perspective

Create one single Theme Showcase

for WordPress.com

Page 23: The Making of WordPress·com Calypso: A Team Perspective

LET’S BUILD

PART III

Page 24: The Making of WordPress·com Calypso: A Team Perspective

Meetups: face time is important

Know your people

Page 25: The Making of WordPress·com Calypso: A Team Perspective

MEETUP IN VIENNA HYPERION

14 April 2015

Page 26: The Making of WordPress·com Calypso: A Team Perspective
Page 27: The Making of WordPress·com Calypso: A Team Perspective

Pains Goals

Page 28: The Making of WordPress·com Calypso: A Team Perspective

Epic Planning

Only user-facing features

One major feature

Many smaller details & fixes

EACH MILESTONE HAS:

Page 29: The Making of WordPress·com Calypso: A Team Perspective
Page 30: The Making of WordPress·com Calypso: A Team Perspective

“”

Steve Seear, Hyperion

I found this session really valuable. It was intense, challenging,

and led on to a lot more discussions.

Page 31: The Making of WordPress·com Calypso: A Team Perspective

“”

Miguel Fonseca, Hyperion

+1000 on the value and ROI of our meetup exercises.

Page 32: The Making of WordPress·com Calypso: A Team Perspective

Focus on one thing

Communicate it well

Page 33: The Making of WordPress·com Calypso: A Team Perspective

FIRST MILESTONE

PART IV

Page 34: The Making of WordPress·com Calypso: A Team Perspective
Page 35: The Making of WordPress·com Calypso: A Team Perspective
Page 36: The Making of WordPress·com Calypso: A Team Perspective

Clear Communication Spaces

Each with a need

Page 37: The Making of WordPress·com Calypso: A Team Perspective

Slack Realtime

P2 Theme Async

Wiki Theme Stable

P2 W

Page 38: The Making of WordPress·com Calypso: A Team Perspective
Page 39: The Making of WordPress·com Calypso: A Team Perspective

TEXT STANDUP POSTED ON SLACK

Page 40: The Making of WordPress·com Calypso: A Team Perspective

INITIAL ROADMAP POSTED ON TEAM P2

Page 41: The Making of WordPress·com Calypso: A Team Perspective

MASTER THREAD POSTED ON TEAM P2

Page 42: The Making of WordPress·com Calypso: A Team Perspective

DES

IGN

ITER

ATI

ON

1

Page 43: The Making of WordPress·com Calypso: A Team Perspective

DES

IGN

ITER

ATI

ON

2

Page 44: The Making of WordPress·com Calypso: A Team Perspective

DES

IGN

ITER

ATI

ON

3

Page 45: The Making of WordPress·com Calypso: A Team Perspective

DES

IGN

ITER

ATI

ON

4

Page 46: The Making of WordPress·com Calypso: A Team Perspective

DES

IGN

ITER

ATI

ON

5

Page 47: The Making of WordPress·com Calypso: A Team Perspective

ITERATIONS POSTED ON P2

Page 48: The Making of WordPress·com Calypso: A Team Perspective

TRANSPARENT FEEDBACK

25

11

15

10

28

9

1

16

Page 49: The Making of WordPress·com Calypso: A Team Perspective
Page 50: The Making of WordPress·com Calypso: A Team Perspective

In Progress

Ready to Merge

Needs Review

Page 51: The Making of WordPress·com Calypso: A Team Perspective

Needs Design Review

In Progress

Ready to Merge

Needs Review

Page 52: The Making of WordPress·com Calypso: A Team Perspective

Transparency across all teams

Everything is visible

Page 53: The Making of WordPress·com Calypso: A Team Perspective

Horizon External Testing

JULY 21 JULY 15

Automattic Internal Testing

horizonfeedback.wordpress.com

Page 54: The Making of WordPress·com Calypso: A Team Perspective

M1 LAUNCHED 3 August 2015

Page 55: The Making of WordPress·com Calypso: A Team Perspective

THEME SHOWCASE M1 IN NUMBERS

5Design

Iterations

11Horizon Testers

6Automattic

Testers

100+Feedbacks &

Comments

124GitHub Tickets

85GitHub

Pull Requests

Page 56: The Making of WordPress·com Calypso: A Team Perspective

THEME SHOWCASE M1 TIMELINE

LIVE ~3.5 months

Meetup 4 days

Page 57: The Making of WordPress·com Calypso: A Team Perspective

THEME SHOWCASE M1 SALES CHECK

Page 58: The Making of WordPress·com Calypso: A Team Perspective

PRINCIPLES

PART V

Page 59: The Making of WordPress·com Calypso: A Team Perspective

THE REMOTENESS CONTINUUM

Distributed 100%

Local 100%

Remote in between

Page 60: The Making of WordPress·com Calypso: A Team Perspective

A separate floor, office, city, country…

MAKES THE COMPANY ALREADY REMOTE

Page 61: The Making of WordPress·com Calypso: A Team Perspective

Communication is Oxygen

Highly Independent Individuals

Meetups: face time is important

Focus on one thing

Clear communication spaces

Transparency across all teams

1 2 3

4 5 6

Page 62: The Making of WordPress·com Calypso: A Team Perspective

”Bruno Munari

To complicate is easy, to simplify is hard. To complicate, just add,

everyone is able to complicate. Few are able to simplify.

Page 63: The Making of WordPress·com Calypso: A Team Perspective

Thanks.

@Folletto

INTENSEMINIMALISM.COM