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
Design Documentation
Search
Dike Thelma
April 15, 2021
Design
0
28
Design Documentation
How, When, and Why should you document your design
Dike Thelma
April 15, 2021
Tweet
Share
More Decks by Dike Thelma
See All by Dike Thelma
Carrying out Usability tests
dikethelmak
0
180
Design from a Product designers’ perspective
dikethelmak
0
61
Introduction to User Experience (UX) Design
dikethelmak
0
21
Building a successful career in design
dikethelmak
0
51
User_Onboarding_Experience.pdf
dikethelmak
0
25
Introduction to UI/UX Using Figma
dikethelmak
1
140
User Experience Designs
dikethelmak
0
69
Other Decks in Design
See All in Design
Design Studio Deck | インクルーシブデザインスタジオCULUUM
culumu
3
1.7k
sachi_y_portfolio
sachi337
0
270
ポートフォリオ_藤田歩希(ほまれ)
akifujita_homarecreate
0
630
Haley's adventure chase
ivettetwin
0
240
ビジネス成果を最大限に発揮するPORTFOLIO
ataxi1003
0
190
Building foundations 堅牢なデザイントークンの設計
hilokifigma
2
3.5k
Bulletproof Design System with TypeScript
takanorip
6
3.6k
【30人中30人が3ヶ月平均180万収入アップ】マズロー安達の弟子、成功事例集
maslow_akkun
0
130
Storyboard Honey
rocioparronrubio
0
280
「描く」という衝動に立ち返る〜Figma Drawがひらく思考のかたち〜
transit_kix
1
980
Tools for Design Engineers other than LLM in the LLM era
takanorip
1
310
クライアントワークにおける UXリサーチの実践
kozotaira
0
700
Featured
See All Featured
A designer walks into a library…
pauljervisheath
207
24k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
2.9k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
46
9.6k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
26k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
45
7.5k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
60k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
Side Projects
sachag
455
42k
Statistics for Hackers
jakevdp
799
220k
Practical Orchestrator
shlominoach
189
11k
Embracing the Ebb and Flow
colly
86
4.7k
Unsuck your backbone
ammeep
671
58k
Transcript
Design Documentation Facilitated by Thelma Dike Presentation for Treford Bootcamp
Thelma Dike - Product designer, data at softcom. - I
enjoy taking pictures of nature and arts.
Brief Introduction to what Product design is
None
Let’s become more practical
This is Lanre - He’s a designer. - He has
2 designers on his team. - And has been asked to design a mobile app to help with international payment and investments
Lanre informs his team, and they get started by carrying
out stakeholder interviews.
None
Every designer goes to their desks and does their work
individually and locally.
Before the design phase started, Lanre was moved to another
project, Seun was now asked to take over.
None
Seun is clueless about everything, and doesn’t know where to
start
Now, imagine that at every phase of the design process,
their thoughts & decisions were recorded.
This brings us to why we’re here
Design Documentation What is is, why we should do it
& How it should be done.
The process of taking snapshots of your thoughts & decisions
at every given time. What’s design documentation?
Why should we document?
Communicate & collaborate effectively. Why we should document
Present your team in the lime-light. Why we should document
Gain clarity with stakeholders. Why we should document
How should we document?
Documentation should be done during every phase of the design
cycle.
Research phase Empathize and define
Answer the WHAT, WHO, WHY questions. What happens here
What to documents Product overview, requirements & deadlines.
Tools to use Notion, Dropbox paper, Google docs.
What else to document Surveys, User interviews, User stories, User
Flows
Tools to use Miro, Google drive, whimsical, Google forms.
Design phase Ideate and Prototype
Sketch ideas, create wireframes, styleguide, Lo-fi & Hi-Fi designs. What
happens here
Miro, Sketch, Figma, SketchPad, Paper & Pen, Stickers. Tools to
use
Testing phase Testing and Iterate
Test your solutions with potential users, get feedback and iterate.
What happens here
Figma prototype, Invision, Principle, Lookback, Dovetail, Zoom. Tools to use
Things to note while carrying out your documentation.
Ensure your documentation is usable for your target audience. Things
to note
Update your documentation when changes are made. Things to note
Be brief and straight to the point. Things to note
Add images where necessary Things to note
Thank you! dikethelmak