© 2004 Ken Baldauf, All rights reserved.

Web Development Process

CGS2826 Web DesignProgram in Interdisciplinary ComputingFlorida State University

From Web Style Guide, Chapter 1: Process

© 2010 Ken Baldauf, All rights reserved.

“Careful planning and a clear purpose are the keys to success in building web sites, particularly when you are working as part of a development team.”

The first step in designing any web site is to define your goals.

© 2010 Ken Baldauf, All rights reserved.

Valuable Skill Sets

Strategy and planningProject managementInformation architecture and user interface designGraphic design for the webWeb technologySite production+Content domain expertiseEditorial

© 2010 Ken Baldauf, All rights reserved.

Key Players

Stakeholder/sponsorProject managerUsability leadInformation architectArt directorWeb technology leadSite production leadSite editor

© 2010 Ken Baldauf, All rights reserved.

© 2010 Ken Baldauf, All rights reserved.

Garrett’s Nine Pillars of Successful Web Teams

1. User research

2. Site strategy

3. Technology strategy

4. Content strategy

5. Abstract Design

6. Technology implementation

7. Content production

8. Concrete design

9. Project management

© 2010 Ken Baldauf, All rights reserved.

© 2010 Ken Baldauf, All rights reserved.

Types of Web Sites

Static vs. Dynamic Web Content Management Systems Blogs Wikis RSS Web Apps Social Media

© 2010 Ken Baldauf, All rights reserved.

Site Dev Process

1. Site definition and planning

2. Information architecture

3. Site design

4. Site construction

5. Site marketing

6. Tracking, evaluation, and maintenance

© 2010 Ken Baldauf, All rights reserved.

© 2010 Ken Baldauf, All rights reserved.

At minimum, a project charter should define the content scope, budget, schedule, and technical aspects of the web site.

© 2010 Ken Baldauf, All rights reserved.

Tips

Avoid Ready, Fire, Aim Form follows function – postpone

visual design until after planning Small is good Plan the work, then work the plan