Hide Notes 

Slide 1: Progressive Development The Revolution of Evolution CONVERGENCE OF USABILITY TECHNOLOGY AND CREATIVITY www.hesketh.com © hesketh.com/inc. 2006. All rights reserved.
Slide 2: Who am I & Why Might You Care? Passionate & Practical… – – – – – About the Web About Providing Value About Teams About Doing Things Right (Process) About the Business of Web Development www.hesketh.com © hesketh.com/inc. 2006. All rights reserved. 2
Slide 3: Business of Web Development ! ! ! ! ! E-commerce specialist ROI analyst User experience designer Technologist Salesperson www.hesketh.com © hesketh.com/inc. 2006. All rights reserved. 3
Slide 4: Progressive Development www.hesketh.com © hesketh.com/inc. 2006. All rights reserved. 4
Slide 5: Key to Progressive Development Progressive Enhancement Enabling Evolution www.hesketh.com © hesketh.com/inc. 2006. All rights reserved. 5
Slide 6: Progressive Enhancement?! Yes! There IS a lot of progress going on :) www.hesketh.com © hesketh.com/inc. 2006. All rights reserved. 6
Slide 7: Progressive Enhancement is a Markup Strategy that Emphasizes • • • • Standards compliance Separation of content & presentation Sparse, semantic markup Accessibility to basic content & functionality, regardless of device • Layering (progressively) functionality & respecting end user browser preferences www.hesketh.com © hesketh.com/inc. 2006. All rights reserved. 7
Slide 8: Sites Built Using Progressive Enhancement are… • Optimized for search engines (SEO) • Accessible • Easier to redesign…lower total cost of ownership (TCO) • Don’t require a database for essentially static content, but… – Can use a database; and – Easy to transition to data-driven applications (ex., XML) www.hesketh.com © hesketh.com/inc. 2006. All rights reserved. 8
Slide 9: Progressive Enhancement Adoption 2002 – hesketh.com creates Progressive Enhancement 2003 – Steve Champeon of hesketh.com unleashes Progressive Enhancement at SxSW & in Webmonkey 2003 – CSS Zen Garden shows the design possibilities 2005 – Progressive Enhancement is tied to SEO 2005 – AOL’s Steve Chipman declares Progressive Enhancement more accessible 2006 – Yahoo! says Progressive Enhancement is “healthier and more forward-looking” 2006 – Progressive Development layers on user experience www.hesketh.com © hesketh.com/inc. 2006. All rights reserved. 9
Slide 10: Progressive Enhancement is a Winner www.hesketh.com © hesketh.com/inc. 2006. All rights reserved. 10
Slide 11: Nice, but what about Progressive Development?! Progressive Enhancement Enables Evolution Through Low Cost Iteration www.hesketh.com © hesketh.com/inc. 2006. All rights reserved. 11
Slide 12: And Progressive Development www.hesketh.com © hesketh.com/inc. 2006. All rights reserved. 12
Slide 13: A Case Study www.hesketh.com © hesketh.com/inc. 2006. All rights reserved. 13
Slide 14: Apples to Apples www.hesketh.com © hesketh.com/inc. 2006. All rights reserved. 14
Slide 15: Savings Just in Production www.hesketh.com © hesketh.com/inc. 2006. All rights reserved. 15
Slide 16: How Long Before We’re Done? www.hesketh.com © hesketh.com/inc. 2006. All rights reserved. 16
Slide 17: Progressive Development is Intrinsically Web • Change can, and should, happen. • Gradual change is better for users & business. • Small changes, more often are cheaper & easier to manage. • Standards are a Good Thingtm. • Don’t postpone JOY. www.hesketh.com © hesketh.com/inc. 2006. All rights reserved. 17
Slide 18: Who Progressive Development Works For • Teams big and small. • Especially good for – Small teams (1-5 people) – Medium-sized businesses that rely on the Web for competitive advantage. • Focus & Commit. www.hesketh.com © hesketh.com/inc. 2006. All rights reserved. 18
Slide 19: Progressive Development… …The Power of a Label • Common sense, isn’t common. • Labels make it easier to talk about concepts. • Watch your client, manager, bosses eyes light up. • Have fun! And do good work!! www.hesketh.com © hesketh.com/inc. 2006. All rights reserved. 19
Slide 20: References • Cascading Style Sheets: Separating Content From Presentation (2nd ed.). San Francisco: Apress ISBN 159059231X • Progressive Enhancement – – – – • http://webmonkey.com/webmonkey/03/21/index3a.html http://developer.yahoo.com/yui/articles/gbs/gbs.html http://slayeroffice.com/articles/wsag/ http://en.wikipedia.org/wiki/Progressive_Enhancement The Quiet Death of the Major Re-Launch by Jared M. Spool (http://www.uie.com/articles/death_of_relaunch/) • Getting Real (https://gettingreal.37signals.com/) www.hesketh.com © hesketh.com/inc. 2006. All rights reserved. 20
Slide 21: Thank you for your time. Questions? heather@hesketh.com www.hesketh.com © hesketh.com/inc. 2006. All rights reserved. 21