The State of the Art of Interactive Design:
Where We’ve Been, Where We Are Today, Where We Are Headed, and How We Will Get There.
Yesterday
The WWW was released by CERN for public use in 1992. Instantly, it was used as a place where companies put information for ‘easy’ public access. Mission statements, product lists, press releases, etc. The original sites were entirely textual in nature, using hypertext links to navigate from page to page.
A year later the first graphics-based web browser, Mosaic, was introduced. And still images started finding their way to the web. As connectivity speeds gradually increased, graphics became a viable option, and websites started to get more and more sophisticated.
New programming languages like PHP, JavaScript, and MySQL started appearing. These increased what we could do with the medium, and we started seeing better quality still images, audio, and video, and on-line purchasing.
By the mid Nineties, branding started to play a bigger role in web design. Companies started to focus more on the user’s experience and how it related back to their corporate image. In order to achieve optimum branding, some sites opted for the ‘cool factor’ of technologies like shockwave and flash. But this came at a price. Larger files meant slower download times, and there was the plug-in issue. Few people wanted to download a plug-in installer, run the installer, restart their browser, then go back to the site only to sit and watch a loading bar. File size and download times was a big issue when dealing with a 9600bps modem. Even though modems were getting faster, people started to move away from flash-based sites.
Today
Today, the average user connects via a cable modem that runs at 10Mbps. Verizon is just now installing Fiber Optic systems directly into houses which runs at 50Mbps. That’s five times faster than what we are currently used to.
As our connectivity speeds increase, so does the number of users and sites. Every year the number of users and the number of sites seem to expand exponentially. A recent study by Internet World Stats shows that there are over 1.1 billion Internet users worldwide. According to Netcraft, there are over 108 million unique web sites. Technorati tracks 26.6 million blogs, and estimates that there are 75,000 new blogs being created every day. That’s almost one every second.
Surfing the web is no longer a novelty, it is a part of our daily life. While there is a certain amount of “recreational surfing” going on, mainly we are looking for information, and we want to find it quickly. We want the information to be as easily accessible as possible.
Accessibility has become one of the driving forces in web design. Originally, the topic of accessibility referred to making a site accessible to people with disabilities. People with disabilities use Assistive Technologies to accomplish tasks they could not do otherwise. These technologies rely on the content of the site. Unfortunately, most websites have accessibility barriers that make it difficult or impossible for people with disabilities to use the Web. In 1998, Congress amended the Rehabilitation Act to require Federal agencies to make their electronic and information technology accessible to people with disabilities. Section 508 was enacted to eliminate barriers in information technology, to make available new opportunities for people with disabilities, and to encourage development of technologies that will help achieve these goals. One way that we, as developers, can ensure that our sites are accessible is to use XHTML & CSS. XHTML and CSS allow us to separate content from presentation, thus ensuring that people with disabilities will have no problem accessing the site’s content.
As it turns out, this separation of content and presentation does more than just make a site accessible to the disabled. It aids in Search Engine Optimization by making the site easier for Web Crawlers to index. It allows sites to be compatible with browsers, both outdated and future versions. It also helps the sites to be browse-able on multiple devices from readers to cell phones to handhelds where screen size is an issue.
We have found that with properly structured XHTML you only need to write your content once. Then, by applying different CSS Style Sheets, you can format that content for multiple browsers, or even printing.
There is another facet to recent developments on the web. Through creative use of languages like XHTML, CSS, JavaScript, PHP, MySQL, XML, and ActionScript we have turned the Internet into a�truly interactive medium where the users generate content themselves. We do this by writing blog entries to commenting on other peoples’ blogs, contributing to discussions in forums (boards), and actually helping to write and edit the actual page contents themselves in the form of wikis
We text message, audio chat, video chat, even hold video forums with multiple users. I worked with an agency on a pitch to a client where they wanted to develop a live video broadcast of a debate that would run concurrently on the screen with two separate chat rooms where the viewers could textually argue the pros and cons of the topic being debated. (This is still under development).
While the web was originally a giant repository of information, I think one of the greatest benefits of the Internet has become its ability to connect people anywhere in the world.
Social Networking: MySpace, LinkedIn, ProgrammerMeetDesigner
Photo & Video Sharing: YouTube, Flickr
Dating: eHarmony, Match.com
Job Finding: Monster.com, CareerBuilder
Trading Books, CDs, DVDs: BookIns, TitleTrader
Favorites Lists: DEL.ICIO.US, Digg, StumbleUpon
Today XHTML 4, CSS 3, JavaScript 1.7, PHP 6, MySQL 5, XML 2.0, and ActionScript 3 are either recently released or currently under development. But when we look closely at these new iterations, what we realize is that they will not bring anything amazingly new to the table. What these new versions will do is make our jobs of programming and developing websites easier.
We can communicate with servers and databases in real time. We can make interfaces and navigational systems that update themselves. There is (almost) nothing that we can’t do in a web browser that we can do in a standard desktop application. With the proper combinations of the languages previously discussed, we can develop web applications that can do practically anything.
Tomorrow
So, what does the future hold? I don’t know, and I don’t think anyone knows for sure. But what I do know is that we are no longer waiting for technology. With dual-chip processors running in the gigahertz range, cable modems being replaced with fiber optics networks, cell phones with Internet access, and high-speed wireless connections in our laundromats, the advancement of technology is becoming commonplace.
What we are waiting for now is concepts. The future of the Internet lies more in the creative minds that put new ideas together rather than our ability to break into new technologies.
One good example of this is Google Maps. We had mapping websites in the past (most notably MapQuest), but by making their APIs public and allowing anyone to interface with their system, we are now seeing maps that track everything from the space shuttle to your friend’s European flight itinerary. We are now capable of doing anything from tracking apartment availability to housing values, mapping NYC potholes to tornado paths, and all of this is now done in real time.
Google also recently released a set of Web-Apps that mimic Microsoft Office which all run entirely within your web browser. You save your files to a centralized web server so you can access these apps and files from anywhere. These applications are free.
UC Berkeley is currently working on Web OS. An operating system that will run within a web browser so that you have access to all your files, and can even run your apps from anywhere. Accessing files and running software remotely is not a new idea. But doing it within a web browser is.
The amazing thing is that the technology to do this has been around for at least eight years, possibly more. All it took was for someone to concept it. We are beginning to see people stretch the boundaries of possibility. To look beyond the conventional box and use their tools in new and interesting ways.
The future of the web depends on creative ideas and open-mindedness.