Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Fullstack Academy - Tech Talk - Web Design

88 views

Published on

Published August 5, 2015, in Design

We explore simplicity.

Tech Talk presented at Fullstack Academy on August 5th.

Published in: Design
  • Be the first to comment

  • Be the first to like this

Fullstack Academy - Tech Talk - Web Design

  1. 1. Web Design We explore simplicity. FVCproductions
  2. 2. Overview Why should I care? What is it anyways? Up and Coming Good Practices Bad Practices No, seriously — why should you care?
  3. 3. Overview Why should I care? What is it anyways? Up and Coming Good Practices Bad Practices No, seriously — why should you care?
  4. 4. GITHUB REPO WITH THE MOST s???
  5. 5. Overview Why should I care? What is it anyways? Up and Coming Good Practices Bad Practices No, seriously — why should you care?
  6. 6. Generally speaking…
  7. 7. User Interface UI UX User Experience
  8. 8. Repeat Uses Complex Interactions Task Completion Designing Software vs Designing Websites
  9. 9. Overview Why should I care? What is it anyways? Up and Coming Good Practices Bad Practices No, seriously — why should you care?
  10. 10. Pinterest, Twitter, Facebook, and the Google. They all love their cards. Cards Pinterest, Twitter, Facebook and the Google. They all love their cards. Cards terest, Twitter, Facebook, d the Google. Cards terest, Twitter, Facebook, d the Google. all love their cards. Cards Pinterest, Twitter, Facebook and the Google. Cards
  11. 11. Overview Why should I care? What is it anyways? Up and Coming Good Practices Bad Practices No, seriously — why should you care?
  12. 12. GOOD UXGOOD UI
  13. 13. Header 1 Header 2 Header 3 Body Quote Style Guide
  14. 14. Break It Down
  15. 15. Planning
  16. 16. Overview Why should I care? What is it anyways? Up and Coming Good Practices Bad Practices No, seriously — why should you care?
  17. 17. consider yourself creative, but think of what you’re capable of producing: beautiful websites, complex gaming worlds, smartphone apps-- the list is seemingly endless. Here’s a good analogy: Think of code like music. Both require knowledge of a specific language: Java for coders and musical notes for musicians. Creativity comes into play when that knowledge is applied -- when you’re able to string together notes or pieces of code to create something complex, intriguing and beautiful, like Beethoven’s 5th Symphony… or Grand Theft Auto V. In that same vein, approaching creativity through coding may help you relate to the designers that you work with. • (3) Send hiring managers a message. Even if employers are not specifically seeking a coder who understands the design process, the fact that you can speak the language tells them that you’re versatile and willing to learn new things. • (4) Be an invaluable liaison. Knowing how to code and understanding the design process puts you in the unique position of translating between two languages – design-speak and code-talk. If you’ve ever worked with designers, sometimes the jargon they use makes absolutely no sense to you. Knowing a bit of their lingo can also help fill the gap. • (5) Contribute to the design process. When you understand a thing or two about design, you can provide valuable feedback to the designer, particularly from a coder’s perspective. • (6) Feel the designer’s pain. Despite your sincerest efforts, you’ve come to realize that design just isn’t your thing. But having gone
  18. 18. consider yourself creative, but think of what you’re capable of producing: beautiful websites, complex gaming worlds, smartphone apps-- the list is seemingly endless. Here’s a good analogy: Think of code like music. Both require knowledge of a specific language: Java for coders and musical notes for musicians. Creativity comes into play when that knowledge is applied -- when you’re able to string together notes or pieces of code to create something complex, intriguing and beautiful, like Beethoven’s 5th Symphony… or Grand Theft Auto V. In that same vein, approaching creativity through coding may help you relate to the designers that you work with. • (3) Send hiring managers a message. Even if employers are not specifically seeking a coder who understands the design process, the fact that you can speak the language tells them that you’re versatile and willing to learn new things. • (4) Be an invaluable liaison. Knowing how to code and understanding the design process puts you in the unique position of translating between two languages – design-speak and code-talk. If you’ve ever worked with designers, sometimes the jargon they use makes absolutely no sense to you. Knowing a bit of their lingo can also help fill the gap. • (5) Contribute to the design process. When you understand a thing or two about design, you can provide valuable feedback to the designer, particularly from a coder’s perspective. • (6) Feel the designer’s pain. Despite your sincerest efforts, you’ve come to realize that design just isn’t your thing. But having gone
  19. 19. Big Changes
  20. 20. Big Changes
  21. 21. BAD UXBAD UI
  22. 22. BAD UXGOOD UI
  23. 23. Overview Why should I care? What is it anyways? Up and Coming Good Practices Bad Practices No, seriously — why should you care?
  24. 24. “The other overlooked aspect of winning a hackathon is design.” - M R . YA N G
  25. 25. “Most contestants don’t go past the default designs—how many times have we all seen that default black navbar from the Twitter’s Bootstrap CSS Framework in hackathon presentations? If you do this, you’re leaving a huge amount of points on the table.” M R . YA N G
  26. 26. If all else fails… Avoid Unnecessary Work
  27. 27. Design Resources
  28. 28. References
  29. 29. Thanks. We just explored simplicity. FVCproductions

×