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
94
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
840
Information Architecture for Beginners
souvikdg
0
73
Modular Architecture for Building Content Websites
souvikdg
4
3.5k
Information Architecture for Everyone
souvikdg
0
170
Project Discovery for Content Websites
souvikdg
1
230
Information Architecture for Everyone (WIAD)
souvikdg
1
290
Long
souvikdg
1
180
Architecting Content Driven Websites
souvikdg
1
460
What’s Your Web?
souvikdg
2
1.7k
Other Decks in Design
See All in Design
ゲーム開発における、Figma活用事例の紹介 / applibot-figma
cyberagentdevelopers
PRO
2
340
Haruki_Konaka_Portforio.pdf
haruki556
0
660
portfolio
amitnk
1
130
ZOZO CDO Office Design
zozodevelopers
PRO
1
450
Night Shift (beginning sequence)
cpineda57
0
910
SpectrumTokyoMeetup12_自動貯金アプリ『finbee』での取り組みについて
shihorishimazu
2
400
デザインからアプリ実装まで一貫したデザインシステムを構築するベストプラクティス
shuzo
14
6.2k
Commune_Brand_Guideline_JA
commune
1
160
みんなでブラッシュアップするDesign Sprint_BASE BANKチームの場合
base
PRO
3
650
202409_会社概要資料_Englishver.pdf
zakkerooni
0
210
みんなに知って欲しい 視覚過敏のアクセシビリティ
0opacity_
4
830
デザインスプリントを活かすチームの在り方
mixi_design
PRO
2
790
Featured
See All Featured
Embracing the Ebb and Flow
colly
84
4.5k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
28
2k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
329
21k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
28
8.2k
Designing the Hi-DPI Web
ddemaree
280
34k
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.1k
Rails Girls Zürich Keynote
gr2m
94
13k
Art, The Web, and Tiny UX
lynnandtonic
297
20k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
42
9.2k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
226
22k
Site-Speed That Sticks
csswizardry
0
33
Music & Morning Musume
bryan
46
6.2k
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