⬇️ Open source slides: https://gitlab.com/pedroms/presentations/tree/2019-03-27-lisbon-ux-remotely-open
Designing behind closed doors is holding you and the design industry back. Designing in the open increases the quality and trust in your work, while opening you to new clients or jobs.
Event: Lisbon.UX: The New Ways of Design (https://www.meetup.com/LisbonUX/events/259291729/)
Date: March 27, 2019
Location: Volkswagen SDC:LX, Lisbon, Portugal
Remotely Open: Design Without Borders (March 27, 2019 @ Lisbon.UX)
1. Remotely Open
Design Without Borders
Pedro Moreira da Silva
Senior UX Designer at GitLab
@PedroMScom
@PedroMScom • Lisbon.UX, March 27, 2019 @ Lisbon, Portugal • Open source slides
2. You’re good at what you do,
but things are just “ok”
!
@PedroMScom • Lisbon.UX, March 27, 2019 @ Lisbon, Portugal • Open source slides 2
3. You’re good at what you do, but things are just “ok”
— You think clients and colleagues trust you
— You think users are happy
— You’re happy conformed with how much you make
— You hope that your resume/portfolio is good enough
to get you a better job or clients
@PedroMScom • Lisbon.UX, March 27, 2019 @ Lisbon, Portugal • Open source slides 3
5. It’s not your fault
— Generally speaking:
— People have trouble trusting “creatives”
— Users aren’t included in projects
— Design is undervalued (read: underpaid)
@PedroMScom • Lisbon.UX, March 27, 2019 @ Lisbon, Portugal • Open source slides 5
6. Part of the problem is:
Designers aren’t good at
communicating their work
@PedroMScom • Lisbon.UX, March 27, 2019 @ Lisbon, Portugal • Open source slides 6
7. Designing behind closed doors
is holding you and the design
industry back
@PedroMScom • Lisbon.UX, March 27, 2019 @ Lisbon, Portugal • Open source slides 7
8. You can be better,
things can be better
!
@PedroMScom • Lisbon.UX, March 27, 2019 @ Lisbon, Portugal • Open source slides 8
9. Designing in the open
increases the quality and trust
in your work, while opening you
to new clients or jobs.
@PedroMScom • Lisbon.UX, March 27, 2019 @ Lisbon, Portugal • Open source slides 9
10. What’s designing in the open?
!
@PedroMScom • Lisbon.UX, March 27, 2019 @ Lisbon, Portugal • Open source slides 10
11. Designing in the open
means sharing the work of an
ongoing design project as
publicly as possible
@PedroMScom • Lisbon.UX, March 27, 2019 @ Lisbon, Portugal • Open source slides 11
12. “Share my work publicly?!
Are you mad?!”
@PedroMScom • Lisbon.UX, March 27, 2019 @ Lisbon, Portugal • Open source slides 12
13. Designing in the open
means sharing the work of an
ongoing design project as
publicly as possible
@PedroMScom • Lisbon.UX, March 27, 2019 @ Lisbon, Portugal • Open source slides 13
14. Designing in the open
means sharing the work of an
ongoing design project as
publicly as possible
@PedroMScom • Lisbon.UX, March 27, 2019 @ Lisbon, Portugal • Open source slides 14
15. Shareables
What can I share?
!
@PedroMScom • Lisbon.UX, March 27, 2019 @ Lisbon, Portugal • Open source slides 15
16. Shareables
!
— Tasks
— Source files
— Artifacts/deliverables
— Alphas
— Previews/teasers
— Stories/case studies
— Research and findings
— Tools
@PedroMScom • Lisbon.UX, March 27, 2019 @ Lisbon, Portugal • Open source slides 16
17. Publicness
Who can I share with?
!
@PedroMScom • Lisbon.UX, March 27, 2019 @ Lisbon, Portugal • Open source slides 17
18. Publicness
!
1. World (Open source, government, public institutions)
2. User community (Closed source)
3. Clients
4. Company (99.9% of projects)
5. Department
6. Project team
7. You
@PedroMScom • Lisbon.UX, March 27, 2019 @ Lisbon, Portugal • Open source slides 18
19. It will require change.
And change is hard.
!
@PedroMScom • Lisbon.UX, March 27, 2019 @ Lisbon, Portugal • Open source slides 19
21. What’s GitLab?
GitLab is an open source tool to work collaboratively on
software development, from idea to production.
It unifies code repository management, project
management, code review, CI/CD, and monitoring into a
single UI.
@PedroMScom • Lisbon.UX, March 27, 2019 @ Lisbon, Portugal • Open source slides 21
22. GitLab is used by more than 100,000 organizations
@PedroMScom • Lisbon.UX, March 27, 2019 @ Lisbon, Portugal • Open source slides 22
23. 2000+ contributors
535 GitLabbers in 52 countries
Remote only organization
@PedroMScom • Lisbon.UX, March 27, 2019 @ Lisbon, Portugal • Open source slides 23
24. Shareables
What are we sharing
with the world?
!
@PedroMScom • Lisbon.UX, March 27, 2019 @ Lisbon, Portugal • Open source slides 24
25. Open tasks
View open UX issues
@PedroMScom • Lisbon.UX, March 27, 2019 @ Lisbon, Portugal • Open source slides 25
26. Open source files
Pattern library, UIs, icons, illustrations
GitLab Design Project
@PedroMScom • Lisbon.UX, March 27, 2019 @ Lisbon, Portugal • Open source slides 26
28. Open previews/teasers
Dribbble shots and tweets
Inviting participation at GitLab
@PedroMScom • Lisbon.UX, March 27, 2019 @ Lisbon, Portugal • Open source slides 28
29. Open stories/case studies
Blog posts, webcasts,
and talks (like this one!)
@PedroMScom • Lisbon.UX, March 27, 2019 @ Lisbon, Portugal • Open source slides 29
30. Open research and findings
Hypotheses, videos, findings, recommendations
GitLab UX Research Project
@PedroMScom • Lisbon.UX, March 27, 2019 @ Lisbon, Portugal • Open source slides 30
31. Open tools
Auto-live Sketch specs and Framer prototypes
Repository Superpowers
@PedroMScom • Lisbon.UX, March 27, 2019 @ Lisbon, Portugal • Open source slides 31
32. Designing in the open increased
the value and trust in my work.
Also, I ended up learning a lot
about myself.
@PedroMScom • Lisbon.UX, March 27, 2019 @ Lisbon, Portugal • Open source slides 32
33. Why it matters
Our industry needs more
credibility
@PedroMScom • Lisbon.UX, March 27, 2019 @ Lisbon, Portugal • Open source slides 33
34. “But people will steal
my ideas!”
Don’t be paranoid about your “competitive advantage.”
There are many more ideas than the doers that make
them come to life. Be the one that does them.
@PedroMScom • Lisbon.UX, March 27, 2019 @ Lisbon, Portugal • Open source slides 34
35. “But I feel so uncomfortable
sharing my work…”
It’s normal. It’s just human to fear failure. I feel it too.
This uncomfortable feeling maps to our maturity as
designers.
@PedroMScom • Lisbon.UX, March 27, 2019 @ Lisbon, Portugal • Open source slides 35
36. Designer maturity-o-meter 1
1. “Let me work and I’ll get back to you”
— We design and experiment with our process in secret.
2. “Check out these wireframes”
— We share specific steps and know that feedback will
steer us to a better solution.
3. “Let’s design it together, right now”
— We able to share our rationale with other people while
formulating ideas and iterating.
1
Ryan Singer, 2011; Mark Ukraine, 2017
@PedroMScom • Lisbon.UX, March 27, 2019 @ Lisbon, Portugal • Open source slides 36
37. “But not everyone knows
how to give feedback!”
You’ll get good feedback and bad feedback. Not every
comment is helpful or suggestion is acceptable.
Discuss when you should accept feedback. Sometimes
you need to teach people how to give helpful feedback.
@PedroMScom • Lisbon.UX, March 27, 2019 @ Lisbon, Portugal • Open source slides 37
38. “But haven’t you heard
about ‘design by committee’?!”
— Ok, you got me.
— But the truth is: that can happen to any project.
— It’s in your hands to control this.
@PedroMScom • Lisbon.UX, March 27, 2019 @ Lisbon, Portugal • Open source slides 38
39. “But doesn’t it
take more time?!”
— Short answer: Yes. Everything takes a little more time.
— Long answer: Yes. But you need to look at the big
picture.
!
@PedroMScom • Lisbon.UX, March 27, 2019 @ Lisbon, Portugal • Open source slides 39
40. Big picture (aka benefits)
!
— It brings clarity to your work
— Clients, colleagues, and users feel included and valued
— Builds interest, community, and participation
— You get diverse feedback from a wider group of people
— More eyes means mistakes are caught early
— It holds you accountable
— You feel less pressured and more confident
— Other people learn from what you did right/wrong
— You’re seen as the expert
@PedroMScom • Lisbon.UX, March 27, 2019 @ Lisbon, Portugal • Open source slides 40
41. Benefits
!
!
Bonus:
Your resume/portfolio makes itself, opening the door to
jobs or clients that fit you/your company
@PedroMScom • Lisbon.UX, March 27, 2019 @ Lisbon, Portugal • Open source slides 41
43. Greater Pittsburgh
Community Food Bank
by Brad Frost
Blog post
Project hub
Open source project hub
@PedroMScom • Lisbon.UX, March 27, 2019 @ Lisbon, Portugal • Open source slides 43
44. by UK Gov. Digital Service
Wrap up blog post
Alpha website
Get Satisfaction community
GOV.UK
@PedroMScom • Lisbon.UX, March 27, 2019 @ Lisbon, Portugal • Open source slides 44
48. Just do it™
!
— Create a Dribbble account and post what you’re doing
— Promote Open Design in your company/team, explain
the benefits
— Make room for your team to share the work
— Share your processes, tools, findings
— Tomorrow morning, think how you can make the
project you’re working on more open
@PedroMScom • Lisbon.UX, March 27, 2019 @ Lisbon, Portugal • Open source slides 48
49. If you can’t do any of this
There’s still a way
@PedroMScom • Lisbon.UX, March 27, 2019 @ Lisbon, Portugal • Open source slides 49
50. Give back to the open
!
@PedroMScom • Lisbon.UX, March 27, 2019 @ Lisbon, Portugal • Open source slides 50
51. Contribute to GitLab’s UX
Work on open UX issues
@PedroMScom • Lisbon.UX, March 27, 2019 @ Lisbon, Portugal • Open source slides 51
52. Work on Mozilla’s design
Mozilla Open Design project
@PedroMScom • Lisbon.UX, March 27, 2019 @ Lisbon, Portugal • Open source slides 52
53. Embrace designing the open
It’s amazing and unforgettable
@PedroMScom • Lisbon.UX, March 27, 2019 @ Lisbon, Portugal • Open source slides 53
54. Thank you 2
@pedromscom
pedroms.com
2
Also to Brad Frost, Mark Ukraine, Open Design Foundation, Ryan Singer, Sean Martell
@PedroMScom • Lisbon.UX, March 27, 2019 @ Lisbon, Portugal • Open source slides 54