Your SlideShare is downloading. ×
0
Dynamic Design for the Web
Dynamic Design for the Web
Dynamic Design for the Web
Dynamic Design for the Web
Dynamic Design for the Web
Dynamic Design for the Web
Dynamic Design for the Web
Dynamic Design for the Web
Dynamic Design for the Web
Dynamic Design for the Web
Dynamic Design for the Web
Dynamic Design for the Web
Dynamic Design for the Web
Dynamic Design for the Web
Dynamic Design for the Web
Dynamic Design for the Web
Dynamic Design for the Web
Dynamic Design for the Web
Dynamic Design for the Web
Dynamic Design for the Web
Dynamic Design for the Web
Dynamic Design for the Web
Dynamic Design for the Web
Dynamic Design for the Web
Dynamic Design for the Web
Dynamic Design for the Web
Dynamic Design for the Web
Dynamic Design for the Web
Dynamic Design for the Web
Dynamic Design for the Web
Dynamic Design for the Web
Dynamic Design for the Web
Dynamic Design for the Web
Dynamic Design for the Web
Dynamic Design for the Web
Dynamic Design for the Web
Dynamic Design for the Web
Dynamic Design for the Web
Dynamic Design for the Web
Dynamic Design for the Web
Dynamic Design for the Web
Dynamic Design for the Web
Dynamic Design for the Web
Dynamic Design for the Web
Dynamic Design for the Web
Dynamic Design for the Web
Dynamic Design for the Web
Dynamic Design for the Web
Dynamic Design for the Web
Dynamic Design for the Web
Dynamic Design for the Web
Dynamic Design for the Web
Dynamic Design for the Web
Dynamic Design for the Web
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

Dynamic Design for the Web

7,519

Published on

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

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
7,519
On Slideshare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
0
Comments
0
Likes
26
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







  • “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




































  • Transcript

    • 1. Dynamic Design For the Web CMS Expo 2009 - Chicago
    • 2. Who the @%!*# is This Guy? CMS Expo 2009 - Chicago
    • 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. What Are We Going to Chat About Today? CMS Expo 2009 - Chicago
    • 5. What is “design”? • Why is it important? • Types of it • The process • Web trends • Tools • CMS Expo 2009 - Chicago
    • 6. So what is “design”? CMS Expo 2009 - Chicago
    • 7. Design is Problem Solving CMS Expo 2009 - Chicago
    • 8. Why is design important? CMS Expo 2009 - Chicago
    • 9. Communication: To give purpose to and/or organize the flow of information To stand out: Expression / Individuality Build credibility: Branding
    • 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. Types of design UI (user interface) • •UX (user experience) •Visual design •Information Architecture •Database •System •Interaction •So many more CMS Expo 2009 - Chicago
    • 12. Design Process CMS Expo 2009 - Chicago
    • 13. RESEARCH DESIGN AMEND CMS Expo 2009 - Chicago
    • 14. Brief What the client gives you RESEARCH DESIGN AMEND CMS Expo 2009 - Chicago
    • 15. Research Insights to help RESEARCH generate ideas for the design DESIGN AMEND CMS Expo 2009 - Chicago
    • 16. RESEARCH Design Sketches, color & font DESIGN studies, magic AMEND CMS Expo 2009 - Chicago
    • 17. RESEARCH DESIGN Amend AMEND Refinements & revisions CMS Expo 2009 - Chicago
    • 18. RESEARCH DESIGN AMEND Production Make it happen CMS Expo 2009 - Chicago
    • 19. A Note on Process Every design problem is dierent CMS Expo 2009 - Chicago
    • 20. Current Trends CMS Expo 2009 - Chicago
    • 21. BIG illustrations CMS Expo 2009 - Chicago
    • 22. mailchimp.com CMS Expo 2009 - Chicago
    • 23. CMS Expo 2009 - Chicago
    • 24. silverback.com CMS Expo 2009 - Chicago
    • 25. Crazy drop-downs CMS Expo 2009 - Chicago
    • 26. etnies.com CMS Expo 2009 - Chicago
    • 27. hgtv.com CMS Expo 2009 - Chicago
    • 28. moosejaw.com CMS Expo 2009 - Chicago
    • 29. move it! animation CMS Expo 2009 - Chicago
    • 30. odopod.com CMS Expo 2009 - Chicago
    • 31. howarths.nl CMS Expo 2009 - Chicago
    • 32. panic.com/coda CMS Expo 2009 - Chicago
    • 33. Looking for something? can’t miss search fields CMS Expo 2009 - Chicago
    • 34. krop.com CMS Expo 2009 - Chicago
    • 35. gigzee.com CMS Expo 2009 - Chicago
    • 36. listen.grooveshark.com CMS Expo 2009 - Chicago
    • 37. Blog Design
    • 38. viget.com CMS Expo 2009 - Chicago
    • 39. alistapart.com CMS Expo 2009 - Chicago
    • 40. acko.net CMS Expo 2009 - Chicago
    • 41. Interactive Interaction
    • 42. sony.com/ces CMS Expo 2009 - Chicago
    • 43. dvein.com CMS Expo 2009 - Chicago
    • 44. rpa.com CMS Expo 2009 - Chicago
    • 45. bobstevens.com CMS Expo 2009 - Chicago
    • 46. Tools Stuff CMS Expo 2009 - Chicago
    • 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. 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. 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. 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. User Interface Libraries YUI • http://developer.yahoo.com/yui JQuery UI • http://jqueryui.com Mocha(ui) • http://mochaui.com CMS Expo 2009 - Chicago
    • 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. Resources CMS Expo 2009 - Chicago
    • 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

    ×