Thursday, 17 October 2013

Designing For Web: 'Introduction to Web' Seminar

To be able to understand the process of designing for web, it was a good idea to go into some of the history and terminology used.

History:
  • Created in 1991 by CERN in Geneva, Switzerland
  • Tim Burners Lee, an English Scientist, wanted to send information across a web of nodes
  • Originally, websites were text based with no images
  • In 1992, Steve Jobs produced the first web server, a NeXT computer
  • In that same year, the first image was put on the internet of a CERN pop group
Terminology:
  • HTTP (Hyper Text Transfer Protocol)- Transferring between server and your computer
  • URL (Uniform Resource Locator)- The web address
  • HTML (Hyper Text Mark Up Language)
  • CSS (Cascading Style Sheets)- Makes websites look appealing and designed
  • FTP (File Transfer Protocol)- Sending a file from one computer to another
  • CMS (Content Management System)- Managing the content after the website has gone live. Opposite to a static website.
  • Skeunomorphism- Imitating something which it actually isn't- influenced by the normal world. eg. using an e-book and swiping a page
  • Responsive or Reactive Design- when a design is responded to by others creating a trend. The concept was introduced by Ethan Marcotte. Producing a website that will reform itself depending on how it is viewed, e.g.. Portrait to landscape
Design:
  • You can apply a grid to any website
  • When producing a piece of design, you need to consider several questions:
  1. What is the point of the Website?
  2. What is the purpose of the Website?
  3. Who are the Target Audience?
  4. What do the Target Audience need?
After this, we went onto looking at some existing websites and seeing what our initial reactions are to the designs of the sites
http://www.apple.com
Apple.com- Bright, Expensive, Full Screen, Big

Leeds College of Art- Boring, Busy, Thin, Plain

http://www.bbc.co.uk
BBC- Cluttered, Busy, Boxy
My Own Bike- German, Minimalist, Clean
Slavery Footprint- Colourful, Confusing, What is it?

LingsCars.com- Outrage, Disgust, Incomprehensible, Cheap, Cluttered
Evangel Cathedral- Deep South, American, Tacky
No Limits Arcade- Painful, Scary, Overbearing
Legwork Studio- Minimal, Unorthodox, What is it?

Study Task:

Go onto some websites and note down your initial reactions. Was this the reaction that was intended by the designer? Does it answer the design consideration questions?

http://www.mr-cup.com
Mr Cup- Smart, Professional, Considered, Grid Layout

I think this was the intended reaction of the designer as it is very much a aesthetic-led, professional looking blog which would appeal to the target audience of like-minded design-focused individuals.

The purpose of the website is to promote the designs of Mr.Cup in order for the target audience of potential clients and employers as well as customers and fans to view his personal work. The target audience needs a clear website that is easy to find elements like the shop and the blog, so they know the difference between his professional work and his personal blogs.

https://www.facebook.com
Facebook- Connectivity, Network, Plain, Boring, Conservative

I believe that the intention of the designer was to display ways of connection and communication based on the purpose of the website through the info-graphic visual but the reaction they wanted would not be that of boring.

The purpose of the website is to have people communication with other people from a long distance. This creates a network which spans from local people to around the world. The target audience is that of a global scale but based on the website would look to be based at a range of 20-40 year olds as it doesn't have a young appeal and seems more mature. The target audience need an ease of use as it is aimed at a wide global audience and this is accomplished by the instantaneous sign up option.

https://www.google.co.uk
Google- Plain, Simple, Minimal, Focused

I think that the designer intended for this reaction as the design is entirely focused on the use of the website so it doesn't pander to the need of an aesthetic.

The purpose of the website is to act as a search engine so that people can find things on the internet so the target audience is basically worldwide internet users of all backgrounds. The target audience needs a website that is functional and purposeful which does exactly what it says on the tin and Google achieves this.
http://reforms.net
Reforms.net- Advanced, Sleek, Difficult to Understand or Navigate, What is it?

I think the designers reaction intention was for the web to appear technologically advanced and forward thinking which has been achieved but I don't think they would have wanted me to question its purpose.

Based on the presentation of the website and the lack of navigation or information, I don't know what the purpose of the website is and it doesn't seem to have one. The target audience I would imagine would be clientele and business partners in the technology business but I would have thought that this target audience would need information on the company and what it does.

http://arngren.net
Arngren.net- Cluttered, Disruptive, Overwhelming, Painful, Offensive

I don't think this was the reaction intended by the designer as they probably thought they were filling the page but what do you expect when you put too much information onto one page with no consideration for the user.

The purpose of the website is for people to purchase electronics, motors, gadgets and technologies so the target audience would be enthusiasts of this type of product as well as general customers browsing the site. The target audience would need clear direction, the items catalogued for easy searching and a clean distinction between different products.


No comments:

Post a Comment