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.3k
Information Architecture for Beginners
souvikdg
0
100
Modular Architecture for Building Content Websites
souvikdg
4
3.6k
Information Architecture for Everyone
souvikdg
0
190
Project Discovery for Content Websites
souvikdg
1
250
Information Architecture for Everyone (WIAD)
souvikdg
1
310
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
株式会社デイトラ様│コーポレートサイト│コンセプトシート
haruka_capeo
0
1.7k
UXデザインはなぜ定着しないのか?
designstudiopartners
0
500
NAHO SHIMONO_Portfolio2025
nahohphp
0
640
Bulletproof Design System with TypeScript
takanorip
6
2.6k
藤本佳子・ポートフォリオ・2025/5/29
yoshi_designer
1
5.3k
商業デザインのアクセシビリティにおける倫理フレームワークの考察
securecat
1
570
aya_murakami_portfolio
ayakaimi1101
0
1.7k
sachi_y_portfolio
sachi337
0
220
線で考える画面構成
natsuume
1
860
AIの実践とコミュニケーションデザインの意義 / AI practice and the significance of communication design
bebe
0
160
クライアントワークにおける UXリサーチの実践
kozotaira
0
640
オリジナルのデザイン地図を作ってみた!〜OpenMapTilesとMaputnikを活用した地図スタイル〜
hjmkth
1
510
Featured
See All Featured
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Embracing the Ebb and Flow
colly
85
4.7k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
52
2.8k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
1
62
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
47
2.8k
GraphQLの誤解/rethinking-graphql
sonatard
71
11k
Fontdeck: Realign not Redesign
paulrobertlloyd
84
5.5k
Stop Working from a Prison Cell
hatefulcrawdad
269
20k
What's in a price? How to price your products and services
michaelherold
245
12k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3k
Making Projects Easy
brettharned
116
6.2k
Rails Girls Zürich Keynote
gr2m
94
13k
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