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
110
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
210
Architecting Content Driven Websites
souvikdg
1
500
What’s Your Web?
souvikdg
2
1.7k
Other Decks in Design
See All in Design
商業デザインのアクセシビリティにおける倫理フレームワークの考察
securecat
1
550
今日から意識できるアクセシビリティ
fumiko
0
210
富山デザイン勉強会_デザイントレンド2025.pdf
keita_yoshikawa
0
250
【pmconf2024】ユーザーになりきる「コスプレUX」で リサーチ解像度を上げる
kamechi7222222
1
9.1k
共通言語としてのデザイントークンと Figmaでの運用
kamy0042
0
340
同人音声のための、 最高の視聴体験を求めて【サブカル×デザインMeetUP!】
vivion
0
490
Haley's adventure chase
ivettetwin
0
150
The Golden Whitney
ohtristanart
PRO
0
300
株式会社デイトラ様│コーポレートサイト│コンセプトシート
haruka_capeo
0
1.5k
問いの変遷
iflection
0
110
ほしいテンプレート制作から始めるツール学習のススメ📝
60d
0
110
今更聞けないデザイン思考 - 高専キャリア2024冬 / imasara-design-thinking
chige
7
1k
Featured
See All Featured
A Tale of Four Properties
chriscoyier
159
23k
Measuring & Analyzing Core Web Vitals
bluesmoon
7
420
GitHub's CSS Performance
jonrohan
1031
460k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
49k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
5
560
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
2.9k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
45
7.2k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
26k
Stop Working from a Prison Cell
hatefulcrawdad
268
20k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
45
9.5k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
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