SlideShare a Scribd company logo
1 of 57
Download to read offline
Remotely Open
Design Without Borders
Pedro Moreira da Silva
UX Designer at GitLab
@PedroMScom
DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation
You’re good at what you do,
but things are just “ok”
!
DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 2
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
DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 3
DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 4
It’s not your fault
— Generally speaking:
— People have trouble trusting “creatives”
— Users aren’t included in projects
— Design is undervalued (read: underpaid)
DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 5
Part of the problem is:
Designers aren’t good at
communicating their work
DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 6
Designing behind closed doors
is holding you and the design
industry back
DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 7
You can be better,
things can be better
!
DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 8
Designing in the open
increases the quality and trust
in your work, while opening you
to new clients or jobs.
DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 9
What’s designing in the open?
!
DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 10
Designing in the open
means sharing the work of an
ongoing design project as
publicly as possible
DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 11
“Share my work publicly?!
Are you mad?!”
DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 12
Designing in the open
means sharing the work of an
ongoing design project as
publicly as possible
DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 13
Designing in the open
means sharing the work of an
ongoing design project as
publicly as possible
DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 14
Shareables
What can I share?
!
DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 15
Shareables !
— Tasks
— Source files
— Artifacts/deliverables
— Alphas
— Previews/teasers
— Stories/case studies
— Research and findings
— Tools
DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 16
Publicness
Who can I share with?
!
DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 17
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
DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 18
It will require change.
And change is hard.
!
DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 19
DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 20
What’s GitLab?
GitLab is an open source tool used by developers to
work collaboratively from idea to production.
It unifies code repository management, project
management, code review, CI/CD, and monitoring into a
single UI.
DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 21
GitLab is used by more than 100,000 organizations
DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 22
1500+ contributors
168 GitLabbers in 38 countries
Remote only organization
DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 23
Shareables
What are we sharing
with the world?
!
DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 24
Open tasks
View open UX issues
DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 25
Open source files
Feature UIs, icons, illustrations, design elements
GitLab Design Project
DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 26
Open artifacts/deliverables
Sketches, works in progress, diagrams
DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 27
Open alphas
Not yet, but working on it
See issue #27845
DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 28
Open previews/teasers
Dribbble shots and tweets
Inviting participation at GitLab
DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 29
Open stories/case studies
Blog posts, webcasts,
and talks (like this one!)
DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 30
Open research and findings
Hypotheses, videos, findings, recommendations
GitLab UX Research Project
DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 31
Open tools
Auto-live Sketch specs and Framer prototypes
Repository Superpowers !
DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 32
Designing in the open increased
the value and trust in my work.
Also, I ended up learning a lot
about myself.
DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 33
Why it matters
Our industry needs more
credibility
DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 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.
DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 35
“Ideas are a dime a dozen.
People who implement them
are priceless.”
— Mary Kay Ash
DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 36
“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.
DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 37
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
DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 38
“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.
DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 39
“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.
DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 40
“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. !
DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 41
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
DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 42
Benefits !
! Bonus:
Your resume/portfolio makes itself, opening the door to
jobs or clients that fit you/your company
DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 43
Examples
How others are
designing in the open
!
DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 44
Greater Pittsburgh
Community Food Bank
by Brad Frost
Blog post
Project hub
Open source project hub
DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 45
by UK Gov. Digital Service
Wrap up blog post
Alpha website
Get Satisfaction community
GOV.UK
DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 46
Backstage
Project diary
Written/photo/video communication
Documentation
Project management
DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 47
by DRI
Website with interactive and
responsive wireframes
Using Pattern Lab
DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 48
Open source projects
DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 49
Just do it™
!
DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 50
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
DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 51
If you can’t do any of this
There’s still a way
DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 52
Give back to the open
!
DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 53
Contribute to GitLab’s UX
Work on open UX issues
DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 54
Work on Mozilla’s design
Mozilla Open Design project
DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 55
Embrace designing the open
It’s amazing and unforgettable
DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 56
Thank you 2
@pedromscom
pedroms.com
2
! to Brad Frost, Mark Ukraine, Open Design Foundation, Ryan Singer, Sean Martell
DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 57

More Related Content

Recently uploaded

澳洲UQ学位证,昆士兰大学毕业证书1:1制作
澳洲UQ学位证,昆士兰大学毕业证书1:1制作澳洲UQ学位证,昆士兰大学毕业证书1:1制作
澳洲UQ学位证,昆士兰大学毕业证书1:1制作aecnsnzk
 
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCRdollysharma2066
 
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档208367051
 
韩国SKKU学位证,成均馆大学毕业证书1:1制作
韩国SKKU学位证,成均馆大学毕业证书1:1制作韩国SKKU学位证,成均馆大学毕业证书1:1制作
韩国SKKU学位证,成均馆大学毕业证书1:1制作7tz4rjpd
 
