Been reading a lot about Web 2.0 and got absolutely mind blown by the possibilities and the cool factor involved in the whole deal. Even took up a job in an Online advertising agency to know what the deal is all about. My reading goes something like this -
Web Development projects need a lot of talent in the first place. Strategists, Information Architects, UI professionals, Front end developers, Server side scripters, copy writers, content writers, Relationship Executives, Computer hardware junta, Chai walas, Rickshaw drivers, Office space, intoxicants and of course fast, decent and reliable broadband connection.
Going about the activity in a very White board kind you may divide the process into seven broad categories -
1. Information Architecture Phase
2. Project Management phase
3. Wireframing
4. Design Mockups
5. Front end development (XHTML, CSS, Javascript)
6. Back end development (CMS, PHP, ASP, .NET)
7. Quality Assurance
Information architecture is the baby of all AOE geeks. An architect could spend long hours, days or weeks tripping on ideas, competition, functionalities, features and what not. A few techniques here and there like mind mapping, Card sorting and related jazz could get you a lot of dope on things that could be done, could not be done, should be torn and shot into a trashcan (from a distance or point blank range). A lot of new age websites do have a lot of architecture behind it - Look a facebook, cleartrip or Orkut for instance.
“Should I allow a first time user to read some random astrology stuff?”
“I could make a seasoned user ‘SLAP’ a fried. What about a ‘THROW A BEER’ or rather just ask them to chill out and watch a movie”
“Do you just want to go to Delhi? No hotel booking? What about sight seeing? Oh, so you are an executive. Would you like to surf the net when you land? Have you thought about where you will pee? do you know the Vadapao vendor at Banglore?”
Information Architecture - Microsoft Visio - Kivio (Linux users anyone?) - Dia (Less sophiscated Linux Users - anyone!!??)
But hey, business is not for you to trip on arbit stuff. Ever thought about this concept called time? Or about these homosapiens called clients? They would enjoy the Vadapao questions for sometime till money and opportunity costs come knocking hard on the doors. Speed up architects - 5 minutes remaining!!!
Project Management - The whole planning can start here. How much time to create a wireframe, how may days for an approval, how much time and how many resources for tech work etc. Can get to your nerves in a ‘tight’ project or can trip on timings and processes. Use MS Projects, Gantt Charts, Project trackers and all the corporate tools here to make an effect!!!
Wireframing - The IA (Information Architecture) looks for hundred and twenty two things on the homepage. All of them look good. All look important. All look cool. All need attention.
“Whatever happened to the clean white breathing space jazz - make another heavily cluttered shitty looking website guys - way to go” - the necessary evil guy in all Web development agencies - comes in the form of Relationship Managers, Front End Developers, “Experts” and random guys who appear out of nowhere - Popup blockers do not come in real life!!! (SAD!)
Wireframing to the rescue!
These guys are Gods. They can make an over crowded Mumbai local look good - Ah! Put the long distance travellers inside on the seats. Put your bags on the overhead compartment. The young and adventurous on top of the train (careful - just dont balance yourself using the overhead lines). They talk in terms of placeholders, link holders, usability, 508 etc. Take up the responsibility of Riot Police in a web agency. Good people, nice people. They dream in B&W and has really fast fingers - shortcuts on Autocad and stuff - must have a good sex life! Enjoy making chaos look good! Butterfly effect???
No one would be so bothered about usability tests as a Wireframing executive. Navigation, User Science, First time user, Seasoned user - they know it all (better know it all - its your website, its your money)
Design Mockups - Creativity vs. Science. The ultimate dream that comes true! Arts meets mathematics - I am so bloody excited.
The B&W user centric Wireframes comes out of the sixties in Eastman color (READ WEB FRIENDLY COLORS - capitals to disturb the reader and to make my point so clear - clearly I am no wireframe expert)
The Web 2.0 of rounded edges, over sized icons, reflections, Sans Seriff fonts - design mockups!
Watching a design mockup is more or less like watching a whole website in jpeg format. Clients love them. Their trip starts here! Straight from the logo to the (c) Copyright font. Relationship Managers have a time here selling the designs - usability, business ideas, users and the general bored guy hitting Google to fight sleep at work - no one is spared here - we need every single net user on the planet to come here and “Register with us” or “Pay us for whatever we sell”
Approval - the necessary evil to trip on your remaining Web 2.0 dreams. No one - not a single web developer is advised to go ahead with the coding of your webpages without being 100% happy with the design mockups - [The text (copy in advertising language) is NOT A PART of design mockups].
Copy Writers and Content Writers can work parallely on making the captions, the initial content, the messages etc. at this point of time. Design mockups do have a big part in the fonts, font sizes, font colors etc. Again being “web friendly” when it comes to the text is of mighty importance. We dont want our copy to look like shit just because some jack asses do not like Mozilla!!! What if some non tech savvy 20 words a minute, 55 year old - “We never used computers on a daily basis” rich guy actually wants to “Register” or “pay using Paypal”???
Front end development - XHTML / CSS / Javascript to put it in very concise and simple terms. All the designs (in form of Photoshop drawings, Flashes etc.) is converted into HTML (HTML 4.01 with external CSS - in detail). The weight of the website, the way it loads, the closeness to the design etc. all depends majorly on your front end coding.
In fact initial marketing of the website (Search Engine Optimization) could start off here. It is recommended to first finish off with the coding and think of SEO later though.
Two forms of coding as on date (with Divs and with tables). Anyone who uses tables to do their stuff needs to be kicked on their crouch immediately. It sucks - why? too heavy! But Divs takes an insane amount of time - worth it also!
Backend Development - Most websites are just about information - We are this, we do this, please get in touch. However, there are a lot of websites which develops a special kind of relationship with the user such as E-commerce, Publishers, Financial Services etc. They need to be updated regularly, collect data and respond accordingly, put fresh content regularly etc. A simple HTML / CSS site could end up shitting bricks if these things are needed.
ASP, PHP, .NET etc are certain computer languages capable of doing all these things. You may need to build a CMS (Content Management System) or do a little bit of programming or develop logic (like how you add friends in orkut, surf images on Flickr, poke chicks on Facebook and so on). Backend Development - Geek paradise!!!
Quality Assurance - Yes! The website is live! My product is out! I am so HAPPPPYYYYY! Hold it mister. Your website sucks! It has a million spell check errors, links that do not work, Sitemap which does jackshit and site looks like a rebellious teenager’s room on Internet Explorer 6. Now what!!!
Yes, sit and do your quality checks. Make a list of bugs, check them out once done. Patience, time and peace - three very important qualities needed for this exercise. Ususally done on a staging server (you would host the website on a free server / paid server with a funny URL and test it before hosting it on the domain which you paid for).
GO - LIVE - Yes, the site is live. Now what?????
1. INTERNET MARKETING - SEO, SEM, PPC, PPA, Social Media, Affiliate Marketing, Email marketing, Banner ads, Offline marketing, Google page ranks, Yahoo page ranks - Its a different ball game then.
2. SITE MAINTENANCE - Update content, remove un-necessary content, archive stuff, new pages etc.
The tip of the iceberg ends here!