Your SlideShare is downloading. ×
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Justin French Web Directions07
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Justin French Web Directions07

2,183

Published on

Published in: Business, Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,183
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
73
Comments
0
Likes
1
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. before we get started…
  • 2. if anyone can help me find a decent coffee later today, that’d be great
  • 3. ruby on rails, communities, platforms, web 2.0, web 3.0, wikis, css 3, html 7, apis, microformats, tags, iphones, mobile content, javascript, rest, crud, standards, feeds & social networks
  • 4. seriously, why aren’t you listening to cam adams speak instead?
  • 5. does my head look really shiny under these lights?
  • 6. pushing beyond design
  • 7. pushing beyond design web designer 2.0
  • 8. pushing beyond design web designer 3.0
  • 9. pushing beyond design if i have to design one more perfect tabbed interface or login screen, i’m going to scream
  • 10. pushing beyond design steal your bosses job
  • 11. pushing beyond design what are you doing for the next 30 years?
  • 12. pushing beyond design ten things you probably already know
  • 13. pushing beyond design ten things so conveniently vague and subjective that you can’t tell me i’m wrong at the end
  • 14. pushing beyond design ten things you may or may not want to think about if you’re sick of thinking about design
  • 15. who should be listening, and who can leave already
  • 16. the obligatory bit about me
  • 17. i’m really a graphic designer faking it as a web geek
  • 18. first year was absolutely fantastic
  • 19. second year was a complete waste of time
  • 20. by third year, i figured out that it was nearly impossible to fail
  • 21. they didn’t invite me into the post-graduate fourth year
  • 22. ✗ the freelance thing
  • 23. ✗ the freelance thing ✔
  • 24. ✗ the freelance thing ✔
  • 25. ✗ the freelance thing ✗
  • 26. ✗ we really need a flash intro screen the freelance thing ✗
  • 27. ✗ we really need a flash intro screen the freelance thing ✗ you could get a real job, you know?
  • 28. a real job (sort-of)
  • 29. a real job (sort-of)
  • 30. a real job (sort-of)
  • 31. then a really real job
  • 32. then a really real job
  • 33. then a really real job
  • 34. then a really real job
  • 35. then a really real job
  • 36. then a really real job
  • 37. we’re hiring jfrench@redbubble.com
  • 38. without any further boredom…
  • 39. shake things up a little
  • 40. a change is as good as a holiday
  • 41. “If you do what you've always done, you'll get what you've always gotten”
  • 42. “If you do what you've always done, you'll get what you've always gotten” — Tony DiNozzo
  • 43. “If you do what you've always done, you'll get what you've always gotten” — Anthony Robbins
  • 44. if you’re working full-time, take on some freelance work
  • 45. if you’re freelancing, go work with a company full-time
  • 46. get a different job in a completely different company
  • 47. get a completley different job in the same company
  • 48. accept that designing a website is much more like software design than graphic design
  • 49. we’re usually just dealing with text files which are interpreted and rendered by a web browser
  • 50. you don’t just read a web page. you interact with it like software, and it’s an incredibly dynamic medium
  • 51. we’re also dealing with files on a server, not things on a printing press, a DVD, a billboard, or television
  • 52. which means you can iterate and constantly refine
  • 53. so that sounds a lot like software development to me
  • 54. use verion control
  • 55. have a one step build process
  • 56. push out daily builds
  • 57. track progress, features and bugs in a database
  • 58. find a development process that works for you
  • 59. “but you’re cramping my style and starving my creativity, man”
  • 60. learn enough to build things that work
  • 61. “a user interface is well-designed when the program behaves exactly how the user thought it would” — Joel Spolsky
  • 62. any sane business person will take something that works over something that's pretty
  • 63. if you can design something that looks beautiful and actually works, you’re much more valuable to your client
  • 64. make the transition from photoshop mockups into real html prototypes and pages
  • 65. dig into a little javascript (yes, ok, ajax too)
  • 66. play with a pre-built content management system
  • 67. move into server side scripting with php, ruby or perl
  • 68. find the patterns in what you do, and exploit them
  • 69. “a design pattern is a general repeatable solution to a commonly occurring problem” http://en.wikipedia.org/wiki/Design_pattern_(computer_science)
  • 70. tabbed navigation, 2 column layouts, headers & footers, underlined links, page titles like “home” and phrases like “login” are all well established design patterns for the web
  • 71. your client probably has an existing color pallet, a style guide and an established personality
  • 72. you probably have a preferred way to mark-up forms & navigation, common ids and class names for your mark-up and a preffered coding style
  • 73. talk about them, document them, refine them and keep using them
  • 74. share them with the world by writing tutorials or even a book
  • 75. bundle them up as plugins, frameworks or libraries, and share them with the world
  • 76. leverage the power of frameworks and platforms
  • 77. rails cake merb code igniter django
  • 78. plugins & libraries
  • 79. prototype scriptaculous YUI
  • 80. textpattern wordpress movable type expression engine mephisto radiant
  • 81. facebook
  • 82. respond well to change
  • 83. change can come from your insane client or boss
  • 84. change can come from moving technology and best practices
  • 85. change can come from finally understanding and distilling a problem
  • 86. you can ignore the problem lalalalalalalalalalalalalalalalalalalalalala
  • 87. you can get defensive
  • 88. the best defense is a good offense
  • 89. programmers call this “dry” (don’t repeat yourself)
  • 90. i call it “doing the least amount of work possible, establishing a pattern, predicting the future and giving the client what they need, rather than what they asked for”
  • 91. i call it “doing the least amount of work possible, establishing a pattern, predicting the future and giving the client what they need, rather than what they asked for” (dtlaowpeapptfagtcwtnrtwtaf)
  • 92. really think about your role
  • 93. where do you sit in your team?
  • 94. specs are written by people in suits estimates are given databases are built programmers write code templates are built designers make it look pretty
  • 95. specs are written by people in suits estimates are given interfaces are designed templates are built someone makes it all work
  • 96. you know what works on the internet
  • 97. you think like a user
  • 98. you work on the only customer-facing part of most applications and websites
  • 99. you can speak the lingo
  • 100. so why are you consulted so late in the process?
  • 101. chances are, you’re the best person to drive the project forward
  • 102. talk about what the user needs find out what the suits want sort out the information architecture wireframe the interface ask how hard it is to build make sure it gets done
  • 103. obsess over something
  • 104. user experience, the customer, processes, prodcedures, community, information architecture, search engine optimisation, accessibility, standards, the future of the web, html 7, css 9, databases, plugins, interaction, semantics, copywriting symbolism, ajax, e-commerce, flash, flex, conversion, marketing, blah, blah, blah…
  • 105. so pick something that interests you and imerse yourself in it and obsess over it until you become an expert
  • 106. experts write books, speak at conferences, work on the best projects, earn the respect of their peers and make loads of cash
  • 107. start something big
  • 108. keep doing what you’re doing
  • 109. some things you probably don’t want to try…
  • 110. reseller web hosting
  • 111. donation-based open source software
  • 112. anything to do with bands
  • 113. anything that takes too long
  • 114. anything that needs lots of lawyers
  • 115. questions?
  • 116. thank you for listening justinfrench.com redbubble.com

×