How to make a web site

Performed at the revitalized Bristol Skill Swap. This presentation was part the 'Zen mind, beginners mind' session. In it I discuss how web projects generally play out and propose a process solution.

Transcript

1. How to make a web site Nick Clarkson | @t_pk | netotaku.com
2. How to make a web site Nick Clarkson • Over 10 years in web production • @t_pk • http://netotaku.com • http://flavours.me/netotaku Nick Clarkson | @t_pk | netotaku.com
3. How to make a web site The Challenges • The Politics • The Moving Target • An Intellectual Pursuit • Chaos vs Elegance • Disparate Technologies • An Infant Industry • Project Management The Process • The Anti-pattern • The Lofty Ideal Nick Clarkson | @t_pk | netotaku.com
4. Anti-pattern Nick Clarkson | @t_pk | netotaku.com
5. Anti-pattern Characterized by: • Non consultive Approach • Premature Design Phase • Homogeneous Research & Development Phase • Late delivery • Under performance • Painful customer relationship Fear, Hatred & Loathing Promotion Under performance Functional Testing Build Design Brief Time Nick Clarkson | @t_pk | netotaku.com
6. Lofty ideal Nick Clarkson | @t_pk | netotaku.com
7. Lofty Ideal • Why? • Be consultive • Be prepared to Post rationalize • A great idea can fit in a sentence Identify objectives Time Identify Objectives Nick Clarkson | @t_pk | netotaku.com
8. Lofty Ideal • Identify Stake Holders • Identify Personas • Identify routes to site • Identify the minimum feature set • Road map additional feature • Don't underestimate complexity • Never overlook the needs of the _USER_ • Competitor Analysis Concept Design Identify objectives Time Concept Design Nick Clarkson | @t_pk | netotaku.com
9. Lofty Ideal • Consider the technical overhead of SEO • Start to build a community ( SMM ) • Identify your Key Terms ( SEO / SEM ) • Content • IA • Be relevent Promotional Strategy Concept Design Identify objectives Time Promotional Strategy Nick Clarkson | @t_pk | netotaku.com
10. Lofty Ideal • Break the problem down to its smallest parts • UML • Nominate Technology • Non Synical Accessibilty • Don't reinvent the wheel • Touch? • API? • Micro Formats? Application Design Promotional Strategy Concept Design Identify objectives Time Application Design Nick Clarkson | @t_pk | netotaku.com
11. Lofty Ideal • Now you are ready to estimate time scales and price • Consider charging on the meter up to this point • Document • Release customer if necessary • Invest in sundries Scoping Application Design Promotional Strategy Concept Design Identify objectives Time Scoping Nick Clarkson | @t_pk | netotaku.com
12. Lofty Ideal • Generate a buzz Hype Scoping Application Design Promotional Strategy Concept Design Identify objectives Time Hype Nick Clarkson | @t_pk | netotaku.com
13. Lofty Ideal • How will USERS interact with your site? • Iron out feature flow UX Design Hype Scoping Application Design Promotional Strategy Concept Design Identify objectives Time UX Nick Clarkson | @t_pk | netotaku.com
14. Lofty Ideal • Build mock ups of complicated feature • Many tools are available • Get sign off Prototyping UX Design Hype Scoping Application Design Promotional Strategy Concept Design Identify objectives Time Prototyping Nick Clarkson | @t_pk | netotaku.com
15. Lofty Ideal • Finally overlay the magic • get sign off Design Prototyping UX Design Hype Scoping Application Design Promotional Strategy Concept Design Identify objectives Time Design Nick Clarkson | @t_pk | netotaku.com
16. Lofty Ideal • If we're facing in the right direction all we need to do is keep on walking :D • Review • Amend • Good value services are available Usability Testing Design Prototyping UX Design Hype Scoping Application Design Promotional Strategy Concept Design Identify objectives Time Usabilty testing Nick Clarkson | @t_pk | netotaku.com
17. Lofty Ideal • Manage customer expectations • Review price and time scales • Customer involvment to date should mean no suprises here Scope Review Usability Testing Design Prototyping UX Design Hype Scoping Application Design Promotional Strategy Concept Design Identify objectives Time Review Nick Clarkson | @t_pk | netotaku.com
18. Lofty Ideal • Make • Constant regular review • Account management Build Scope Review Usability Testing Design Prototyping UX Design Hype Scoping Application Design Promotional Strategy Concept Design Identify objectives Time Build Nick Clarkson | @t_pk | netotaku.com
19. Lofty Ideal • Test, test and test again • Write test scripts • Outsource • Load test • test for exploits • Don't hope it wont happen Functional Testing Build Scope Review Usability Testing Design Prototyping UX Design Hype Scoping Application Design Promotional Strategy Concept Design Identify objectives Time Testing Nick Clarkson | @t_pk | netotaku.com
20. Lofty Ideal • Ta da! Promotion Functional Testing Build Scope Review Usability Testing Design Prototyping UX Design Hype Scoping Application Design Promotional Strategy Concept Design Identify objectives Time Promotion Nick Clarkson | @t_pk | netotaku.com
21. Lofty Ideal • Analyze • Listen to feedback • Resist compound feature changes Incremental Measurement and change Promotion Functional Testing Build Scope Review Usability Testing Design Prototyping UX Design Hype Scoping Application Design Promotional Strategy Concept Design Identify objectives Time Change & Measurement Nick Clarkson | @t_pk | netotaku.com
22. May the force be with you Nick Clarkson | @t_pk | netotaku.com