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
Designing with GitHub
Search
Steve Smith
PRO
April 02, 2014
Design
57
4k
Designing with GitHub
Learn how our team at GitHub works, and how we think about design.
Steve Smith
PRO
April 02, 2014
Tweet
Share
More Decks by Steve Smith
See All by Steve Smith
Git Better
orderedlist
PRO
22
1.1k
Producing Creativity
orderedlist
PRO
344
39k
Collaborating on Vision
orderedlist
PRO
8
800
Designing with the Web
orderedlist
PRO
28
1.3k
Design Everything
orderedlist
PRO
25
1.3k
Designing Windowed Web Applications
orderedlist
PRO
13
1.4k
Introduction to Speakerdeck
orderedlist
PRO
9
310k
Real World Data Modeling with Mongo
orderedlist
PRO
8
860
Other Decks in Design
See All in Design
Design Your Own App Using Figma by Medha Muppala
gdgmontreal
0
1.6k
【pmconf2024】ユーザーになりきる「コスプレUX」で リサーチ解像度を上げる
kamechi7222222
1
8.5k
太田博三(@usagisan2020)
otanet
0
220
ネーミングの極意 - その名は体を現していますか? -
kakukoki
2
480
ユーザーに向き合うデザインが介護・福祉の現場を変える / User-facing design changes the field of care and welfare
sms_tech
0
240
エンタメ業界からDX領域に飛び込んだデザイナーが今立ち向かっている壁とは / applibot-dx-designer
cyberagentdevelopers
PRO
1
200
株式会社デイトラ様│コーポレートサイト│コンセプトシート
haruka_capeo
0
330
富山デザイン勉強会_デザイントレンド2025.pdf
keita_yoshikawa
0
150
Generating Momentum | Yasuhiro Yokota
yasuhiroyokota
0
230
一人ひとりのポテンシャルを活かしたナレッジマネジメントとは?
atsushihomma
0
360
東急URBAN HACKSのデザイナーって何やってるの? 〜Designer Night #1〜 移動・不動産領域の取り組み
tmtgtkhs
0
200
HCDフォーラム2024 「HCDとHAI ~人間とAIが共存する世界の実現~」
kamechi7222222
0
280
Featured
See All Featured
Designing for humans not robots
tammielis
250
25k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
100
18k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
32
2.1k
BBQ
matthewcrist
87
9.5k
Agile that works and the tools we love
rasmusluckow
328
21k
Gamification - CAS2011
davidbonilla
80
5.1k
Product Roadmaps are Hard
iamctodd
PRO
50
11k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
9
440
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
27
1.9k
Build your cross-platform service in a week with App Engine
jlugia
229
18k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3k
[RailsConf 2023] Rails as a piece of cake
palkan
53
5.2k
Transcript
Designing with GitHub
Hi, I’m Steve @orderedlist
How our Designers Work
Who are we? 28 designers, many disciplines
HTML/CSS Front-end designers, developers
Native Applications Desktop, iOS, Android
Illustration Octocats, animations, branding
Print Material Marketing, business ops
Video Marketing, education, events
Research User studies, product research
Our Tool Belt What we use to do what we
do
Words Yes, words
In order to communicate visually to your users, you must
be able to communicate verbally to your team.
Photoshop Dem PSDs
Sketch The software, and the book
Illustrator Vector Victor
Web Browsers Inspectors man…
Text Editors Atom, Sublime, Emacs, etc.
Text Chat Campfire, Hubot
Video Chat Google Hangouts, BlueJeans
GitHub Use GitHub to design GitHub
How we Collaborate Design better together
Serendipitous Interactions Great ideas from unexpected places
Annual Summit Everyone in one place
Team Mini-summits Strategy and planning
Face to Face Contact Understand tone and personality
Remote Working ~70% of GitHub is remote
But Why? Isn’t it easier to work in an office?
Good People are Everywhere Limiting to geography is, well, limiting
243 GitHubbers 103 cities, as of 9pm yesterday
Freedom to Travel Experience the world, while staying productive
None
Family Life Allows for family freedom
None
Personal Happiness Some people don’t want to live where you
do, and that’s ok
But How? How do you ensure productivity?
Remote First Mindset Assume remote in most situations
Communication Use your words
Asynchronous Workflows Don’t assume people are available whenever you need
Text is the Best Searchable, transcripts, notifications, etc.
Give People Time to Respond Patience is a virtue, and
all that
Chat Rooms We have a lot of them
None
Everyone Uses Chat Even if you’re in the office
/virtual office me Video chat for that in-office experience
None
GitHub Team Our Internal Status App
None
Don’t Email People No history, terrible threading, it’s just bad
And of Course, GitHub Communication with results
How we use GitHub Ideas and workflows
Teams Permissions, mentions, notifications
None
None
Design-specific Repos Repos aren’t just for code
Assets, sometimes Not always, but it can be great
None
Issues For problems, not solutions
None
Design Documents and Projects Keep an up-to-date record of current
efforts
Markdown Files Text with benefits
History See changes to project direction over time
Discussion See the thoughts that lead to conclusions
Pull Requests A workflow for proposing changes
Woah, Woah, Woah I don’t want to use Git
Deal with it, it’s not difficult
Let Me Show You github.com/orderedlist/design-example-repo
Questions?
How Design Works
GitHub Zen Finding your design center
Features are Expensive Creation, maintenance, complexity, real estate
Approachable is Better Than Simple Simple ideas don’t mean simple
execution
Mind Your Words They are important
Communicate Concisely Your customers deserve it
Communicate Thoughtfully Your colleagues deserve it
Put Effort Into Your Words They are more important than
your designs
Speak Like a Human Please
Non-blocking is Better Than Blocking Don’t get in people’s way
Block by Interruption Confirmation, popups, dialogs
Block by Overstimulation Over-design, too many options, distractions
Block by Complication Requiring too much from the user
None
Favor Focus Over Features Say no to things
Perfection is achieved, not when there is nothing more to
add, but when there is nothing left to take away. Antoine de Saint-Exupery
None
Anything Added Dilutes Everything Else Be careful about additions
When many good ideas present themselves, it's easy to become
distracted. Don't let good ideas get in the way of great execution.
Starting is Easy, Finishing is Hard The process of shipping
is incredibly difficult
Wrapping Up A Few Key Points
Communication is Important For your designs and your colleagues
Design Happens Anywhere Not just your office
Backup Your Designs with Words Keep those words meaningful and
documented
Design Better Together It’s better than designing alone
Questions?
Thank you!