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
Packaging Peace of Mind for Your Clients
souvikdg
0
19
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
Other Decks in Design
See All in Design
【MIXI MEETUP!ー TECH & DESIGN DAYー】新たなSNS「mixi2」の “0→1”開発の舞台裏:デザイナーが語るプロダクト誕生秘話
mixi_design
PRO
0
140
デザインの意思決定を加速するワークショップ設計 / Workshop design to accelerate design decision-making
lycorptech_jp
PRO
0
500
Illustrator×Firefly 生成したイラストをベースにドット絵を作ってみよう!
connecre
1
140
保育AIプロダクトの UXデザインで考えてきたこと / hoiku-ai-ux-design
hiro93n
0
170
役立つシステムを作るためのAI活用
kanzaki
0
100
Hatena Engineer Seminar #33 チームと開発するためのモック
takuwolog
1
450
組織で取り組むアクセシビリティのはじめ方
masakiohsumi
0
190
【最新】マズロー安達の弟子実績(1期-4期の26人分)
maslow_akkun
0
2.8k
デザイナーがAIを使い倒して爆速プロダクト開発!社内ハッカソンでの取り組み紹介
abokadotyann
8
2.3k
デザインシステムの「種」を使って、受託開発を加速させる
akane___ui
0
11k
Мышление дизайнера историями. Как текстовые модели человеческого поведения помогают проектировать
ashapiro
0
420
Findyのプロデチームの 歩みとこれから
satty9556
0
290
Featured
See All Featured
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
23
1.5k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.1k
The Invisible Side of Design
smashingmag
301
51k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
5.6k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
27k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
114
20k
Designing for humans not robots
tammielis
254
26k
What's in a price? How to price your products and services
michaelherold
246
12k
We Have a Design System, Now What?
morganepeng
53
7.8k
Building Applications with DynamoDB
mza
96
6.7k
The Straight Up "How To Draw Better" Workshop
denniskardys
237
140k
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