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.5k
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
530
What’s Your Web?
souvikdg
2
1.8k
Other Decks in Design
See All in Design
「キャリア」のプロダクトをつくる私の「キャリア」への向き合い方 / JAM de NIGHT DESIGN SESSION Vol3
visional_engineering_and_design
1
200
Building Experiences: Design Systems, User Experience, and Full Site Editing
marktimemedia
0
250
AIの実践とコミュニケーションデザインの意義 / AI practice and the significance of communication design
bebe
0
810
読書シェア会 vol.5 / Yumemi.grow 20250526
rakus_dev
0
1.8k
【30人中30人が3ヶ月平均180万収入アップ】マズロー安達の弟子、成功事例集
maslow_akkun
0
310
【最新】マズロー安達の弟子実績(1期-4期の26人分)
maslow_akkun
0
2.1k
【Firefly Image 4対応版】上手にFireflyにお願いしてウェブデザイン案を出すぞ!
cremacrema
0
1.5k
サービスデザインにおける、 映像活用の可能性(Spectrum Tokyo Meetup #18)
ka71
0
160
第4回関東Kaggler会LT HCD-Net人間中心設計スペシャリストが語るNotebookメダルの取り方
utm529f
0
1k
AI業務アプリケーションの体験デザイン
kazuhirokimura
0
160
「描く」という衝動に立ち返る〜Figma Drawがひらく思考のかたち〜
transit_kix
1
1.1k
21 Ways to Call American Airlines Customer Care Full Guide USA
americanhub
0
200
Featured
See All Featured
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.1k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
285
13k
Git: the NoSQL Database
bkeepers
PRO
431
66k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
27k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
jQuery: Nuts, Bolts and Bling
dougneiner
64
7.9k
BBQ
matthewcrist
89
9.8k
Intergalactic Javascript Robots from Outer Space
tanoku
272
27k
We Have a Design System, Now What?
morganepeng
53
7.8k
GraphQLの誤解/rethinking-graphql
sonatard
72
11k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
188
55k
Building Flexible Design Systems
yeseniaperezcruz
328
39k
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