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
Good Web Design Practices
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Souvik Das Gupta
November 09, 2013
Design
0
130
Good Web Design Practices
A short 10-min talk that summarises important practices in web design that often get overlooked.
Souvik Das Gupta
November 09, 2013
Tweet
Share
More Decks by Souvik Das Gupta
See All by Souvik Das Gupta
Packaging Peace of Mind for Your Clients
souvikdg
0
37
Breaking News on the Web
souvikdg
0
1.7k
Information Architecture for Beginners
souvikdg
0
130
Modular Architecture for Building Content Websites
souvikdg
4
3.8k
Information Architecture for Everyone
souvikdg
0
210
Project Discovery for Content Websites
souvikdg
1
270
Information Architecture for Everyone (WIAD)
souvikdg
1
330
Long
souvikdg
1
240
Architecting Content Driven Websites
souvikdg
1
560
Other Decks in Design
See All in Design
保育現場にAIを 〜人と技術に橋を架けるデザインで考えてきたこと〜 uiuxcamp2026-hoiku-ai-design
hiro93n
1
130
ドルちゃん
design_dolphins
0
580
見栄えと使いやすさの先にある 特別感 をデザインする / Designing a Sense of Specialness Beyond Aesthetics and Usability
bitkey
PRO
0
280
文化のデザイン - Soft Impact of Design
atsushihomma
0
160
絵や写真から学ぶ、要素がもたらす副作用
kspace
0
230
From the Visible Crossroads: Turning Outputs into Outcomes
takaikanako
2
1.3k
OJTで学んだ 「心を動かす」ファシリテーション
saki822
1
270
新規AIプロダクトで、事前に知るべきだった3つの壁 〜医療AIを1年間作って、従来の開発が通用しなかった話〜 / Three Walls in Building AI Products
shikichee
2
3.8k
CULTURE DECK/Frontend Engineer
mhand01
0
990
TWCP#21 UXデザインと哲学のはなし
shinn
0
310
Diverse Design Team Deck
diverse
0
1k
hicard_credential_202601
hicard
0
200
Featured
See All Featured
Groundhog Day: Seeking Process in Gaming for Health
codingconduct
0
120
[RailsConf 2023] Rails as a piece of cake
palkan
59
6.4k
The State of eCommerce SEO: How to Win in Today's Products SERPs - #SEOweek
aleyda
2
9.9k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
17k
<Decoding/> the Language of Devs - We Love SEO 2024
nikkihalliwell
1
160
Ruling the World: When Life Gets Gamed
codingconduct
0
180
Pawsitive SEO: Lessons from My Dog (and Many Mistakes) on Thriving as a Consultant in the Age of AI
davidcarrasco
0
88
Thoughts on Productivity
jonyablonski
75
5.1k
The Language of Interfaces
destraynor
162
26k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
10
1.1k
Impact Scores and Hybrid Strategies: The future of link building
tamaranovitovic
0
230
Highjacked: Video Game Concept Design
rkendrick25
PRO
1
320
Transcript
Good Web Design Practices
@souvikdg
Miranj
What’s design?
What’s design?
Assertions
Design helps solve a problem.
A problem can have more than one solution.
A solution can have multiple layers of design.
Typically web design concerns the interface and the interaction.
Interface is not just “looks”.
Practice 1
Start with defining problems without being biased by existing solutions.
Practice 2
Design should lead backend implementation.
Practice 3
Design should happen in the same medium as the final
product.
Design in the browser.
“ Real web designers write code. Always have, always will.
Jeffrey Zeldman
“…You don’t do code to the level of say, Ethan
Marcotte, but you do need to know what’s possible with markup and CSS. Jeremy Keith
Practice 4
Embrace progressive enhancement.
Web technologies are designed to exploit the Rule of Least
Power.
When an elevator fails, it’s useless. When an escalator fails,
it becomes stairs. Build escalators, not elevators.
Thank You