Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
How design happens at GitHub (Osaka, 2014)
Search
Coby Chapple
June 03, 2014
Design
0
62
How design happens at GitHub (Osaka, 2014)
Here are the slides for a talk I gave in Osaka, Japan, in 2014, about how design happens at GitHub.
Coby Chapple
June 03, 2014
Tweet
Share
More Decks by Coby Chapple
See All by Coby Chapple
Product thinking with JTBD
cobyism
0
200
GitHub Flow for Designers
cobyism
1
350
Asynchronous Communication For The Win!
cobyism
0
290
GitHub Flow — AWS Summit Tokyo 2015
cobyism
16
4.3k
Belfast Ruby - Interesting things from the GitHub codebase
cobyism
3
340
Static Sites with Jekyll and GitHub Pages
cobyism
9
1.5k
How GitHub Works (GitHub Kaigi, Tokyo, 2014)
cobyism
93
34k
Remote by default (BACON 2014)
cobyism
3
1.5k
How design happens at GitHub (ScotlandJS, 2014)
cobyism
5
1.3k
Other Decks in Design
See All in Design
株式会社バクタム 会社説明資料
bactum
0
250
生成AIを活用した組み込みSW設計書検索システム開発
licux
7
1.2k
真・altはつけるだけじゃなくて -alt属性の考察 2025年版-
securecat
5
1.6k
Hatena Engineer Seminar #33 チームと開発するためのモック
takuwolog
0
380
RAKSUL_DESIGN_DECK_20250319
raksulrecruiting
0
400
線で考える画面構成
natsuume
1
880
サービスデザインにおける、 映像活用の可能性(Spectrum Tokyo Meetup #18)
ka71
0
130
無自覚なランクとその影響を紐解くワークショップ / Unpacking Unconscious Privilege Workshop
spring_aki
4
300
freee + Product Design FY25Q4
freee
4
14k
オルタナUX | AIで高速化するのもいいけど品質も大事なんじゃない?というお話
iflection
4
1.3k
教育分野に強いUIデザイナー / 山口哲弘ポートフォリオ
t2yamaguchi429
0
450
Liquid Iron
mcduckyart
1
110
Featured
See All Featured
What's in a price? How to price your products and services
michaelherold
246
12k
Thoughts on Productivity
jonyablonski
69
4.7k
Visualization
eitanlees
146
16k
A better future with KSS
kneath
238
17k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
107
19k
Automating Front-end Workflow
addyosmani
1370
200k
VelocityConf: Rendering Performance Case Studies
addyosmani
332
24k
Documentation Writing (for coders)
carmenintech
72
4.9k
Designing for humans not robots
tammielis
253
25k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
161
15k
The Straight Up "How To Draw Better" Workshop
denniskardys
235
140k
YesSQL, Process and Tooling at Scale
rocio
173
14k
Transcript
! cobyism — Osaka, 2014 HOW DESIGN HAPPENS AT GITHUB
@cobyism
ࢲGitHubͷσβΠφʔͱ։ൃऀͰ͢
GitHubɺαϯϑϥϯγείʹڌΛஔ͕͘ɺࢲ ΞΠϧϥϯυʹॅΜͰ͍·͢
ࢲɺϦϞʔτͰಇ͘ଟ͘ͷࣾһͷதͷҰਓͰ͢
60ˋ͕ϦϞʔτͰ͢ɻ
DESIGN How it works at GitHub ํ๏ઃܭGitHubͷ࣌ʹى͜Γ·͢
σβΠϯɺίʔυͰൃੜͨ͠
σβΠϯɺϓϧཁٻͰൃੜ
Pull Requests help settle arguments. ϓϧཁٻɺҾΛղܾ͢Δखॿ͚
Pull Requests keep you grounded in reality. ϓϧཁٻɺ͋ͳ͕ͨݱ࣮ʹযΛ͓ͯͯ͘
Design happens in ... σβΠϯɺϒϥβͰى͜Δ
Design here is real. ϒϥβʔͰߦ͏σβΠϯݱ࣮ɻ
Design it once, not twice ઃܭҰɺೋͰͳ͍
Design here is always current. ϒϥβͰߦ͏ઃܭৗʹ࠷৽Ͱ͋Δɻ
Just commit. ίϛοτɺ͓ΑͼͦΕ͕͘ͳΔ
big picture Focus on the first ࠷ॳશମ૾͔Βݟ·͠ΐ͏
Design happens with prototyping. σβΠϯϓϩτλΠϓΛ͍ͬͺ͍࡞Δ͜ͱʹΑͬͯߦΘΕΔ
[ REDACTED ] ൿີ!
Design happens with lorem ipsum dolor sit amet. ϓϨʔεϗϧμςΩετ?
Design happens with real data. σβΠϯʹຊͷσʔλ͕ඞཁ
None
Design happens hidden behind feature flags. σβΠϯػೳϑϥάͰӅͯ͠ຊ൪ڥͰςετ͞Ε͍ͯΔɻ
def new_feature_enabled? … end
def new_feature_enabled? preview_features? end
def new_feature_enabled? preview_features? && team_access?(:some_team) end
None
def new_feature_enabled? true end
Beware of feature flags. ػೳϑϥάΛ͏ͱԿΛӅ͍ͯͯ͠Կ͕ग़ՙ͞Εͯ ͍Δ͔͕Θ͔Βͳ͘͜ͱ͋Δɻ
Dogfooding is powerful, but it has it’s limits. ࣗͰࣗͷϓϩμΫτΛςετ͢Δͷڧྗ͚ͩͲɺݶք͋Δ
Design happens with feedback. ϑΟʔυόοΫ͕͋ͬͯͦ͜σβΠϯى͜Δ
Design happens with quantitative feedback. σβΠϯɺఆྔతͳϑΟʔυόοΫͰൃੜ
Design happens with qualitative feedback. σβΠϯɺఆੑతͳϑΟʔυόοΫͰൃੜ
Design is everyone’s responsibility. σβΠϯΈΜͳͷɻ
Design often begins without any designer input. σβΠϯ݁ߏසൟʹσβΠφʔ͕ؔΘΒͳͯ࢝͘·Δɻ
Beware of design by committee. ҕһձʹΑΔσβΠϯ͚͞·͠ΐ͏ʂ
Beware of drive-by comments. ௨ߦਓ͔Βͷίϝϯτʹҙ͍ͯͩ͘͠͞
Design should be an open process. σβΠϯɺಁ໌ͳϓϩηεͰ͋Δ͖
Open design is the future. ಁ໌σβΠϯະདྷ͕͋Δ
Open design is really hard. ಁ໌ੑͷ͋ΔσβΠϯ࣮ݱ͢Δͷຊʹ͍͠
Open design requires making at paradigm shift. ಁ໌ͳσβΠϯɺύϥμΠϜγϑτ͕ඞཁͰ͢
Open design means showing work early. ಁ໌ੑͷ͋ΔσβΠϯʹૣ͍ஈ֊ʹσβΠϯΛݟͤΔ ඞཁ͕͋Γ·͢ɻ
Open design means accepting imperfection. ಁ໌ੑͷ͋ΔσβΠϯʹᘳͰͳ͍͜ͱΛड͚ ೖΕΔඞཁ͕͋Δɻ
Open design helps build empathy. ಁ໌ੑͷ͋ΔσβΠϯʹڞײ͋͑͠ΔؔΛߏங ͢Δඞཁ͕͋Δ
Open design means articulating design decisions. σβΠϯʹࢸΔҙࢥܾఆΛ໌֬ʹදݱͰ͖Δ ඞཁ͕͋Δɻ
Open design means sacrificing your pride. ಁ໌ੑͷ͋ΔσβΠϯʹࣗͷϓϥΠυΛࣺͯΔ ඞཁ͕͋Δɻ
Open design means trusting people. ಁ໌ੑͷ͋ΔσβΠϯʹνʔϜϝʔτΛ৴པ͢Δ ඞཁ͕͋Δɻ
Open design means being respectful. ಁ໌ੑͷ͋ΔσβΠϯʹϑΟʔυόοΫΛ ݴ͏࣌ʹ૬खΛଚॏ͢Δඞཁ͕͋Δɻ
Open design takes constant work. ಁ໌ੑͷ͋ΔσβΠϯʹৗʹྗͯ͠վળ ͢Δඞཁ͕͋Δɻ
Thank you!
[email protected]
@cobyism Ͳ͏͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