94
Davide ‘Folletto’ Casali TEAMWORK AT THE EXTREMES WORDPRESS·COM & UX FOR GOOD

Teamwork at the Extremes: WordPress.com and UX for Good

Embed Size (px)

Citation preview

Page 1: Teamwork at the Extremes: WordPress.com and UX for Good

Davide ‘Folletto’ Casali

TEAMWORK AT THE EXTREMES WORDPRESS·COM & UX FOR GOOD

Page 2: Teamwork at the Extremes: WordPress.com and UX for Good

Manifesto Ibridi F E L L O W

UX REDIRECTOR

NIGHT.EU

ADVISOR

Page 3: Teamwork at the Extremes: WordPress.com and UX for Good

@Folletto

Page 4: Teamwork at the Extremes: WordPress.com and UX for Good

THE REMOTENESS CONTINUUM

Distributed 100%

Local 100%

Remote in between

Page 5: Teamwork at the Extremes: WordPress.com and UX for Good

AUTOMATTIC

PART I

Page 6: Teamwork at the Extremes: WordPress.com and UX for Good

2015

Page 7: Teamwork at the Extremes: WordPress.com and UX for Good

468People

worldwide

~160kMessages per week

~1,000Deployments

per week

Page 8: Teamwork at the Extremes: WordPress.com and UX for Good
Page 9: Teamwork at the Extremes: WordPress.com and UX for Good

WHAT IS CALYPSO?Modern foundation for WordPress.com

NODE.JS · REACT · REST API

OPEN SOURCE SINCE NOVEMBER 2015

Page 10: Teamwork at the Extremes: WordPress.com and UX for Good

127Contributors

26,030Commits

6,915Reviews

March 2014 → November 2015 (20 months)

20Months to v1

Page 11: Teamwork at the Extremes: WordPress.com and UX for Good

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

Page 12: Teamwork at the Extremes: WordPress.com and UX for Good

Story of a

Showcase

Page 13: Teamwork at the Extremes: WordPress.com and UX for Good
Page 14: Teamwork at the Extremes: WordPress.com and UX for Good

HYPERION

Page 15: Teamwork at the Extremes: WordPress.com and UX for Good

THE PROBLEM

Page 16: Teamwork at the Extremes: WordPress.com and UX for Good

Themes

Page 17: Teamwork at the Extremes: WordPress.com and UX for Good

v2.0

Page 18: Teamwork at the Extremes: WordPress.com and UX for Good

THX

Page 19: Teamwork at the Extremes: WordPress.com and UX for Good

v4.0 v4.0

Page 20: Teamwork at the Extremes: WordPress.com and UX for Good

3 codebases

DIFFICULT TO MAINTAIN

3 designs

PAINFUL FOR USERS

Page 21: Teamwork at the Extremes: WordPress.com and UX for Good

Create one single Theme Showcase

for WordPress.com

Page 22: Teamwork at the Extremes: WordPress.com and UX for Good

STEP 1: PLANNING

Page 23: Teamwork at the Extremes: WordPress.com and UX for Good

Meetups: face time is important

Know your people

Page 24: Teamwork at the Extremes: WordPress.com and UX for Good

VIENNA MEETUP14 April 2015

Page 25: Teamwork at the Extremes: WordPress.com and UX for Good

Epic Milestone Model

Only user-facing features

One major feature

Many smaller details & fixes

Page 26: Teamwork at the Extremes: WordPress.com and UX for Good
Page 27: Teamwork at the Extremes: WordPress.com and UX for Good

“”

Steve Seear, Hyperion

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

and led on to a lot more discussions.

Page 28: Teamwork at the Extremes: WordPress.com and UX for Good

“”

Miguel Fonseca, Hyperion

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

Page 29: Teamwork at the Extremes: WordPress.com and UX for Good

STEP 2: FIRST MILESTONE

Page 30: Teamwork at the Extremes: WordPress.com and UX for Good

Clear Communication Spaces

Communication is Oxygen

Page 31: Teamwork at the Extremes: WordPress.com and UX for Good

Slack Realtime

P2 Theme Async

Wiki Theme Stable

P2 W

Page 32: Teamwork at the Extremes: WordPress.com and UX for Good

If it’s not communicated transparently, it doesn’t exist

Everything is treated as remote

Page 33: Teamwork at the Extremes: WordPress.com and UX for Good

INITIAL ROADMAP POSTED ON TEAM P2

Page 34: Teamwork at the Extremes: WordPress.com and UX for Good

MASTER THREAD POSTED ON TEAM P2

Page 35: Teamwork at the Extremes: WordPress.com and UX for Good
Page 36: Teamwork at the Extremes: WordPress.com and UX for Good

