1. PBA Front-End Programming Development Organisation

2. Web Development Organisation In place: – Website purpose – Website goals – Target audience Can we start designing now…? Almost, need to set the team first

3. Web Development Organisation Why learn about the team and pephiferal roles? You could get a job in a big company: – Then you should learn to navigate the organization – and understand who does what on the team and why You might work in a small company: – and you must perform several of these roles – The ”team” could be 1 or 2 people!

4. 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

5. Technical Web Development Organisation Creative Administrative Production

6. 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

7. 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

8. Web Development Organisation Project stakeholder / sponsor – ”The one 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-us-when-you-are-done role; must participate actively in project!

9. 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,…)

10. Web Development Organisation

11. Usability lead – ”Shape the overall user experience” – The users advocate on the team – User research (interviews, field studies,…) – Develop usability standards – Conduct usability tests, and provide feedback to relevant team members – Involved in measuring project success

12. 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

13. Web Development Organisation

15. Try another day: www.gliffy.com

16. 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 scheme, typography, illustrations, … – Page design details

17. Web Development Organisation

18. Technology lead – ”The programmer guy” – Deciding on web development tools, languages, databases, network,… – Responsible for technology integration – Responsible for back-end development – May manage sub-teams of programmers, database developers,… (back-end)

19. Web Development Organisation Site production lead – ”Builds” the website – Converts detailed page designs into actual web pages (HTML/CSS, development tool,…) – Develops page templates to be filled with actual content

20. 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)

21. Web Development Organisation Roles, skills and people – What background, education, experience, attitude, etc is needed for each role? – What does our ”resource pool” look like? – How large is the project – When are people rolled on/off the project?

22. Web Development Organisation Large project

23. 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

24. Web Development Organisation Tiny Project – Project stakeholder/sponsor – You

25. Web Development Organisation