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
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
Souvik Das Gupta
November 09, 2013
Design
0
130
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
37
Breaking News on the Web
souvikdg
0
1.7k
Information Architecture for Beginners
souvikdg
0
130
Modular Architecture for Building Content Websites
souvikdg
4
3.8k
Information Architecture for Everyone
souvikdg
0
210
Project Discovery for Content Websites
souvikdg
1
270
Information Architecture for Everyone (WIAD)
souvikdg
1
330
Long
souvikdg
1
240
Architecting Content Driven Websites
souvikdg
1
560
Other Decks in Design
See All in Design
CREATIVE CLASS受講課題|無印良品を題材としたブランド再構築について
happy_ferret153
0
740
Figmaレクチャー会Part1 基本のき編@千株式会社 社内勉強会
designer_no_pon
2
280
社員の意識を高めたブランド浸透施策の裏側!
mixi_design
PRO
0
100
「デザイン」の自分ごと化から始める、デザインピープルのふるまい
mewmo
0
190
見栄えと使いやすさの先にある 特別感 をデザインする / Designing a Sense of Specialness Beyond Aesthetics and Usability
bitkey
PRO
0
280
公開スライド)熊本市様-電子申請中級編
garyuten
0
1.1k
decksh object reference
ajstarks
2
1.5k
デザイナーが主導権を握る、AI協業の本音と実践
satosio
7
3k
CULTURE DECK/Frontend Engineer
mhand01
0
980
チームをデザイン対象にする / Design for your team
kaminashi
1
840
結びながら、ひらく - にじむ境界のデザイン
hilokifigma
3
1.5k
Vibe Coding デザインシステム
poteboy
3
1.7k
Featured
See All Featured
Java REST API Framework Comparison - PWX 2021
mraible
34
9.2k
Tell your own story through comics
letsgokoyo
1
840
Chasing Engaging Ingredients in Design
codingconduct
0
140
The Power of CSS Pseudo Elements
geoffreycrofte
82
6.2k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
360
30k
Bash Introduction
62gerente
615
210k
The Pragmatic Product Professional
lauravandoore
37
7.2k
Beyond borders and beyond the search box: How to win the global "messy middle" with AI-driven SEO
davidcarrasco
3
74
Game over? The fight for quality and originality in the time of robots
wayneb77
1
140
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
techseoconnect
PRO
0
83
How to Get Subject Matter Experts Bought In and Actively Contributing to SEO & PR Initiatives.
livdayseo
0
85
The Director’s Chair: Orchestrating AI for Truly Effective Learning
tmiket
1
130
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