Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Davide ‘Folletto’ Casali
TEAMWORK
AT THE EXTREMES
WORDPRESS·COM & UX FOR GOOD
Manifesto Ibridi
F E L L O W
UX REDIRECTOR
NIGHT.EU
ADVISOR
@Folletto
THE REMOTENESS CONTINUUM
Distributed
100%
Local
100%
Remote
in between
AUTOMATTIC
PART I
2015
468
People
worldwide
~160k
Messages
per week
~1,000
Deployments
per week
WHAT IS CALYPSO?
Modern foundation for WordPress.com
NODE.JS · REACT · REST API
OPEN SOURCE SINCE NOVEMBER 2015
127
Contributors
26,030
Commits
6,915
Reviews
March 2014 → November 2015 (20 months)
20
Months to v1
…how did you do that?
You’re fully distributed…
Story
of a
Showcase
HYPERION
THE PROBLEM
Themes
v2.0
THX
v4.0v4.0
3 codebases
DIFFICULT
TO MAINTAIN
3 designs
PAINFUL
FOR USERS
Create one single
Theme Showcase
for WordPress.com
STEP 1:
PLANNING
Meetups:
face time is important
Know your people
VIENNA MEETUP
14 April 2015
Epic Milestone Model
Only user-facing
features
One
major feature
Many smaller
details & fixes
“
”
Steve Seear, Hyperion
I found this session really valuable.
It was intense, challenging,
and led on to a lot more disc...
“
”
Miguel Fonseca, Hyperion
+1000 on the value and ROI
of our meetup exercises.
STEP 2:
FIRST MILESTONE
Clear
Communication Spaces
Communication is Oxygen
Slack
Realtime
P2 Theme
Async
Wiki Theme
Stable
P2 W
If it’s not communicated
transparently, it doesn’t exist
Everything is treated as remote
INITIAL ROADMAP
POSTED ON TEAM P2
MASTER THREAD
POSTED ON TEAM P2
DESIGNITERATION1
DESIGNITERATION2
DESIGNITERATION3
DESIGNITERATION4
DESIGNITERATION5
ITERATIONS POSTED ON P2
FEEDBACK TRANSPARENT
25
11
15
10
28
9
1
16
Horizon
External Testing
JULY 21JULY 15
Automattic
Internal Testing
M1 LAUNCHED
3 August 2015
THEME SHOWCASE M1
IN NUMBERS
5
Design
Iterations
11
Horizon
Testers
6
Automattic
Testers
100+
Feedbacks &
Comments
124
Git...
THEME SHOWCASE M1
TIMELINE
LIVE
~3.5 months
Meetup
4 days
THEME SHOWCASE M1
SALES CHECK
UX FOR GOOD
PART II
“Apply UX design to the most important
problems in the world”
Jason
Ulaszek
Jeff
Leitner
Focus
on one thing
Communicate it well
ONE NO·PROFIT PARTNER
TO SPONSOR THE CAUSE
Highly independent
individuals
Initiative and motivation
10 DESIGNERS
FROM ALL AROUND THE WORLD
Discovery
Synthesis
Creation
Validation
+
FULL
IMMERSION
2-3 DAYS 2-3 DAYS
GROUP
SYNTHESIS
4 5 61 2 3
Zero
waste
No bureaucracy, everything useful
“
”
Jason Kunesh, Obama For America
We came together as a team
in a way that I haven’t experienced
anywhere else.
“
”
Marianne Prins, Van Horne Elementary School
I just witnessed
an absolute explosion of ideas.
CAN WE DESIGN
THE COMMON GOOD?
2011
Chicago
StreetWise · Adler School · The Third Teacher · Cease Fire · Global Lives Proj...
CAN WE ENRICH LIVES
OF WORKING MUSICIANS?
2012
New Orleans
Grammy Foundation · New Orleans Jazz Heritage F. & F. · Clinton...
CAN WE GROW
MINDFULNESS IN SCHOOLS?
2013
Vancouver
The Dalai Lama Center for Peace + Education
CAN WE HARNESS FEELINGS
TO END GENOCIDE?
2014
Kigali & London
Aegis Trust
2014 Kigali
500,000–1,000,000 RWANDANS KILLED
70% TUTSI
20% OF POPULATION
100 DAYS
1994
“In my family, we never talked about the genocide
It was too fresh in my parents’ mind”
And you saved the life
of the people I was planning on killing”
“You saved my life.
- Child of victims to teacher of mobil...
“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...
“Users go through the hard part,
but then also the uplifting part
realizing some of the possibilities that are there”
- Mo...
UX FOR GOOD 2014
IN NUMBERS
40+
Interviews
with staff and locals
90
Flights
worldwide
15
People forever
changed
3,124
Post...
INZOVU
CURVE
HopeReflectionPain Action
Pain
Reflection
Hope
Action
“
”
Prof. Dr. Tania Singer
People with a lot of empathy
want to change that to compassion
so they don't get overwhelmed wh...
EMPATHETIC
Feeling
COMPASSIONATE
Action
The Inzovu Curve maps a
prototypical journey of a
person going through a
transformative experience
reaching a state of
mot...
The word Inzovu
means Elephant in
Kinyarwanda, the native
language of Rwanda.
EPIPHANY
WILL
CONNECT
WITH YOUR LIFE
MOTIVATION
TO ACT
AWARE
TOURIST
EMPATHIC
TOURIST
ADVOCATE
CATALYST
GENOCIDE
CHILDRENFIRST
GEN
AFFECTED
RWANDANS
UNAWARE
TOURIST
inzovucurve.org
PRINCIPLES
PART III
Remote Local
Months of Work Days of Work
Know each other First time meeting
Smaller group Larger group
No client Has client
BOTH WORK.
THE REMOTENESS CONTINUUM
Distributed
100%
Local
100%
Remote
in between
A separate floor, office, city, country…
MAKES THE COMPANY
ALREADY REMOTE
Meet in person
Communication spaces
Transparency
Focus on one thing
Independent individuals
Zero waste
Pick whatever works… then improve it.
automattic.com/jobs
Happiness Engineer
JavaScript Engineer
Mobile Developer
Product Designer
Code Wrangler
Theme Wrangler
...
Thanks.
@Folletto
INTENSEMINIMALISM.COM
Teamwork at the Extremes: WordPress.com and UX for Good
Teamwork at the Extremes: WordPress.com and UX for Good
Teamwork at the Extremes: WordPress.com and UX for Good
Teamwork at the Extremes: WordPress.com and UX for Good
Teamwork at the Extremes: WordPress.com and UX for Good
Teamwork at the Extremes: WordPress.com and UX for Good
You’ve finished this document.
Download and read it offline.
Upcoming SlideShare
Design without Ego — TEDxBologna Talk
Next
Upcoming SlideShare
Design without Ego — TEDxBologna Talk
Next
Download to read offline and view in fullscreen.

