Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
Slide 1
Slide 1 text
Good Web Design Practices
Slide 2
Slide 2 text
@souvikdg
Slide 3
Slide 3 text
Miranj
Slide 4
Slide 4 text
What’s design?
Slide 5
Slide 5 text
What’s design?
Slide 6
Slide 6 text
Assertions
Slide 7
Slide 7 text
Design helps solve a problem.
Slide 8
Slide 8 text
A problem can have more than one solution.
Slide 9
Slide 9 text
A solution can have multiple layers of design.
Slide 10
Slide 10 text
Typically web design concerns the interface and the interaction.
Slide 11
Slide 11 text
Interface is not just “looks”.
Slide 12
Slide 12 text
Practice 1
Slide 13
Slide 13 text
Start with defining problems without being biased by existing solutions.
Slide 14
Slide 14 text
Practice 2
Slide 15
Slide 15 text
Design should lead backend implementation.
Slide 16
Slide 16 text
Practice 3
Slide 17
Slide 17 text
Design should happen in the same medium as the final product.
Slide 18
Slide 18 text
Design in the browser.
Slide 19
Slide 19 text
“ Real web designers write code. Always have, always will. Jeffrey Zeldman
Slide 20
Slide 20 text
“…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
Slide 21
Slide 21 text
Practice 4
Slide 22
Slide 22 text
Embrace progressive enhancement.
Slide 23
Slide 23 text
Web technologies are designed to exploit the Rule of Least Power.
Slide 24
Slide 24 text
When an elevator fails, it’s useless. When an escalator fails, it becomes stairs. Build escalators, not elevators.
Slide 25
Slide 25 text
Thank You