办理澳大利亚国立大学毕业证ANU毕业证留信学历认证
办理澳大利亚国立大学毕业证ANU毕业证留信学历认证办理澳大利亚国立大学毕业证ANU毕业证留信学历认证
办理澳大利亚国立大学毕业证ANU毕业证留信学历认证jdkhjh
 
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree 毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree ttt fff
 
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证nhjeo1gg
 
毕业文凭制作#回国入职#diploma#degree美国威斯康星大学欧克莱尔分校毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#...
毕业文凭制作#回国入职#diploma#degree美国威斯康星大学欧克莱尔分校毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#...毕业文凭制作#回国入职#diploma#degree美国威斯康星大学欧克莱尔分校毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#...
毕业文凭制作#回国入职#diploma#degree美国威斯康星大学欧克莱尔分校毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#...ttt fff
 
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts ServiceCall Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Servicejennyeacort
 
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10uasjlagroup
 
Pharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfPharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfAayushChavan5
 
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services DubaiDubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubaikojalkojal131
 
Apresentação Clamo Cristo -letra música Matheus Rizzo
Apresentação Clamo Cristo -letra música Matheus RizzoApresentação Clamo Cristo -letra música Matheus Rizzo
Apresentação Clamo Cristo -letra música Matheus RizzoCarolTelles6
 
FiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfFiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfShivakumar Viswanathan
 
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degreeyuu sss
 
Create Web Pages by programming of your chice.pdf
Create Web Pages by programming of your chice.pdfCreate Web Pages by programming of your chice.pdf
Create Web Pages by programming of your chice.pdfworkingdev2003
 
Passbook project document_april_21__.pdf
Passbook project document_april_21__.pdfPassbook project document_april_21__.pdf
Passbook project document_april_21__.pdfvaibhavkanaujia
 
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一F dds
 
group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfgroup_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfneelspinoy
 
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...Rishabh Aryan
 

Recently uploaded (20)

澳洲UQ学位证,昆士兰大学毕业证书1:1制作
澳洲UQ学位证,昆士兰大学毕业证书1:1制作澳洲UQ学位证,昆士兰大学毕业证书1:1制作
澳洲UQ学位证,昆士兰大学毕业证书1:1制作
 
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
 
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
 
韩国SKKU学位证,成均馆大学毕业证书1:1制作
韩国SKKU学位证,成均馆大学毕业证书1:1制作韩国SKKU学位证,成均馆大学毕业证书1:1制作
韩国SKKU学位证,成均馆大学毕业证书1:1制作
 
办理澳大利亚国立大学毕业证ANU毕业证留信学历认证
办理澳大利亚国立大学毕业证ANU毕业证留信学历认证办理澳大利亚国立大学毕业证ANU毕业证留信学历认证
办理澳大利亚国立大学毕业证ANU毕业证留信学历认证
 
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree 毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
 
毕业文凭制作#回国入职#diploma#degree美国威斯康星大学欧克莱尔分校毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#...
毕业文凭制作#回国入职#diploma#degree美国威斯康星大学欧克莱尔分校毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#...毕业文凭制作#回国入职#diploma#degree美国威斯康星大学欧克莱尔分校毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#...
毕业文凭制作#回国入职#diploma#degree美国威斯康星大学欧克莱尔分校毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#...
 
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts ServiceCall Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
 
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
 
Pharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfPharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdf
 
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services DubaiDubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
 
Apresentação Clamo Cristo -letra música Matheus Rizzo
Apresentação Clamo Cristo -letra música Matheus RizzoApresentação Clamo Cristo -letra música Matheus Rizzo
Apresentação Clamo Cristo -letra música Matheus Rizzo
 
FiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfFiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdf
 
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
Create Web Pages by programming of your chice.pdf
Create Web Pages by programming of your chice.pdfCreate Web Pages by programming of your chice.pdf
Create Web Pages by programming of your chice.pdf
 
Passbook project document_april_21__.pdf
Passbook project document_april_21__.pdfPassbook project document_april_21__.pdf
Passbook project document_april_21__.pdf
 
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
 
group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfgroup_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdf
 
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
 

Featured

Product Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage EngineeringsProduct Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage EngineeringsPixeldarts
 
How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthThinkNow
 
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfmarketingartwork
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024Neil Kimberley
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)contently
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024Albert Qian
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsKurio // The Social Media Age(ncy)
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Search Engine Journal
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summarySpeakerHub
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next Tessa Mero
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentLily Ray
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best PracticesVit Horky
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project managementMindGenius
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...RachelPearson36
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Applitools
 
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at WorkGetSmarter
 

Featured (20)

Product Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage EngineeringsProduct Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage Engineerings
 