DES

IGN

ITER

ATI

ON

1

Page 37: Teamwork at the Extremes: WordPress.com and UX for Good

DES

IGN

ITER

ATI

ON

2

Page 38: Teamwork at the Extremes: WordPress.com and UX for Good

DES

IGN

ITER

ATI

ON

3

Page 39: Teamwork at the Extremes: WordPress.com and UX for Good

DES

IGN

ITER

ATI

ON

4

Page 40: Teamwork at the Extremes: WordPress.com and UX for Good

DES

IGN

ITER

ATI

ON

5

Page 41: Teamwork at the Extremes: WordPress.com and UX for Good

ITERATIONS POSTED ON P2

Page 42: Teamwork at the Extremes: WordPress.com and UX for Good

FEEDBACK TRANSPARENT

25

11

15

10

28

9

1

16

Page 43: Teamwork at the Extremes: WordPress.com and UX for Good

Horizon External Testing

JULY 21 JULY 15

Automattic Internal Testing

Page 44: Teamwork at the Extremes: WordPress.com and UX for Good

M1 LAUNCHED 3 August 2015

Page 45: Teamwork at the Extremes: WordPress.com and UX for Good

THEME SHOWCASE M1 IN NUMBERS

5Design

Iterations

11Horizon Testers

6Automattic

Testers

100+Feedbacks &

Comments

124GitHub Tickets

85GitHub

Pull Requests

Page 46: Teamwork at the Extremes: WordPress.com and UX for Good

THEME SHOWCASE M1 TIMELINE

LIVE ~3.5 months

Meetup 4 days

Page 47: Teamwork at the Extremes: WordPress.com and UX for Good

THEME SHOWCASE M1 SALES CHECK

Page 48: Teamwork at the Extremes: WordPress.com and UX for Good

UX FOR GOOD

PART II

Page 49: Teamwork at the Extremes: WordPress.com and UX for Good

“Apply UX design to the most important problems in the world”

Jason Ulaszek

Jeff Leitner

Page 50: Teamwork at the Extremes: WordPress.com and UX for Good

Focus on one thingCommunicate it well

Page 51: Teamwork at the Extremes: WordPress.com and UX for Good

ONE NO·PROFIT PARTNERTO SPONSOR THE CAUSE

Page 52: Teamwork at the Extremes: WordPress.com and UX for Good

Highly independent individuals

Initiative and motivation

Page 53: Teamwork at the Extremes: WordPress.com and UX for Good

10 DESIGNERSFROM ALL AROUND THE WORLD

Page 54: Teamwork at the Extremes: WordPress.com and UX for Good

Discovery Synthesis Creation Validation

Page 55: Teamwork at the Extremes: WordPress.com and UX for Good

+

FULL IMMERSION

2-3 DAYS 2-3 DAYS

GROUP SYNTHESIS

4 5 61 2 3

Page 56: Teamwork at the Extremes: WordPress.com and UX for Good

Zero waste

No bureaucracy, everything useful

Page 57: Teamwork at the Extremes: WordPress.com and UX for Good

“”

Jason Kunesh, Obama For America

We came together as a team in a way that I haven’t experienced

anywhere else.

Page 58: Teamwork at the Extremes: WordPress.com and UX for Good

“”

Marianne Prins, Van Horne Elementary School

I just witnessed an absolute explosion of ideas.

Page 59: Teamwork at the Extremes: WordPress.com and UX for Good

CAN WE DESIGN THE COMMON GOOD?

2011

Chicago

StreetWise · Adler School · The Third Teacher · Cease Fire · Global Lives Project

Page 60: Teamwork at the Extremes: WordPress.com and UX for Good

CAN WE ENRICH LIVES OF WORKING MUSICIANS?

2012

New Orleans

Grammy Foundation · New Orleans Jazz Heritage F. & F. · Clinton Global Initiative · MusiCares

Page 61: Teamwork at the Extremes: WordPress.com and UX for Good

CAN WE GROW MINDFULNESS IN SCHOOLS?

2013

Vancouver

The Dalai Lama Center for Peace + Education

Page 62: Teamwork at the Extremes: WordPress.com and UX for Good

CAN WE HARNESS FEELINGS TO END GENOCIDE?

2014

Kigali & London

Aegis Trust

Page 63: Teamwork at the Extremes: WordPress.com and UX for Good

2014 Kigali

Page 64: Teamwork at the Extremes: WordPress.com and UX for Good

500,000–1,000,000 RWANDANS KILLED

70% TUTSI

20% OF POPULATION

100 DAYS

