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
100
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
990
Information Architecture for Beginners
souvikdg
0
82
Modular Architecture for Building Content Websites
souvikdg
4
3.5k
Information Architecture for Everyone
souvikdg
0
170
Project Discovery for Content Websites
souvikdg
1
230
Information Architecture for Everyone (WIAD)
souvikdg
1
300
Long
souvikdg
1
190
Architecting Content Driven Websites
souvikdg
1
470
What’s Your Web?
souvikdg
2
1.7k
Other Decks in Design
See All in Design
横断組織デザイナーの働き方
mixi_design
PRO
0
290
最速[要出典]アクセシビリティチェック
magi1125
2
160
Charcoal 2.0: デザインシステムの基盤を再構築
godlingkogami
1
640
ABEMAの進化 – 複雑化したコンテンツ構造とUI改善への道 – / abema-ui-improve
cyberagentdevelopers
PRO
2
510
デザインシステム構築の進め方 基本から実践まで、具体的な手順を徹底解説
ncdc
1
360
LayerX DesignersDeck
layerx
PRO
0
1.6k
Designship2024 Panel Discussion インハウスデザイナーは 何をデザインしているか、するべきか で使用したスライドを公開します。
kiyoshifuwa
0
2.3k
portfolio2025_kanakoohata
kanako106
0
470
aya_murakami_portfolio
ayakaimi1101
0
250
【デザイン初め新年会2025|01.08】事業貢献するデザイン組織の挑戦 - 2025年、課題解決をリードする。
payatsusan213
0
7.8k
藤本佳子・ポートフォリオ・2025/01
yoshi_designer
0
1.2k
LLMによるRAG評価用合成テストデータの生成
licux
5
470
Featured
See All Featured
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.4k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
Docker and Python
trallard
43
3.2k
Building a Modern Day E-commerce SEO Strategy
aleyda
38
7k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
3
170
Site-Speed That Sticks
csswizardry
2
250
The Language of Interfaces
destraynor
155
24k
Documentation Writing (for coders)
carmenintech
67
4.5k
Gamification - CAS2011
davidbonilla
80
5.1k
Making Projects Easy
brettharned
116
6k
Side Projects
sachag
452
42k
A Philosophy of Restraint
colly
203
16k
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