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
Souvik Das Gupta
November 09, 2013
Design
0
120
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
Breaking News on the Web
souvikdg
0
1.4k
Information Architecture for Beginners
souvikdg
0
110
Modular Architecture for Building Content Websites
souvikdg
4
3.6k
Information Architecture for Everyone
souvikdg
0
190
Project Discovery for Content Websites
souvikdg
1
260
Information Architecture for Everyone (WIAD)
souvikdg
1
320
Long
souvikdg
1
220
Architecting Content Driven Websites
souvikdg
1
510
What’s Your Web?
souvikdg
2
1.7k
Other Decks in Design
See All in Design
読書シェア会 vol.5 / Yumemi.grow 20250526
rakus_dev
0
1.6k
Echoes Boomerang
artcloudyu
PRO
0
240
Haley's adventure chase
ivettetwin
0
220
“使いやすい”が生産性を変える!業務を効率化するためのUX/UI設計ポイント
ncdc
2
390
なぜプレイドにデザインエンジニアが必要だったのか?
t32k
0
500
CMS管理画面のアクセシビリティ
magi1125
6
1.8k
A brief & incomplete history of UX Design for the World Wide Web: 1989–2019
jct
1
200
真・altはつけるだけじゃなくて -alt属性の考察 2025年版-
securecat
5
1.5k
事例で学ぶ!今日から使えるWebサービスUI改善ポイント
ncdc
0
150
250131_product meetup
motokoishida
0
210
CIRCULAR ECONOMY + SERVICES
jmanooch
0
110
【PoCで終わらない】運用フェーズまで見据えたAI駆動UIデザイン/フロントエンド開発実践
kitami
1
160
Featured
See All Featured
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
10
930
The Cult of Friendly URLs
andyhume
79
6.5k
YesSQL, Process and Tooling at Scale
rocio
173
14k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.7k
StorybookのUI Testing Handbookを読んだ
zakiyama
30
5.8k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
1.8k
Optimising Largest Contentful Paint
csswizardry
37
3.3k
A designer walks into a library…
pauljervisheath
206
24k
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
Documentation Writing (for coders)
carmenintech
71
4.9k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
22k
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