Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Good Web Design Practices

F94f921203292a9ef700807e9cd5061f?s=47 Souvik Das Gupta
November 09, 2013
Design
0
25

Good Web Design Practices

A short 10-min talk that summarises important practices in web design that often get overlooked.

F94f921203292a9ef700807e9cd5061f?s=128

Souvik Das Gupta

November 09, 2013
Tweet

More Decks by Souvik Das Gupta

See All by Souvik Das Gupta
F94f921203292a9ef700807e9cd5061f?s=48 souvikdg
4
2.2k
F94f921203292a9ef700807e9cd5061f?s=48 souvikdg
0
80
F94f921203292a9ef700807e9cd5061f?s=48 souvikdg
1
150
F94f921203292a9ef700807e9cd5061f?s=48 souvikdg
1
210
F94f921203292a9ef700807e9cd5061f?s=48 souvikdg
1
86
F94f921203292a9ef700807e9cd5061f?s=48 souvikdg
1
250
F94f921203292a9ef700807e9cd5061f?s=48 souvikdg
2
1.2k
F94f921203292a9ef700807e9cd5061f?s=48 souvikdg
0
1.4k
F94f921203292a9ef700807e9cd5061f?s=48 souvikdg
0
100

Other Decks in Design

See All in Design
2016ba6b977a2e6691811fa66d5f4336?s=48 cyberagentdevelopers
PRO
1
290
C9b13030657cff75ef421db51c6f021c?s=48 sylvaingrisot
0
690
Dc5be06c50fdfe681913540a3effdcc8?s=48 kazuyaseki
16
17k
933291444e456bfb511a66a2fa9c6929?s=48 j5ik2o
1
440
0a3f975afb192c0aa86e2f2cef37e677?s=48 mariko_s14ninja
0
230
C8752623d12b45468a9cf8f13d6e8df4?s=48 hazuijunpei
0
190
Efe3b32c678d6071ea1f06478fd2156b?s=48 norinity1103
1
160
5282a03ca032a1f9e0df70c8ef2ea39c?s=48 ujki
0
320
Bff39f7d4e25a30fb4d28a9005de7363?s=48 uxaustralia
PRO
0
110
0c6fc884dd8b5a4e584feb6a1b615a47?s=48 hiranotomoki
0
660
169193701aa6e6249f882068f13afa88?s=48 gazinc
1
3.9k
74e48f0d01a7fec7c579a8d370698b26?s=48 tmiket
0
190

Featured

See All Featured
C4de88ea47538e4594750e3861a341c8?s=48 brettharned
97
4k
5f2da528927a2ec9ba4fec2069cbc958?s=48 kneath
225
15k
170b760e0147792d0140e59ec78e9893?s=48 eitanlees
121
11k
88bc30284c6a424b63a92aad27d0ba36?s=48 jnunemaker
PRO
45
5.1k
32de0bd2ba869609d26fd052a4622778?s=48 cromwellryan
109
6.7k
Dafc4723e9a1c067796c0fec6f509774?s=48 lemiorhan
634
51k
Ef32e0b1ac5082450dc8c1fca3a26b5c?s=48 cherdarchuk
78
280k
A9704266587836f7e784235e5073b93e?s=48 jmmastey
21
5.3k
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
149
20k
F716e5f737fcfb03f2cf8d1a184f1dbe?s=48 nonsquared
84
3.8k
F57e2136eb9895eb95ff5dc8a1c02677?s=48 zakiwarfel
91
3.7k
C7393b7ba7ec9c8890dd77d209fbb3c9?s=48 maltzj
505
37k

Transcript

  1. Good Web Design Practices

  2. @souvikdg

  3. Miranj

  4. What’s design?

  5. What’s design?

  6. Assertions

  7. Design helps solve a problem.

  8. A problem can have more than one solution.

  9. A solution can have multiple layers of design.

  10. Typically web design concerns the interface and the interaction.

  11. Interface is not just “looks”.

  12. Practice 1

  13. Start with defining problems without being biased by existing solutions.

  14. Practice 2

  15. Design should lead backend implementation.

  16. Practice 3

  17. Design should happen in the same medium as the final

    product.

  18. Design in the browser.

  19. “ Real web designers write code. Always have, always will.

    Jeffrey Zeldman

  20. “…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

  21. Practice 4

  22. Embrace progressive enhancement.

  23. Web technologies are designed to exploit the Rule of Least

    Power.

  24. When an elevator fails, it’s useless. When an escalator fails,

    it becomes stairs. Build escalators, not elevators.

  25. Thank You