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
66
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
210
GitHub Flow for Designers
cobyism
1
360
Asynchronous Communication For The Win!
cobyism
0
300
GitHub Flow — AWS Summit Tokyo 2015
cobyism
16
4.4k
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
Yahoo!フリマ:生成AI利用機能ならではのインターフェース設計について / Yahoo! JAPAN Flea Market: Interface Design Specific to Generative AI Utilization Features
lycorptech_jp
PRO
0
520
デザイナーがAIを使い倒して爆速プロダクト開発!社内ハッカソンでの取り組み紹介
abokadotyann
8
2.5k
What makes a great Director?
_limex_
0
330
そのUIコンポーネント、これから先も使えますか?―Headless UI,Open UI,グローバルデザインシステム
sakito
2
2k
「キャリア」のプロダクトをつくる私の「キャリア」への向き合い方 / JAM de NIGHT DESIGN SESSION Vol3
visional_engineering_and_design
1
750
Tools for Design Engineers other than LLM in the LLM era
takanorip
1
530
【最新】マズロー安達の弟子実績(1期-6期の37人分)
maslow_akkun
0
3k
kintone Style Book
kintone
1
580
Portfolio 齋藤明敏 Hiroyuki Saito_守秘義務あり
crearedesign
0
340
BXデザイン組織が挑んだスクラム 〜ブランドを育み、デザイナーを解放する変革の物語〜(Scrum Fest Mikawa 2025)
tadashiinoue
0
510
Installing and Running decksh/pdfdeck
ajstarks
1
870
デザイナーのAI活用とチームへの浸透戦略
ukaoli
0
130
Featured
See All Featured
Optimizing for Happiness
mojombo
379
70k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
22k
Java REST API Framework Comparison - PWX 2021
mraible
34
8.9k
The Pragmatic Product Professional
lauravandoore
36
7k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
115
20k
Scaling GitHub
holman
463
140k
Mobile First: as difficult as doing things right
swwweet
225
10k
Large-scale JavaScript Application Architecture
addyosmani
514
110k
It's Worth the Effort
3n
187
28k
Stop Working from a Prison Cell
hatefulcrawdad
271
21k
How STYLIGHT went responsive
nonsquared
100
5.8k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
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 Ͳ͏͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