Dynamic Design for the Web

8,132 views

Published on

Presentation for CMSExpo Chicago 09. This presentation attempts to define "design" and looks at current design trends

Published in: Technology, Business, Design
0 Comments
26 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
8,132
On SlideShare
0
From Embeds
0
Number of Embeds
4,075
Actions
Shares
0
Downloads
0
Comments
0
Likes
26
Embeds 0
No embeds

No notes for slide







  • “so things don’t happen by accident”


  • User interface: The goal of user interface design is to make the user's interaction as simple and efficient as possible, in terms of accomplishing user goals

    User experience: all aspects of the user’s interaction with the product: how it is perceived, learned, and used




  • The client brief is what the client gives you. It might be a formal Request For Proposal (RFP), or simply a short email.
    It generally outlines the initial aims and objectives of the project, the deliverables, and may indicate many of the client’s
    expectations about the final work’s function or appearance. Deliverables include documents, content, sketches, everything
    that the client will provide to you and anything that you’ll provide to them. The client may also provide deadlines for
    each deliverable, though whether they deliver theirs on time is a long, sad tale we’d need to cover in a separate book.
  • Research is vital to the success of any design solution. A designer should be as informed as they can be about
    the project.
  • Research is vital to the success of any design solution. A designer should be as informed as they can be about
    the project.
  • The designers then spend time amending the design to reflect the changes or problems highlighted by the
    client\"sometimes endlessly. I’ve lost count of the number of times that I’ve spent needlessly making changes to a design
    because of miscommunication further back in the process in conversations between people at meetings to which the actual
    designers were not invited. More often than not, the problems arise because the expectations of either party have not been
    managed properly.
  • Photoshop files, HTML/CSS mark-up




































  • Dynamic Design for the Web

    1. 1. Dynamic Design For the Web CMS Expo 2009 - Chicago
    2. 2. Who the @%!*# is This Guy? CMS Expo 2009 - Chicago
    3. 3. Jonathan Lackey Known in virtual social circles as zuno • Creative director at Zuno Studios • Based in Redondo Beach California • Over 10 years experience in design & • web CMS Expo 2009 - Chicago
    4. 4. What Are We Going to Chat About Today? CMS Expo 2009 - Chicago
    5. 5. What is “design”? • Why is it important? • Types of it • The process • Web trends • Tools • CMS Expo 2009 - Chicago
    6. 6. So what is “design”? CMS Expo 2009 - Chicago
    7. 7. Design is Problem Solving CMS Expo 2009 - Chicago
    8. 8. Why is design important? CMS Expo 2009 - Chicago
    9. 9. Communication: To give purpose to and/or organize the flow of information To stand out: Expression / Individuality Build credibility: Branding
    10. 10. Communication: To give purpose to and/or organize the flow of information To stand out: Expression / Individuality Build credibility: Branding CMS Expo 2009 - Chicago
    11. 11. Types of design UI (user interface) • •UX (user experience) •Visual design •Information Architecture •Database •System •Interaction •So many more CMS Expo 2009 - Chicago
    12. 12. Design Process CMS Expo 2009 - Chicago
    13. 13. RESEARCH DESIGN AMEND CMS Expo 2009 - Chicago
    14. 14. Brief What the client gives you RESEARCH DESIGN AMEND CMS Expo 2009 - Chicago
    15. 15. Research Insights to help RESEARCH generate ideas for the design DESIGN AMEND CMS Expo 2009 - Chicago
    16. 16. RESEARCH Design Sketches, color & font DESIGN studies, magic AMEND CMS Expo 2009 - Chicago
    17. 17. RESEARCH DESIGN Amend AMEND Refinements & revisions CMS Expo 2009 - Chicago
    18. 18. RESEARCH DESIGN AMEND Production Make it happen CMS Expo 2009 - Chicago
    19. 19. A Note on Process Every design problem is dierent CMS Expo 2009 - Chicago
    20. 20. Current Trends CMS Expo 2009 - Chicago
    21. 21. BIG illustrations CMS Expo 2009 - Chicago
    22. 22. mailchimp.com CMS Expo 2009 - Chicago
    23. 23. CMS Expo 2009 - Chicago
    24. 24. silverback.com CMS Expo 2009 - Chicago
    25. 25. Crazy drop-downs CMS Expo 2009 - Chicago
    26. 26. etnies.com CMS Expo 2009 - Chicago
    27. 27. hgtv.com CMS Expo 2009 - Chicago
    28. 28. moosejaw.com CMS Expo 2009 - Chicago
    29. 29. move it! animation CMS Expo 2009 - Chicago
    30. 30. odopod.com CMS Expo 2009 - Chicago
    31. 31. howarths.nl CMS Expo 2009 - Chicago
    32. 32. panic.com/coda CMS Expo 2009 - Chicago
    33. 33. Looking for something? can’t miss search fields CMS Expo 2009 - Chicago
    34. 34. krop.com CMS Expo 2009 - Chicago
    35. 35. gigzee.com CMS Expo 2009 - Chicago
    36. 36. listen.grooveshark.com CMS Expo 2009 - Chicago
    37. 37. Blog Design
    38. 38. viget.com CMS Expo 2009 - Chicago
    39. 39. alistapart.com CMS Expo 2009 - Chicago
    40. 40. acko.net CMS Expo 2009 - Chicago
    41. 41. Interactive Interaction
    42. 42. sony.com/ces CMS Expo 2009 - Chicago
    43. 43. dvein.com CMS Expo 2009 - Chicago
    44. 44. rpa.com CMS Expo 2009 - Chicago
    45. 45. bobstevens.com CMS Expo 2009 - Chicago
    46. 46. Tools Stuff CMS Expo 2009 - Chicago
    47. 47. Color Tools Adobe Kuler • http://kuler.adobe.com ColorCombos.com • http://www.colorcombos.com Color Scheme Designer • http:// colorschemedesigner.com CMS Expo 2009 - Chicago
    48. 48. Typography TypeChart • http://www.typechart.com Em Calculator • http://riddle.pl/emcalc Font Burner • http://www.fontburner.com sIFR • (flash replacement) http://wiki.novemberborn.net/sifr Cufon • (flash replacement) http://cufon.shoqolate.com/generate/ CMS Expo 2009 - Chicago
    49. 49. Imagery Flickr Color Picker • http://krazydad.com/colrpickr iStockphoto • http://istockphoto.com Flickr “gomedia” Group • http://www.flickr.com/ groups/gomedia CMS Expo 2009 - Chicago
    50. 50. Javascript Frameworks JQuery • http://jquery.com MooTools • http://mootools.net Dojo • http://dojotoolkit.org YUI • http://developer.yahoo.com/yui CMS Expo 2009 - Chicago
    51. 51. User Interface Libraries YUI • http://developer.yahoo.com/yui JQuery UI • http://jqueryui.com Mocha(ui) • http://mochaui.com CMS Expo 2009 - Chicago
    52. 52. CSS Frameworks Blueprint • http://www.blueprintcss.org 960 Grid System • http://960.gs YUI Grids • http://developer.yahoo.com/yui/grids CMS Expo 2009 - Chicago
    53. 53. Resources CMS Expo 2009 - Chicago
    54. 54. Sites used in this presentation http://delicious.com/Creative_Contractor/ cmsexpo09 Twitter @zuno http://twitter.com/zuno The files from this presentation http://zunostudios.com/cmsxpo CMS Expo 2009 - Chicago

    ×