Justin French Web Directions07

Loading...

Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

0 comments

Post a comment

    Post a comment
    Embed Video
    Edit your comment Cancel

    2 Favorites & 1 Group

    Justin French Web Directions07 - Presentation 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

    + justinfrenchjustinfrench, 3 years ago

    custom

    2427 views, 2 favs, 2 embeds more stats

    More info about this document

    CC Attribution-NoDerivs LicenseCC Attribution-NoDerivs License

    Go to text version

    • Total Views 2427
      • 2370 on SlideShare
      • 57 from embeds
    • Comments 0
    • Favorites 2
    • Downloads 67
    Most viewed embeds
    • 56 views on http://www.webdirections.org
    • 1 views on http://192.168.10.100

    more

    All embeds
    • 56 views on http://www.webdirections.org
    • 1 views on http://192.168.10.100

    less

    Flagged as inappropriate Flag as inappropriate
    Flag as inappropriate

    Select your reason for flagging this presentation as inappropriate. If needed, use the feedback form to let us know more details.

    Cancel
    File a copyright complaint
    Having problems? Go to our helpdesk?

    Categories

    Tags

    Groups / Events