babo's picture
From babo rss RSS  subscribe Subscribe

progressive development 



Progressive Development eliminates the vicious cycle of high costs
and delayed benefits (and satisfaction :) seen with traditional "ground up",
project-based development and redesign. The key to smart and sustainable
Web development is a flexible and iterative approach that combines full
lifecycle user centered design with the Progressive Enhancement markup
methodology adopted by AOL and Yahoo!. Better user experience sooner
is better business now.

 

 
 
Tags:  progressive  development 
Views:  1681
Downloads:  8
Published:  September 03, 2007
 
0
download

Share plick with friends Share
save to favorite
Report Abuse Report Abuse
 
Related Plicks
Public Health: The Development of a Discipline, From the Age of Hippocrates to the Progressive Era

Public Health: The Development of a Discipline, From the Age of Hippocrates to the Progressive Era

From: anon-391760
Views: 165 Comments: 0
Public Health: The Development of a Discipline, From the Age of Hippocrates to the Progressive Era ,army library metrics, ebooks on real estate, public library pembroke new hampshire, university of phoenix library
 
See all 
 
More from this user
Thinking e-Business Design

Thinking e-Business Design

From: babo
Views: 5180
Comments: 0

great quotes to use and repeat when you can't find a better way of saying it

great quotes to use and repeat when you can't find a better way of saying it

From: babo
Views: 3561
Comments: 0

time management

time management

From: babo
Views: 3940
Comments: 0

MBA Essentials International Business

MBA Essentials International Business

From: babo
Views: 4997
Comments: 2

Web Common Structure

Web Common Structure

From: babo
Views: 3165
Comments: 0

social project management

social project management

From: babo
Views: 2678
Comments: 0

See all 
 
 
 URL:          AddThis Social Bookmark Button
Embed Thin Player: (fits in most blogs)
Embed Full Player :
 
 

Name

Email (will NOT be shown to other users)

 

 
 
Comments: (watch)
 
 
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

   
Time on Slide Time on Plick
Slides per Visit Slide Views Views by Location