{"id":144,"date":"2006-02-11T06:01:35","date_gmt":"2006-02-11T01:01:35","guid":{"rendered":"http:\/\/emilychang.com\/blog\/?p=144"},"modified":"2009-06-14T10:14:18","modified_gmt":"2009-06-14T05:14:18","slug":"the-agile-web-design-manifesto-an-introduction","status":"publish","type":"post","link":"https:\/\/emilychang.com\/blog\/2006\/02\/the-agile-web-design-manifesto-an-introduction\/","title":{"rendered":"The Agile Web Design Manifesto, An Introduction"},"content":{"rendered":"<p>Co-authored by <a href=\"http:\/\/www.emilychang.com\">Emily Chang<\/a> and <a href=\"http:\/\/www.maxkiesler.com\">Max Kiesler<\/a> of <a href=\"http:\/\/www.ideacodes.com\">Ideacodes<\/a>.<\/p>\n<p>On August 20, 1980, Reinhold Messner and Peter Habeler were the first to summit Mount Everest without the use of bottled oxygen. They accomplished this amazing feat by doing what no other expedition had ever done. They carried all of their own gear, did no route preparation, and did not use supplemental oxygen.  They were successful where others were not, because they approached the problem from a different angle.  After years of climbing experience, they recognized that their two greatest assets were agility and improvisation in the face of constant change.  This philosophical shift enabled them to not only succeed, but to innovate, while others had attempted only to survive.<\/p>\n<p>In today&#8217;s social web space, there&#8217;s also been a shift towards agility and improvisation, and just like Messner and Habelar, designers and developers that adapt and embrace these new conditions will succeed in creating the future of the web.  Today&#8217;s emerging web applications and services differ from past web companies and sites in a number of ways: faster time to market, lower development costs, greater transparency with users and more social models.   Web users have grown to expect a more mature internet &#8211; one that lets them explore social spaces, connect via instant, real-time communications, control privacy and sharing with one-click controls, stay up to date with instant, live news feeds, personalize a design, or discover new people or patterns.  In her article, &#8220;<a title=\"Design 2.0: Minimalism, Transparency, and You\" href=\"http:\/\/www.emilychang.com\/go\/weblog\/comments\/design-20-minimalism-transparency-and-you\/\">Design 2.0: Minimalism, Transparency, and You<\/a>,&#8221; co-author <a title=\"Emily Chang\" href=\"http:\/\/www.emilychang.com\/\">Emily Chang<\/a> wrote about trends in design philosophies that support this shift in web applications and online products.<\/p>\n<p>It seems fitting that the web has finally evolved technologically and socially to allow its organic nature to emerge.   Designing and developing the web is a live experience and we&#8217;re just beginning to witness a new phase of interaction: time-based, collective discoverability, environmental influence from users, mutable to constant change, evolutionary.  Agile.<\/p>\n<p><strong>Agile Design Meets Agile Development<\/strong><\/p>\n<p><a title=\"Agile software development\" href=\"http:\/\/agilemanifesto.org\/history.html\">Agile software development<\/a> began in the late 1990&#8217;s as several new programming methodologies came onto the scene. One common thread that tied them together was that they all encouraged close collaboration with programmers and business people, constant face to face communication with the client, frequent deliveries of working software, and the ability to program in small self-organizing teams. In 2001 a workshop was held by a group of the thought leaders and practitioners of these methodologies in order to discuss the commonality in their work. They decided to use the word &#8220;agile&#8221; to name their emerging programming methodologies. They also developed the <a title=\"Manifesto for Agile Software Development\" href=\"http:\/\/agilemanifesto.org\/\">Manifesto for Agile Software Development<\/a>, whose most important parts were the statement of shared development values and principles.<\/p>\n<p>The concept of agile design is also not an entirely new one. James Hobart wrote an article in 2002 title, &#8220;<a title=\"Optimizing User Experience with Agile Design\" href=\"http:\/\/www.classicsys.com\/classic_site\/articles\/article_04-02.html\">Optimizing User Experience with Agile Design<\/a>&#8221; where he lays out a great case for using agile design in the development of user interfaces for software application.   <a title=\"Scott Ambler\" href=\"http:\/\/www.agilemodeling.com\/essays\/agileDesign.htm\">Scott Ambler<\/a>, the creator of agile modeling, described that &#8220;with an iterative approach to development you work a bit on requirements, do a bit of analysis, do a bit of design, some coding, some testing, and iterate between these activities as needed. It is critical to think through how you&#8217;re going to build something, to actually design it, before you build it.&#8221;  Your design efforts may take on the form of a sketch on a whiteboard, a detailed model created with a sophisticated modeling tool, or a simple test that you write before you write business code. Agile designers and developers realize that design is so important that it is part of the iterative cycle.  Design isn&#8217;t just a phase you do at the end of a development project.<\/p>\n<p>While forms of agile development have been around for a decade now, some of the newer methodologies have integrated very quickly into the philosophies of web 2.0.  Currently our web consultancy, <a title=\"Ideacodes\" href=\"http:\/\/www.ideacodes.com\/\">Ideacodes<\/a>, is designing the user interface and user experience for five new startup companies with web applications and services, all of which have one thing in common &#8211; a unique process of collaborative agile design and development.<\/p>\n<p>Think of agile design as user interface design strategy meets agile programming methodologies.  In addition to mental mapping, task flow analysis, and user testing, we&#8217;re seeing the importance of a new type of agile process.  In design, just as in development, &#8220;agile processes promote sustainable development. The sponsors, developers, and users should be able to maintain a constant pace indefinitely.  Continuous attention to technical excellence and good design enhances agility.&#8221;<\/p>\n<p>In this new process, we suggest that the core values and principles of agile design closely match those of agile development as a whole.  While we imagine that this list will certainly grow and need refinement, there are some major concepts that have already been experienced our clients with great success.<\/p>\n<p><strong>Core principles of Agile Web Design<\/strong><br \/>\n&#8211; Design the system not the surface<br \/>\n&#8211; Design as evolutionary and user-driven<br \/>\n&#8211; There is no page, only pathways<br \/>\n&#8211; Rapid and iterative over final<br \/>\n&#8211; Simplicity over complexity<br \/>\n&#8211; Collaborative and open design<\/p>\n<p>As we design custom applications for clients at Ideacodes, we&#8217;ve adapted and developed several processes to which these principles apply.  Our next segment of the Agile Web Design Manifesto will discuss these techniques and more.<\/p>\n<p>Co-authored by <a href=\"http:\/\/www.emilychang.com\">Emily Chang<\/a> and <a href=\"http:\/\/www.maxkiesler.com\">Max Kiesler<\/a> of <a href=\"http:\/\/www.ideacodes.com\">Ideacodes<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Co-authored by Emily Chang and Max Kiesler of Ideacodes. On August 20, 1980, Reinhold Messner and Peter Habeler were the first to summit Mount Everest without the use of bottled oxygen. They accomplished this amazing feat by doing what no other expedition had ever done. They carried all of their own gear, did no route&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[6],"tags":[71,59,76,14,34],"class_list":["post-144","post","type-post","status-publish","format-standard","hentry","category-writing","tag-agiledesign","tag-design","tag-ideacodes","tag-web","tag-web2"],"acf":[],"_links":{"self":[{"href":"https:\/\/emilychang.com\/blog\/wp-json\/wp\/v2\/posts\/144","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/emilychang.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/emilychang.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/emilychang.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/emilychang.com\/blog\/wp-json\/wp\/v2\/comments?post=144"}],"version-history":[{"count":0,"href":"https:\/\/emilychang.com\/blog\/wp-json\/wp\/v2\/posts\/144\/revisions"}],"wp:attachment":[{"href":"https:\/\/emilychang.com\/blog\/wp-json\/wp\/v2\/media?parent=144"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/emilychang.com\/blog\/wp-json\/wp\/v2\/categories?post=144"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/emilychang.com\/blog\/wp-json\/wp\/v2\/tags?post=144"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}