$30 off During Our Annual Pro Sale. View Details »
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
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
31
Breaking News on the Web
souvikdg
0
1.6k
Information Architecture for Beginners
souvikdg
0
120
Modular Architecture for Building Content Websites
souvikdg
4
3.7k
Information Architecture for Everyone
souvikdg
0
200
Project Discovery for Content Websites
souvikdg
1
260
Information Architecture for Everyone (WIAD)
souvikdg
1
320
Long
souvikdg
1
230
Architecting Content Driven Websites
souvikdg
1
540
Other Decks in Design
See All in Design
逆向きUIの世界〜AndroidアプリのRTL言語対応〜
akatsuki174
1
690
OSO2025-マサカリと太陽:伝え方の情報デザイン
majimasachi
0
570
decksh object reference
ajstarks
2
1.5k
AI時代に問われる、リサーチの感受性──地域⇄大企業の現場から見えた「違和感」との向き合い方
muture
PRO
0
350
Marpで推しCSSスライドを作ろう! / marp-with-favorite-css
fujiemon
0
800
root COMPANY DECK / We are hiring!
root_recruit
1
25k
一次体験を起点にしたUX改善の取り組み / Direct Experience Driven UX Improvements
bitkey
PRO
0
310
ドルちゃん
design_dolphins
0
510
地理院地図をもっと楽しく!れきちず新機能のご紹介
hjmkth
1
250
Findyのプロデチームの 歩みとこれから
satty9556
0
360
Meet, Learn, Grow × AI ― コミュニティで加速するスキル循環 「コミュニティと関わり方」
tame
0
330
モビリティプラットフォームの未来を築くクラウド基盤
kossykinto
0
150
Featured
See All Featured
How STYLIGHT went responsive
nonsquared
100
6k
A Modern Web Designer's Workflow
chriscoyier
698
190k
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
chikuwait
0
21
Unsuck your backbone
ammeep
671
58k
GraphQLの誤解/rethinking-graphql
sonatard
73
11k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
From Legacy to Launchpad: Building Startup-Ready Communities
dugsong
0
110
Exploring the relationship between traditional SERPs and Gen AI search
raygrieselhuber
PRO
2
3.4k
Navigating Weather and Climate Data
rabernat
0
44
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
22k
Side Projects
sachag
455
43k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
9
1k
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