Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
The Evolution of Documentation in NASDAQ
Adekunle Oduye
May 14, 2017
Design
0
140
The Evolution of Documentation in NASDAQ
Adekunle Oduye
May 14, 2017
Tweet
Share
More Decks by Adekunle Oduye
See All by Adekunle Oduye
The 3ps of a Design System
adekunleoduye
3
120
Documentation Driven Design Systems
adekunleoduye
0
130
Code at the Center: Front-end Prototyping for Great Experiences
adekunleoduye
0
290
The Recipe for Building a Great Prototype - ManhattanJS 2015
adekunleoduye
0
140
Sass: The gateway drug for designers who Want to code
adekunleoduye
2
1.3k
Other Decks in Design
See All in Design
From Design Systems to DesignOps: Establishing DesignOps at your org
soysaucechin
1
180
NCDC_UXSession_CJM20220427
ncdc
0
150
UI/UXデザイナーになるには 日常編
kimurakei
0
400
Oh my teeth | BrandBook Creative for Partners
mkt
PRO
0
140
Shuv It Boards
8sided
PRO
1
210
A Designer’s Guide to Documenting Accessibility & User Interactions
stephaniewalter
0
9.8k
Filmarks デザイナー向け紹介資料
shingo2000
2
870
We meet again
seleliao
0
520
Bec Purser - Are you consulting, collaborating, or co-designing? And why it matters.
uxaustralia
PRO
0
110
幸せなパーパス経営の実現に欠かせない、社員の「個人理念」の重要性と活用法
kakukoki
PRO
0
130
Rakuma Developers
nojirakuten
0
1.4k
創造学群表現学類2021_ソーシャルチームプレゼン
zhikto
1
120
Featured
See All Featured
Code Review Best Practice
trishagee
43
9.2k
5 minutes of I Can Smell Your CMS
philhawksworth
196
18k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
119
28k
Fantastic passwords and where to find them - at NoRuKo
philnash
27
1.5k
YesSQL, Process and Tooling at Scale
rocio
157
12k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
237
19k
What's in a price? How to price your products and services
michaelherold
229
9.4k
Faster Mobile Websites
deanohume
294
28k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
104
16k
The Power of CSS Pseudo Elements
geoffreycrofte
46
3.9k
Building Adaptive Systems
keathley
25
1.1k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
7
1.1k
Transcript
The evolution of documentation in NASDAQ Adekunle Oduye @adekunleoduye
My name is... • Product Designer at NASDAQ • Co-organizer
at Gotham Sass & SassConf Adekunle Oduye (Add-eh-koon-lay Oh-due-yay)
What I hope everyone will learn: • How to write
useful documentation • How docs can increase the usage of a design system
Where we started: Pattern Library
What was the purpose of the Pattern Library? • Was
created for GCS design team • Used for creating front-end prototypes
How the Pattern Library was use Pattern Library Designer Designer
Designer Designer Designer GCS Product Design Team
None
None
None
Problems with our Pattern Library • Misuse of patterns •
Implementation wasn’t intuitive • Too many pattern variations
Where we ended up: UI Guidelines
How we wanted UI Guidelines to be used UI Guidelines
GCS IRI GNW DOI NSS
UI Guidelines Team Breakdown UI Guidelines Framework Docs Creative
I wasn’t too excited about working on docs
Documentation Process
None
Documentation Process
Outline for creating documentation: • Overview • Implementation • Usages
• Visual Details * • Dos & Don’ts * * These aren’t needed for all patterns
None
None
UI Guidelines: Buttons
UI Guidelines: Buttons
UI Guidelines: Buttons
UI Guidelines: Alerts
None
Using the same process for our charting library
None
None
None
None
None
“As instructions are to a product, documentation is to design
systems”
A design system is an educational tool
In Summary: • Good docs contain details about implementation and
usage • Have others within the company help when creating docs • Test out your documentation
Thanks for listening!!!! Adekunle Oduye @adekunleoduye www.adekunleoduye.com