10 December 2015

Web Design History: From Cyberpunks to UI/UX

Prior to the 90s, not much were done with regards to web design. In fact, the first website had yet to be developed.

The closest things to web pages in existence, prior to the nineties, were online bulletin boards that were moderated by system operators (sysops).

Web Design History: From Cyberpunks to UI/UX

These bulletin boards were certainly influential. The concept of communicating with others using user handles, finding groups of people with similar interests to communicate with, etc. all started with bulletin boards.

Web Design History: From Cyberpunks to UI/UX

As interesting as all of this is, it isn’t really relevant to web design as much of the work at this time focused on back end technology, and graphical interfaces were nonexistent. If you are interested in this time period, check out some old cyberpunk movies. They are full of scenes depicting this technology.

The First Five Years of Web Design

1991 was a banner year in the history of web design. Developers created and launched the first website. There were no pictures on the website. There was no color. Here is a basic example:

Web Design History: From Cyberpunks to UI/UX

In fact, there was absolutely no consideration whatsoever given to the rules of design. It was just text on a plain background. Of course, even if the capability existed to include colors, movement, images etc., it would have been impossible to display a website with these elements over the excruciatingly slow and unreliable dial up connections (by today’s standards) used to access websites. However, this is still an important part of web design, because the framework of the internet was in place.

Web Design in the Latter Half of the 90s

In the mid-nineties there was a shift in web design. This shift involved a significant change in website structure and website appearance. Web designers began to see navigation as an important consideration in designing effective web pages. As a result, they began thinking about text layout. The initial solution was the use of rows to organize text on the screen. This table based method of designing web pages would be the standard for several years to come. The biggest development of this time period, however, was without a doubt the development of flash technology and its release of that technology for public consumption.

Web Design History: From Cyberpunks to UI/UX

Google Demo

Web Design History: From Cyberpunks to UI/UX

Google.com – launched in 1996

Macromedia flash created a new era of visual web design and development. Flash technology made it possible to add animation to web pages and to incorporate multimedia elements. Flash also made it possible to play video games on the internet that used pictures and moving images.

Web Design History: From Cyberpunks to UI/UX

Web Design Beginning in the Year 2000

Something extremely important happened in the last year of the twentieth century. Web designers began using CSS or Cascading Style Sheets. Until the advent of CSS, there was no ability to separate the content of a web page from the design of a web page.

Web Design History: From Cyberpunks to UI/UX

This meant that changing the text on a web page meant cracking into the code. With CSS, the design elements of a web page could be stored separately in a cascading style sheet. The elements include:

  • Font Size
  • Font Color
  • Background Color

Unsurprisingly, Microsoft was extremely forward thinking when it came to CSS. Before the end of year 2000, Internet Explorer could support nearly 100 percent of the websites using CSS.

Web Design History: From Cyberpunks to UI/UX

Shortly after CSS made its impact on web design, along came Java Script. This changed everything. First, the need to use tables to lay out a website went right out the window. So did the need to use flash for animations. The result of all of this was the morphing of the look of the average website into something that we still see today.

JavaScript was used to create forms as a means to gather information from users. These forms also gave users the opportunity to create their own presence on websites through the creation of user profiles. It also influenced the design trend of moving navigation buttons to the top of the screen, and the use of drop down menus from the navigation bar. If you were among the first wave of Myspace users, you probably have a clear recollection of what websites looked like when web designers first had access to JavaScript technology.

Web Design History: From Cyberpunks to UI/UX

Web Design in the Mid 2000s

The most interesting web design innovation of this period has yet to take hold. The semantic web was intended to be an extension of the current framework of the web. The idea was that computers could learn to understand web pages. The result of this would be that humans could rely on computers to do the bulk of the work when it came to searching for information. This isn’t in place yet, but there are many technologies that come into being as the result of attempts to make semantic web a reality. XML is just one example.

Web Design History: From Cyberpunks to UI/UX

Web Design in the Late 2000s (AKA Web 2.0)

This period of time is known for the expanding use of apps and the incorporation of interactive content into web pages. Social websites boomed during this period. Websites also became more focused on content and publishing.

Web Design History: From Cyberpunks to UI/UX

Web Design Today

What’s in web design future? Who knows? There are so many trends: vibrant colors, minimalistic designs, innovative color palettes, visual content, and constant integration of animation for the better user experience. Here are some great examples of today’s web design:

Web Design History: From Cyberpunks to UI/UX

Web Design History: From Cyberpunks to UI/UX

Web Design History: From Cyberpunks to UI/UX

The single most important thing to recognize about web design as it exists today is the growth of mobile use, and the shifting focus in web design from desktop to mobile. This focus means that web designers are concentrating on the following:

  • Mobile optimization
  • Designing for touch screens
  • Minimal navigation
  • Use of technology to track user’s location.

 

This article contributed by Leona Henryson – a visual designer and creative blogger. Currently, she is freelancing as a graphic designer, web designer/developer, and marketing consultant. She is always happy to share her creative ideas and provide advice on matters related to art and design. Connect with Leona @ g+| Facebook | Twitter | Gravatar