PBA Front-End Programming Development Organisation.

22
PBA Front-End Programming Development Organisation

Transcript of PBA Front-End Programming Development Organisation.

Page 1: PBA Front-End Programming Development Organisation.

PBA Front-End Programming

Development Organisation

Page 2: PBA Front-End Programming Development Organisation.

Web Development Organisation

• In place:– Website purpose– Website goals– Target audience

• Can we start designing now…?

• Almost, need to set the team first

Page 3: PBA Front-End Programming Development Organisation.

Web Development Organisation

• Web site development projects cover many diciplines – just as SW development

• Size and skill set of team determined by– Budget– Available resources in development organisation– Website focus

Page 4: PBA Front-End Programming Development Organisation.

Technical

Web Development Organisation

Creative Administrative

Production

Page 5: PBA Front-End Programming Development Organisation.

Web Development Organisation

• Core skill set (diciplines) needed– Strategy and planning (Strategic level)– Project management (Tactical/Operational level)– Information architecture– User Interface design– Graphic design– Web technology– Site production

Page 6: PBA Front-End Programming Development Organisation.

Web Development Organisation

• Core development team roles– Project stakeholder/sponsor– Project manager– Usability lead– Information architect– Art director– Technology lead– Site production lead– Site editor

Page 7: PBA Front-End Programming Development Organisation.

Web Development Organisation

• Project stakeholder / sponsor– ”The guy who pays the bills”– Provides purpose, vision and goals– Provides domain knowledge– Point-of-contact to sponsoring organisation– Delivers web site content– Not a call-when-you-are-done role; must

participate actively in project!

Page 8: PBA Front-End Programming Development Organisation.

Web Development Organisation

• Project manager (admin)– Keeps the project on track on a day-to-day basis– Point-of-contact between team and sponsor– Manages internal team communication– Project administration (meeting, minutes, notes,

plans, schedules, budgets,…)

Page 9: PBA Front-End Programming Development Organisation.

Web Development Organisation

Page 10: PBA Front-End Programming Development Organisation.

Web Development Organisation

• Usability lead– ”Shape the overall user experience”– The users advocate on the team– User research (interview, field studies,…)– Develop usability standards– Conduct usability tests, and provide feedback to

relevant team members– Involved in measuring project success

Page 11: PBA Front-End Programming Development Organisation.

Web Development Organisation

• Information architect– Organise web site structure and content– Develop terminologies, categorisation schemes,…– Ensure consistency across the website– Enure overall content quality– Design web pages at ”wireframe” level, in

cooperation with Art Director

Page 12: PBA Front-End Programming Development Organisation.

Web Development Organisation

Page 13: PBA Front-End Programming Development Organisation.

Web Development Organisation

Page 14: PBA Front-End Programming Development Organisation.

Web Development Organisation

• Art director– Establish ”look and feel” for the website– Ensure consistency with e.g. corporate identity

standards, UI standards,…– Visual interface design– Color palette, typography, illustrations, …– Page design details

Page 15: PBA Front-End Programming Development Organisation.

Web Development Organisation

Page 16: PBA Front-End Programming Development Organisation.

Web Development Organisation

• Technology lead– ”The programmer guy” – Deciding on web publishing tools, development

languages, databases, network,…– Responsible for technology integration– Responsible for back-end development– May manage sub-teams of programmers,

database developers,… (back-end)

Page 17: PBA Front-End Programming Development Organisation.

Web Development Organisation

• Site production lead– ”Builds” the website– Converts detailed page designs into actual web

pages (HTML, CMS, development tool,…)– Develops page templates (XHTML, CSS) to be filled

with actual content

Page 18: PBA Front-End Programming Development Organisation.

Web Development Organisation

• Site editor– Responsible for written content on the website

(quality, style and tone,…)– Collect, organise and deliver finished text to

website production team– Responsible for maintaining the website content

after site launch – ongoing effort– Improving website visibility (Search Engine

Optimisation)

Page 19: PBA Front-End Programming Development Organisation.

Web Development Organisation

• Roles, skills and people– What background, education, experience,

attitude, etc is needed for each role?– How does our ”resource pool” look?– How large is the project– When are people rolled on/off the project?

Page 20: PBA Front-End Programming Development Organisation.

Web Development Organisation

Large project

Page 21: PBA Front-End Programming Development Organisation.

Web Development Organisation

• Small Project– Project stakeholder/sponsor (in-house)– Project manager– Usability lead– Information architect– Art director– Technology lead– Site production lead– Site editor

Page 22: PBA Front-End Programming Development Organisation.

Web Development Organisation