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
73
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
Information Architecture for Beginners
souvikdg
0
29
Modular Architecture for Building Content Websites
souvikdg
4
3.2k
Information Architecture for Everyone
souvikdg
0
130
Project Discovery for Content Websites
souvikdg
1
210
Information Architecture for Everyone (WIAD)
souvikdg
1
260
Long
souvikdg
1
120
Architecting Content Driven Websites
souvikdg
1
400
What’s Your Web?
souvikdg
2
1.5k
Web is Flux
souvikdg
0
1.8k
Other Decks in Design
See All in Design
モデル・デザイン入門
akitsugu7935
0
460
Design Leadership in Challenging Times
morganepeng
3
300
noteのアクセシビリティ これまでのプロダクト・組織へのアプローチとこれからのこと
tatsuyasawanobori
1
1k
Wishing Star Comic
torije
2
1.2k
顧客体験を作るデザイナーが 意思決定速度を上げるために使うAI
cremacrema
2
520
SUKEDACHI DESIGN NIGHT発表スライド
sugiyama_sukedachi
0
230
デザイナー向け会社紹介資料/company-profile-designer
nextbeat
1
860
WHAT ARE ME?
takuro_nakajima
PRO
0
1.3k
豊かな自然を守るための、 クラフトビール造りのプロジェクトとデザイン
kazuakiebe
0
450
ゲームクリエイター、事業会社のデザイナーになる
satomium1
0
180
実案件でのFigmaデータの作り方
xxxkinu
2
220
Amebaデザインシステム Spindleの開発 / The Development of Spindle
spindle
4
630
Featured
See All Featured
Reflections from 52 weeks, 52 projects
jeffersonlam
345
19k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
241
1.2M
The Straight Up "How To Draw Better" Workshop
denniskardys
227
130k
Rebuilding a faster, lazier Slack
samanthasiow
73
8.2k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
125
32k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
25
2.3k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
7
1k
What's new in Ruby 2.0
geeforr
337
31k
StorybookのUI Testing Handbookを読んだ
zakiyama
13
4.6k
In The Pink: A Labor of Love
frogandcode
138
21k
Build your cross-platform service in a week with App Engine
jlugia
225
17k
Git: the NoSQL Database
bkeepers
PRO
422
63k
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