Why designers should code?<br />- Sunit Singh<br />Sunit Singh<br />
“Design is not just what it looks like and feels like. Design is how it works.”<br />—Steve Jobs<br />Sunit Singh<br />
Sunit Singh<br />
Sunit Singh<br />
Sunit Singh<br />
Ring’s a bell?<br />WTF? This is no where close to the original design!<br />The original mocks were much better, the deve...
Responsive, Light Weight Experiences<br />Facebook<br />ClearTrip<br />Gmail<br />Google Maps<br />Twitter<br />Word Press...
Schools of Thoughts<br />Designers should focus on design?<br />Coding restricts creativity?<br />Coding, a steep learning...
“…coming up with an idea is the least important part of creating something great. It has to be the right idea and have goo...
Why?<br />Know the rules if you want to bend them!<br />Understand the possibilities of your medium, leverage what it alre...
Why?<br />Be ready for change, quickly iterate, reduce back and forth<br />Baby step towards embracing technology<br />Mor...
Beware!	<br />Self-censoring - avoid compromising on the best possible user experience <br />Never lose sight of the bigge...
Good Reads<br />6 Reasons Why Designers Should Code<br />Good Reasons Why Designers Should Code, Mike Kus<br />Design at F...
Getting Started<br />http://www.w3schools.com/<br />Designing with Web Standards <br />by Jeffery Zeldman<br />CSS - The D...
Brushing Up<br />http://24ways.org/<br />http://www.alistapart.com/<br />Web Standards Solutions <br />by Dan Cederholm<br...
Questions?<br />Sunit Singh<br />
Upcoming SlideShare
Loading in...5
×

Why Designers Should Code

2,378

Published on

Published in: Design, Technology
1 Comment
1 Like
Statistics
Notes
No Downloads
Views
Total Views
2,378
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
14
Comments
1
Likes
1
Embeds 0
No embeds

No notes for slide
  • Sorry, but you own all touch points/ where user experience doesn’t end at layouts/ navigation designIn fact, it opens up whole new world of creative possibilities. Yes, but pick it up you won’t regret itOnce you get the hang of it – it’s whole lot of fun
  • Understanding your medium thoroughly
  • Why Designers Should Code

    1. 1. Why designers should code?<br />- Sunit Singh<br />Sunit Singh<br />
    2. 2. “Design is not just what it looks like and feels like. Design is how it works.”<br />—Steve Jobs<br />Sunit Singh<br />
    3. 3. Sunit Singh<br />
    4. 4. Sunit Singh<br />
    5. 5. Sunit Singh<br />
    6. 6. Ring’s a bell?<br />WTF? This is no where close to the original design!<br />The original mocks were much better, the developers screwed up!<br />I need a better design spec tool?<br />The page looks quite empty after the real data has come in...!<br />Most of the key elements are going below the fold…<br />How am I meant to implement that?<br />Not possible!... Do we really need this?... Will affect performance...<br />Sunit Singh<br />
    7. 7. Responsive, Light Weight Experiences<br />Facebook<br />ClearTrip<br />Gmail<br />Google Maps<br />Twitter<br />Word Press<br />Sunit Singh<br />
    8. 8. Schools of Thoughts<br />Designers should focus on design?<br />Coding restricts creativity?<br />Coding, a steep learning curve?<br />Sunit Singh<br />
    9. 9. “…coming up with an idea is the least important part of creating something great. It has to be the right idea and have good taste, but the execution and delivery are what's key<br />—Sergey Brin<br />Sunit Singh<br />
    10. 10. Why?<br />Know the rules if you want to bend them!<br />Understand the possibilities of your medium, leverage what it already offers<br />Design for efficiency, performance, best design decision given constraints, lean design<br />Get real - sooner than later, see how real data looks and works<br />Sunit Singh<br />
    11. 11. Why?<br />Be ready for change, quickly iterate, reduce back and forth<br />Baby step towards embracing technology<br />More credible/ better bargaining position<br />Inbuilt Accessibility / SEO<br />Stay ahead of the curve<br />Sunit Singh<br />
    12. 12. Beware! <br />Self-censoring - avoid compromising on the best possible user experience <br />Never lose sight of the bigger picture<br />Sunit Singh<br />
    13. 13. Good Reads<br />6 Reasons Why Designers Should Code<br />Good Reasons Why Designers Should Code, Mike Kus<br />Design at Facebook - by Luke Wroblewski<br />Designers are not Programmers - by Lukas Mathis <br />The Case For Code - Alex Dunae <br />Should Web Designers Know how to Code? - Martin Ringlein<br />Web designers should do their own HTML/CSS – Davi, 37 Signals<br />Why Designers Should Learn How to Code - John Urban<br />Designers who are technical: The More You Know, The Better Your Work<br />The Case Against Code II - by Stuart Thursby<br />Sunit Singh<br />
    14. 14. Getting Started<br />http://www.w3schools.com/<br />Designing with Web Standards <br />by Jeffery Zeldman<br />CSS - The Definite Guide <br />by Eric Meyer<br />Sunit Singh<br />
    15. 15. Brushing Up<br />http://24ways.org/<br />http://www.alistapart.com/<br />Web Standards Solutions <br />by Dan Cederholm<br />Sunit Singh<br />
    16. 16. Questions?<br />Sunit Singh<br />
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×