Wednesday, 16 October 2013

OUGD504: Studio Brief 2: Designing for Web

PART ONE: History of web

The internet was created in 1991. It was created by CERN laboratory in Geneva which was comprised of admin assistants and significant others of CERN scientists.

Web Source

"Tim Berners-Lee, a British scientist at CERN, invented the World Wide Web (WWW) in 1989. The web was originally conceived and developed to meet the demand for automatic information-sharing between scientists in universities and institutes around the world.

The basic idea of the WWW was to merge the technologies of personal computers, computer networking and hypertext into a powerful and easy to use global information system."

" link and access information of various kinds as a web of nodes in which the user can browse at will." - Tim Berners-Lee (6 August 1991)

The first websites consisted of text-only data. Below is an image of the first ever website to be made:

Web Servers -- "NeXT computers were designed by Steve Jobs in 1988. The NeXT combined powerful hardware and software in ways that had never been done before. NeXT was also the first computer company to ship a built-in 256 MB magneto-optical storage medium. Boasting a high-resolution display, built-in Ethernet, CD-quality sound, and multimedia e-mail, the NeXT Computer was packaged in a stunning one-foot by one-foot black magnesium cube."

1992 - The first image was uploaded onto the internet. It was an all-female pop group founded by the CERN employees.

The initials of the band also correspond with the large Hardron Collider later built by CERN.

PART TWO: Terminology 

HTTP - Hyper Text Transfer Protocol
URL - Uniform Resource Locator
HTML - Hyper Text Markup Language
CSS - Cascading Style Sheets
FTP - File Transfer Protocol
CMS - Content Management System

An object or feature copying the design of a similar artefact in another material (OED)
a functional item redesigned as something decorative (Collins)
an ornament or design representing a utensil or implement (Merriam-Webster)

Useful article on Skeuomorphism:

The original Newsstand App on Apple technology is a good example of skeuomorphic design. In thi case it is aiming to resemble a book shelf. This is not a necessary for the function of reading magazines/articles on-screen. The use of a bookshelf may look visually pleasing but irrelevant in this context. 

The new iOS7 version of newsstand is slightly less skeuomorphic, however still uses unecessary elements such as gradients to subtly resemble shelfs.

Responsive Design -- Ethan Marcotte. 
Design can be adapted to a variety of media using screens of various sizes. An example of responsive design is when a an iPhone is turned sideways and the contents of a website adapt to a new layout to better suit the new viewing angle of the screen.

PART THREE: How to design a website

Massimo Vignelli grid systems are still used today, although they were introduced before web existed. 

Key Questions:
1. What is the purpose of the website?
2. What/who is the target audience?
3. What information does the target audience need?


As a small group exercise, Simon presented us with a range of websites and asked us to shout the first words which came to mind. These responses were both negative and positive depending on peoples individual opinions.

Plain // boring // fullscreen

Leeds College of Art
Boring // thin // cluttered // plain

Slavery Footprint 
Confusing // unclear // misleading

Blocks // unorganised // cluttered // busy

No Limit Arcade

Evangel Cathedral

Task: Find examples of successful & unsuccessful websites to discuss next week.

No comments:

Post a Comment