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
1k
Information Architecture for Beginners
souvikdg
0
84
Modular Architecture for Building Content Websites
souvikdg
4
3.5k
Information Architecture for Everyone
souvikdg
0
180
Project Discovery for Content Websites
souvikdg
1
240
Information Architecture for Everyone (WIAD)
souvikdg
1
300
Long
souvikdg
1
200
Architecting Content Driven Websites
souvikdg
1
480
What’s Your Web?
souvikdg
2
1.7k
Other Decks in Design
See All in Design
Дизайн услуги через её визуализацию с Картой процесса-опыта
ashapiro
0
210
生成AIを受け入れ共創できるデザイナーマインドへープロセス改革を想定したデザイナーの準備ー
takumasaito
1
1.7k
私たちは、世界とデザインの〝次の一歩〟を、どこへ向けるか。
tkhr_kws
2
270
「Figmaプラグイン開発してみた」@スタメンデザイナーオープン勉強会
kiyoshifuwa
0
110
東急URBAN HACKSのデザイナーって何やってるの? 〜Designer Night #1〜
tak073
0
230
利用者が離れないUX/UIデザイン 長く使われる業務アプリデザインのポイント
ncdc
5
400
プロダクトデザインの「守破離」の「破」について
hayashirine
0
300
Goodpatch Tour💙 / We are hiring!
goodpatch
31
790k
ビジョン実現を加速させるデザインプログラムマネージャーの視座とキャリア/ Designship2024_Sato
root_recruit
0
240
なぜ今必要?Figma×SmartHR×DMM.com×一休 エンジニア視点で考えるデザインシステム
hilokifigma
0
550
今更聞けないデザイン思考 - 高専キャリア2024冬 / imasara-design-thinking
chige
5
840
成長する組織のナレッジベースのつくりかた_知識基盤のデザインとメタデザイン
gaussbeam
0
850
Featured
See All Featured
The Illustrated Children's Guide to Kubernetes
chrisshort
48
49k
Agile that works and the tools we love
rasmusluckow
328
21k
Measuring & Analyzing Core Web Vitals
bluesmoon
6
220
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
175
51k
Six Lessons from altMBA
skipperchong
27
3.6k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
6
520
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
39
1.9k
GraphQLの誤解/rethinking-graphql
sonatard
68
10k
Speed Design
sergeychernyshev
25
760
BBQ
matthewcrist
86
9.4k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
29
990
Optimising Largest Contentful Paint
csswizardry
33
3k
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