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
86
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
580
Information Architecture for Beginners
souvikdg
0
54
Modular Architecture for Building Content Websites
souvikdg
4
3.4k
Information Architecture for Everyone
souvikdg
0
160
Project Discovery for Content Websites
souvikdg
1
220
Information Architecture for Everyone (WIAD)
souvikdg
1
280
Long
souvikdg
1
150
Architecting Content Driven Websites
souvikdg
1
440
What’s Your Web?
souvikdg
2
1.6k
Other Decks in Design
See All in Design
私たちが取り組んできたアクセシビリティと これから取り組んでいくアクセシビリティについて
securecat
1
290
ノンデザイナーでもできる。直感的で使いやすいUIの設計方法
ncdc
8
7.1k
Baby Bear Genius
yvonnehsuanho
PRO
0
620
美しいUIを作るために デザイナーが意識している ちょっとした考え方
yuichi_hara7
17
10k
みんなでブラッシュアップするDesign Sprint_BASE BANKチームの場合
base
PRO
3
490
Sci-Fi: Descenso
elrtovar
0
260
デザインスプリントを活かすチームの在り方
mixi_design
PRO
1
630
Dreamia
elsh
0
120
Rebuilding Stamen’s iconic map styles with Stadia Maps
almccon
0
170
効果的な管理画面を デザインをするために 避けるべき5つの罠
takanorip
12
5.4k
他人事じゃないWebアクセシビリティ入門
arihiro17
0
440
Findy - デザイナー向け会社紹介 / Hiring Findy's Designers
findyinc
5
36k
Featured
See All Featured
Code Reviewing Like a Champion
maltzj
518
39k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
225
22k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
26
1.9k
We Have a Design System, Now What?
morganepeng
48
7.1k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
27
8.9k
BBQ
matthewcrist
83
9.1k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
34
1.9k
Imperfection Machines: The Place of Print at Facebook
scottboms
263
13k
StorybookのUI Testing Handbookを読んだ
zakiyama
25
5k
Designing on Purpose - Digital PM Summit 2013
jponch
113
6.8k
Designing the Hi-DPI Web
ddemaree
278
34k
Large-scale JavaScript Application Architecture
addyosmani
508
110k
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