How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
 
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
 
Skeleton Culture Code
Skeleton Culture CodeSkeleton Culture Code
Skeleton Culture Code
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
 
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work
 

Remotely Open: Design Without Borders (May 10, 2017 @ DXD Talks)

  • 1. Remotely Open Design Without Borders Pedro Moreira da Silva UX Designer at GitLab @PedroMScom DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation
  • 2. You’re good at what you do, but things are just “ok” ! DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 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 DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 3
  • 4. DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 4
  • 5. It’s not your fault — Generally speaking: — People have trouble trusting “creatives” — Users aren’t included in projects — Design is undervalued (read: underpaid) DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 5
  • 6. Part of the problem is: Designers aren’t good at communicating their work DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 6
  • 7. Designing behind closed doors is holding you and the design industry back DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 7
  • 8. You can be better, things can be better ! DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 8
  • 9. Designing in the open increases the quality and trust in your work, while opening you to new clients or jobs. DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 9
  • 10. What’s designing in the open? ! DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 10
  • 11. Designing in the open means sharing the work of an ongoing design project as publicly as possible DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 11
  • 12. “Share my work publicly?! Are you mad?!” DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 12
  • 13. Designing in the open means sharing the work of an ongoing design project as publicly as possible DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 13
  • 14. Designing in the open means sharing the work of an ongoing design project as publicly as possible DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 14
  • 15. Shareables What can I share? ! DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 15
  • 16. Shareables ! — Tasks — Source files — Artifacts/deliverables — Alphas — Previews/teasers — Stories/case studies — Research and findings — Tools DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 16
  • 17. Publicness Who can I share with? ! DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 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 DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 18
  • 19. It will require change. And change is hard. ! DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 19
  • 20. DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 20
  • 21. What’s GitLab? GitLab is an open source tool used by developers to work collaboratively from idea to production. It unifies code repository management, project management, code review, CI/CD, and monitoring into a single UI. DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 21
  • 22. GitLab is used by more than 100,000 organizations DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 22
  • 23. 1500+ contributors 168 GitLabbers in 38 countries Remote only organization DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 23
  • 24. Shareables What are we sharing with the world? ! DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 24
  • 25. Open tasks View open UX issues DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 25
  • 26. Open source files Feature UIs, icons, illustrations, design elements GitLab Design Project DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 26
  • 27. Open artifacts/deliverables Sketches, works in progress, diagrams DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 27
  • 28. Open alphas Not yet, but working on it See issue #27845 DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 28
  • 29. Open previews/teasers Dribbble shots and tweets Inviting participation at GitLab DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 29
  • 30. Open stories/case studies Blog posts, webcasts, and talks (like this one!) DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 30
  • 31. Open research and findings Hypotheses, videos, findings, recommendations GitLab UX Research Project DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 31
  • 32. Open tools Auto-live Sketch specs and Framer prototypes Repository Superpowers ! DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 32
  • 33. Designing in the open increased the value and trust in my work. Also, I ended up learning a lot about myself. DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 33
  • 34. Why it matters Our industry needs more credibility DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 34
  • 35. “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. DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 35
  • 36. “Ideas are a dime a dozen. People who implement them are priceless.” — Mary Kay Ash DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 36
  • 37. “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. DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 37
  • 38. 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 DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 38
  • 39. “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. DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 39
  • 40. “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. DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 40
  • 41. “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. ! DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 41
  • 42. 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 DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 42
  • 43. Benefits ! ! Bonus: Your resume/portfolio makes itself, opening the door to jobs or clients that fit you/your company DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 43
  • 44. Examples How others are designing in the open ! DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 44
  • 45. Greater Pittsburgh Community Food Bank by Brad Frost Blog post Project hub Open source project hub DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 45
  • 46. by UK Gov. Digital Service Wrap up blog post Alpha website Get Satisfaction community GOV.UK DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 46
  • 47. Backstage Project diary Written/photo/video communication Documentation Project management DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 47
  • 48. by DRI Website with interactive and responsive wireframes Using Pattern Lab DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 48
  • 49. Open source projects DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 49
  • 50. Just do it™ ! DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 50
  • 51. 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 DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 51
  • 52. If you can’t do any of this There’s still a way DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 52
  • 53. Give back to the open ! DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 53
  • 54. Contribute to GitLab’s UX Work on open UX issues DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 54
  • 55. Work on Mozilla’s design Mozilla Open Design project DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 55
  • 56. Embrace designing the open It’s amazing and unforgettable DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 56
  • 57. Thank you 2 @pedromscom pedroms.com 2 ! to Brad Frost, Mark Ukraine, Open Design Foundation, Ryan Singer, Sean Martell DXD Talks • May 10, 2017 @ Lisbon, Portugal • Open source presentation 57