Tuesday, 15 October 2013

DESIGNING FOR WEB

Part 1 - History of the Internet:

The internet was discovered in 1991 by a company called CERN, that are based in Geneva, Switzerland. It was created originally as a way of sharing, sending and sending information.

The creator was called Tim Berners-Lee, and on the launch day - 6th August 1991, he stated that the internet was "to link and access information of various kinds as a web of nodes in which the user can browse at free will"

Originally all content was tex based, with no visual imagery. In 1992 the first PNG image went live on the internet. The JPEG image is now the most popular type of internet image. If images are formatted properly, then they will appear online instantaneously, and will require no loading time. 

Websites are hosted by web servers.

NeXT computers were designed by Steve Jobb's and served as the world's first print server.

Part 2 - Terminology:

All websites are made of formatting and codes.

Below is some key terminology to help understand designing for web:

HTTP: Hyper Text Transfer Protocol

This is the process of transferring from a web server to a screen. 

URL: Uniform Resource Locator 

Space bought to store URL and information on a web server for each website.

HTML: Hyper Text Markup Language

Website coding/language

FTP: File Transfer Protocol

Sending info from one computer to another. It sends large quantities at once to a web server.

CMS: Content Management System/Solution

Static websites don't change content.

Dynamic websites are more engaging, e/g/ Facebook/twitter

CMS gives the control to the content on the website.

Skeuomorphism: Imitating something that it isn't.

Skeuopmorphic websites have features which look physical, i.e. ebooks and folding pages on screen.

Erick Speakerman often refers to Skeuomorph's in his writing and online tweets, especially with relevance to apple pcs.


All of the above 3 items shown are skeuomorphisms.

Responsive/Reactive Design: Design 'responds'.

For example it is adapted to a variety of media using different screen sizes, i.e. phone, ipad and laptop. It can also refer to websites changing orientation and reacting with touch/mouse.

Adobe Dreamweaver will be the primary software used throughout this module in the sessions. 

Part 3 - Design:

Massimo Vignelli popularised the grid system and paper sizes, improving the importance of working with a grid when designing for web. 

Interactive feedback is available for web design.

When speaking to a client, always ask:

Why?
What's the point?
Does it serve a purpose?
Who's the target audience?

3 key things to always consider when designing for web:

1. What's the purpose?
2. Who's the target audience?
3. What do the target audience need?

E-commerce is one of the most successful types of websites, due to the simplicity. The most successful is Amazon.

A successful web design is important for the following when working with an online portfolio:

1. Promotion, Jobs, Contact, Work Range.
2. Potential Clients. Show work that is relevant to tone of voice and audience.
3. To see work, be easily to engage with and to stand out.

Analysing Websites:

We looked at several examples of different website designs, both good and bad, and wrote down the first words that came to mind without much prior thought. This was to see how the website is perceived by the viewer - does the design communicate the intended message to the correct audience. 



Boring. Narrow. Thin. Plain. Busy. Dull.


Busy. Plain. Cluttered. Dull. White. Box.


Busy. Cluttered. Colourful. Cheap. Messy. Amateur. Noisy. Tacky. Bright.



Interactive. Colourful. Simple. Confusing. Engaging. Minimal.


Cult. Religion. OTT. Motion. Colourful. Poor Gradients. Clutter. Cheap. Bold. Depressing.

0 comments: