1. 網站專案管理 (Web Project Management) 連啟佑 email/MSN:boblian@yahoo.com 04/14/2008

2. 1. What is a website made of? 2. What is web project management? 3. Web project team 4. 4 phases of a typical web project(Objectives, Tasks, Tools, Owners, Deliverables) 5. Q & A Agenda

3. 1. What is a website made of? Content TechnologyDesign

4. 2. What is web project management? Project Management is the discipline of planning, organizing, and managing resources to bring about the successful completion of specific project goals and objectives Web sites: goals and objectives

5. 3. Web project team ■ Producer ■ Content(Copywriter, Content Manager) ■ Design(Art, IA) ■ Technology(Programmer, Backend Engineer) ■ Production(Production Designer ) ■ Domain Specialists(ex:QA Tester, Usability Expert)

6. Building Maintaining DesigningPlanning 4. 4 phases of a typical web project

7. Planning BuildingMaintaining Designing Planning Objectives ● Requirement ● Strategy ● Plan 4. 4 phases of a typical web project TasksDescriptionOwnersDeliverables Understanding your audience (User Research) Market analysis, traffic analysis,etc.ProducerUser Profile, Personas, etc. Analyzing your industry (Competition Research) Industry analysis, Features analysis ProducerCompetition Report Determining Functional requirementsRequirements Technical Lead Functional Specification PlanningProducerProject plan, User Testing plan Setting staging areaProducerStaging area Preparing communication briefProducerCommunication brief Kicking off the projectCommunication briefProducerCommunication brief(sign off)

8. ■ Who are my users? ■ How many are there? ■ How do they access the web? ■ What do they need? ■ What do they do? 4. 4 phases of a typical web project Planning:Understanding your audience 5 key questions in user research:

9. 4. 4 phases of a typical web project Planning:Understanding your audience Stages \ToolsMarket analysis Traffic analysis User surveys Personas & scenarios Task analysis Focus groups Feedback analysis Usability testing Preference rating Planning ˇˇˇˇˇ Designing & developing ˇˇˇ Maintaining ˇˇˇ

10. 4. 4 phases of a typical web project Planning:Determining your Functional requirements User Goals Business Goals Core Features? Prioritizing ImportanceEasiness User needsTime constraints Business needsBudget constraints Organizational needsStaff constraints

11. 4. 4 phases of a typical web project Planning:Planning Project Plan NameCompetition Mission & goalsMarketing plan Target audienceTeam Traffic patternsSchedule & budget Revenue modelAssumptions Feature setOthers

12. Designing BuildingMaintaining Planning Designing Objectives 4. 4 phases of a typical web project TasksDescriptionOwnersDeliverables Site structure Content-ViewAddressing, auditing, outliningCopywriter, Content Manager Content delivery plan Site-ViewSitemapping(incl:addressing exisiting site orgnazation & setting naming conventions) IASitemaps Page-ViewWireframing, addressing navigation, naming and labeling IAWireframes User-ViewDefining key user paths, developing HTML protosite IAFlow charts, HTML protosite Visual interface CreatingReviewing site goals, developing concepts, presenting designs & gathering feedbacks ArtVisual direction ConfirmingConfirming flow & functionality, Testing functionality Production Designer Handing offCreating graphic templates, creating a design style guide ArtGraphic templates, Design style guide

13. Building Designing Maintaining Planning Building Objectives 4. 4 phases of a typical web project TasksDescriptionOwnersDeliverables PlanningAccessing project status, Establishing guidelines, setting file structure Producer Building & IntegrationSlicing & Optimizing, creating HTML templates & pages, implementing Light Scripting, creating & populating pages, integrating backend development Production designer TestingCreating a QA plan, conducting QA testing, prioritizing & fixing bugs, conducting a final check QA Tester

14. Maintaining Designing Building Planning Maintaining Objectives 4. 4 phases of a typical web project TasksDescriptionOwnersDeliverables DeliveryHanding off, completing the production style guide, creating the handoff packet, tracking documentation, conducting a postlaunch meeting, scheduling maintenance training ProducerProduction style guide, Handoff packet LaunchPreparing an announcement plan, launching the site MarketerAnnouncement plan, The site MaintenanceMaintaining the site Planning iterative initiatives Marketing Measuring success Webmaster

15. Q & A