1994

Page 65: Teamwork at the Extremes: WordPress.com and UX for Good

“In my family, we never talked about the genocide It was too fresh in my parents’ mind”

Page 66: Teamwork at the Extremes: WordPress.com and UX for Good

And you saved the life of the people I was planning on killing”

“You saved my life.

- Child of victims to teacher of mobile education

Page 67: Teamwork at the Extremes: WordPress.com and UX for Good

“I came back and my grandmother says, I hope you got that Africa out of your system.

But at that moment, I realized it was there and growing.

So I moved my family here and opened a school” - KGM Visitor

Page 68: Teamwork at the Extremes: WordPress.com and UX for Good

“Users go through the hard part, but then also the uplifting part

realizing some of the possibilities that are there” - Morley Hanson, Aegis Trust

Page 69: Teamwork at the Extremes: WordPress.com and UX for Good

UX FOR GOOD 2014 IN NUMBERS

40+Interviews

with staff and locals

90Flights

worldwide

15People forever

changed

3,124Post-its

and flip-charts

500+Hours

of research

96Servings of french fries

Page 70: Teamwork at the Extremes: WordPress.com and UX for Good

INZOVU CURVE

Page 71: Teamwork at the Extremes: WordPress.com and UX for Good

HopeReflectionPain Action

Page 72: Teamwork at the Extremes: WordPress.com and UX for Good

Pain

Page 73: Teamwork at the Extremes: WordPress.com and UX for Good

Reflection

Page 74: Teamwork at the Extremes: WordPress.com and UX for Good

Hope

Page 75: Teamwork at the Extremes: WordPress.com and UX for Good

Action

Page 76: Teamwork at the Extremes: WordPress.com and UX for Good

”Prof. Dr. Tania Singer

People with a lot of empathy want to change that to compassion

so they don't get overwhelmed when confronted with suffering.

Page 77: Teamwork at the Extremes: WordPress.com and UX for Good

EMPATHETIC Feeling

COMPASSIONATE Action

Page 78: Teamwork at the Extremes: WordPress.com and UX for Good

The Inzovu Curve maps a prototypical journey of a person going through a transformative experience reaching a state of motivation and action.

Page 79: Teamwork at the Extremes: WordPress.com and UX for Good

The word Inzovu means Elephant in Kinyarwanda, the native language of Rwanda.

Page 80: Teamwork at the Extremes: WordPress.com and UX for Good
Page 81: Teamwork at the Extremes: WordPress.com and UX for Good

EPIPHANY

WILL

CONNECT WITH YOUR LIFE

MOTIVATION TO ACT

Page 82: Teamwork at the Extremes: WordPress.com and UX for Good
Page 83: Teamwork at the Extremes: WordPress.com and UX for Good

AWARE TOURIST

EMPATHIC TOURIST

ADVOCATECATALYST

GENOCIDE CHILDRENFIRST

GEN

AFFECTED RWANDANS

UNAWARE TOURIST

Page 84: Teamwork at the Extremes: WordPress.com and UX for Good

inzovucurve.org

Page 85: Teamwork at the Extremes: WordPress.com and UX for Good

PRINCIPLES

PART III

Page 86: Teamwork at the Extremes: WordPress.com and UX for Good

Remote Local

Months of Work Days of Work

Know each other First time meeting

Smaller group Larger group

No client Has client

Page 87: Teamwork at the Extremes: WordPress.com and UX for Good

BOTH WORK.

Page 88: Teamwork at the Extremes: WordPress.com and UX for Good

THE REMOTENESS CONTINUUM

Distributed 100%

Local 100%

Remote in between

Page 89: Teamwork at the Extremes: WordPress.com and UX for Good

A separate floor, office, city, country…

MAKES THE COMPANY ALREADY REMOTE

Page 90: Teamwork at the Extremes: WordPress.com and UX for Good

Meet in person

Communication spaces

Transparency

Page 91: Teamwork at the Extremes: WordPress.com and UX for Good

Focus on one thing

Independent individuals

Zero waste

Page 92: Teamwork at the Extremes: WordPress.com and UX for Good

Pick whatever works… then improve it.

Page 93: Teamwork at the Extremes: WordPress.com and UX for Good

automattic.com/jobs

Happiness Engineer

JavaScript Engineer

Mobile Developer

Product Designer

Code Wrangler

Theme Wrangler

Enterprise Growth Engineer

Technical Account Engineer

Performance Marketing

Marketing Designer

Events Wrangler

Page 94: Teamwork at the Extremes: WordPress.com and UX for Good

Thanks.

@Folletto

INTENSEMINIMALISM.COM