Share

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

Download to read offline

Distributed companies and organizations are getting more visibility nowadays, but how does it work in practice, day to day, to design while being remote? And what are the differences with intensive design sessions in the same space, with limited time? Which one is better?

In this talk you are going to see two examples of teamwork at two extremes of space and time. On one side you will learn how the fully distributed company Automattic, works to build WordPress.com. This collaboration was organized through the lenses of Hyperion, one of the product teams. On the other side, you will discover the story of UX for Good, a non-profit social project. It brought together 10 top designers from across the globe to a 6 days full immersion.

Talk done for the first time at UX Lausanne.

For more insights:
https://developer.wordpress.com/calypso/
http://www.uxforgood.com/

Related Books

Free with a 30 day trial from Scribd

See all

Related Audiobooks

Free with a 30 day trial from Scribd

See all

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

  1. Davide ‘Folletto’ Casali TEAMWORK AT THE EXTREMES WORDPRESS·COM & UX FOR GOOD
  2. Manifesto Ibridi F E L L O W UX REDIRECTOR NIGHT.EU ADVISOR
  3. @Folletto
  4. THE REMOTENESS CONTINUUM Distributed 100% Local 100% Remote in between
  5. AUTOMATTIC PART I
  6. 2015
  7. 468 People worldwide ~160k Messages per week ~1,000 Deployments per week
  8. WHAT IS CALYPSO? Modern foundation for WordPress.com NODE.JS · REACT · REST API OPEN SOURCE SINCE NOVEMBER 2015
  9. 127 Contributors 26,030 Commits 6,915 Reviews March 2014 → November 2015 (20 months) 20 Months to v1
  10. …how did you do that? You’re fully distributed…
  11. Story of a Showcase
  12. HYPERION
  13. THE PROBLEM
  14. Themes
  15. v2.0
  16. THX
  17. v4.0v4.0
  18. 3 codebases DIFFICULT TO MAINTAIN 3 designs PAINFUL FOR USERS
  19. Create one single Theme Showcase for WordPress.com
  20. STEP 1: PLANNING
  21. Meetups: face time is important Know your people
  22. VIENNA MEETUP 14 April 2015
  23. Epic Milestone Model Only user-facing features One major feature Many smaller details & fixes
  24. “ ” Steve Seear, Hyperion I found this session really valuable. It was intense, challenging, and led on to a lot more discussions.
  25. “ ” Miguel Fonseca, Hyperion +1000 on the value and ROI of our meetup exercises.
  26. STEP 2: FIRST MILESTONE
  27. Clear Communication Spaces Communication is Oxygen
  28. Slack Realtime P2 Theme Async Wiki Theme Stable P2 W
  29. If it’s not communicated transparently, it doesn’t exist Everything is treated as remote
  30. INITIAL ROADMAP POSTED ON TEAM P2
  31. MASTER THREAD POSTED ON TEAM P2
  32. DESIGNITERATION1
  33. DESIGNITERATION2
  34. DESIGNITERATION3
  35. DESIGNITERATION4
  36. DESIGNITERATION5
  37. ITERATIONS POSTED ON P2
  38. FEEDBACK TRANSPARENT 25 11 15 10 28 9 1 16
  39. Horizon External Testing JULY 21JULY 15 Automattic Internal Testing
  40. M1 LAUNCHED 3 August 2015
  41. THEME SHOWCASE M1 IN NUMBERS 5 Design Iterations 11 Horizon Testers 6 Automattic Testers 100+ Feedbacks & Comments 124 GitHub Tickets 85 GitHub Pull Requests
  42. THEME SHOWCASE M1 TIMELINE LIVE ~3.5 months Meetup 4 days
  43. THEME SHOWCASE M1 SALES CHECK
  44. UX FOR GOOD PART II
  45. “Apply UX design to the most important problems in the world” Jason Ulaszek Jeff Leitner
  46. Focus on one thing Communicate it well
  47. ONE NO·PROFIT PARTNER TO SPONSOR THE CAUSE
  48. Highly independent individuals Initiative and motivation
  49. 10 DESIGNERS FROM ALL AROUND THE WORLD
  50. Discovery Synthesis Creation Validation
  51. + FULL IMMERSION 2-3 DAYS 2-3 DAYS GROUP SYNTHESIS 4 5 61 2 3
  52. Zero waste No bureaucracy, everything useful
  53. “ ” Jason Kunesh, Obama For America We came together as a team in a way that I haven’t experienced anywhere else.
  54. “ ” Marianne Prins, Van Horne Elementary School I just witnessed an absolute explosion of ideas.
  55. CAN WE DESIGN THE COMMON GOOD? 2011 Chicago StreetWise · Adler School · The Third Teacher · Cease Fire · Global Lives Project
  56. CAN WE ENRICH LIVES OF WORKING MUSICIANS? 2012 New Orleans Grammy Foundation · New Orleans Jazz Heritage F. & F. · Clinton Global Initiative · MusiCares
  57. CAN WE GROW MINDFULNESS IN SCHOOLS? 2013 Vancouver The Dalai Lama Center for Peace + Education
  58. CAN WE HARNESS FEELINGS TO END GENOCIDE? 2014 Kigali & London Aegis Trust
  59. 2014 Kigali
  60. 500,000–1,000,000 RWANDANS KILLED 70% TUTSI 20% OF POPULATION 100 DAYS 1994
  61. “In my family, we never talked about the genocide It was too fresh in my parents’ mind”
  62. 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
  63. “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
  64. “Users go through the hard part, but then also the uplifting part realizing some of the possibilities that are there” - Morley Hanson, Aegis Trust
  65. UX FOR GOOD 2014 IN NUMBERS 40+ Interviews with staff and locals 90 Flights worldwide 15 People forever changed 3,124 Post-its and flip-charts 500+ Hours of research 96 Servings of french fries
  66. INZOVU CURVE
  67. HopeReflectionPain Action
  68. Pain
  69. Reflection
  70. Hope
  71. Action
  72. “ ” 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.
  73. EMPATHETIC Feeling COMPASSIONATE Action
  74. The Inzovu Curve maps a prototypical journey of a person going through a transformative experience reaching a state of motivation and action.
  75. The word Inzovu means Elephant in Kinyarwanda, the native language of Rwanda.
  76. EPIPHANY WILL CONNECT WITH YOUR LIFE MOTIVATION TO ACT
  77. AWARE TOURIST EMPATHIC TOURIST ADVOCATE CATALYST GENOCIDE CHILDRENFIRST GEN AFFECTED RWANDANS UNAWARE TOURIST
  78. inzovucurve.org
  79. PRINCIPLES PART III
  80. Remote Local Months of Work Days of Work Know each other First time meeting Smaller group Larger group No client Has client
  81. BOTH WORK.
  82. THE REMOTENESS CONTINUUM Distributed 100% Local 100% Remote in between
  83. A separate floor, office, city, country… MAKES THE COMPANY ALREADY REMOTE
  84. Meet in person Communication spaces Transparency
  85. Focus on one thing Independent individuals Zero waste
  86. Pick whatever works… then improve it.
  87. 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
  88. Thanks. @Folletto INTENSEMINIMALISM.COM
  • paolomontevecchi75

    Jun. 24, 2016
  • webbit

    Jun. 22, 2016
  • chrisriba

    Jun. 21, 2016
  • fdivis

    Jun. 21, 2016
  • designsimply

    Jun. 21, 2016

Distributed companies and organizations are getting more visibility nowadays, but how does it work in practice, day to day, to design while being remote? And what are the differences with intensive design sessions in the same space, with limited time? Which one is better? In this talk you are going to see two examples of teamwork at two extremes of space and time. On one side you will learn how the fully distributed company Automattic, works to build WordPress.com. This collaboration was organized through the lenses of Hyperion, one of the product teams. On the other side, you will discover the story of UX for Good, a non-profit social project. It brought together 10 top designers from across the globe to a 6 days full immersion. Talk done for the first time at UX Lausanne. For more insights: https://developer.wordpress.com/calypso/ http://www.uxforgood.com/

Views

Total views

33,169

On Slideshare

0

From embeds

0

Number of embeds

261

Actions

Downloads

24

Shares

0

Comments

0

Likes

5

×