Interfaces - Making using a computer that much easier

So your using a computer and you are looking at the screen and suddenly wonder how you are navigating through the system; well, that my friend is the Interface.

  A UI (User Interface) can be seen everywhere, to you getting money out of a cash machine, calling someone on your new iPhone or Android phone or sending an email on you computer. It is these interfaces on your phones and computers that will be placed under the spotlight today.

  Beginning with a GUI: This interface allows the communication between computer and user via graphical means i.e. Windows 7's icons and windows. The GUI was a revolution in computer history as it allowed everybody access to a computer despite their computer skills which is what was need beforehand i.e MS-DOS was an  early operating system that was used on many personal computers and required text commands to be entered to give the computer commands. These text commands were often long and were not very user friendly to use for example, to copy a file to another location the user could not simply click-and-drag back then they had to type in:

"copy from [source\filename] to [destination\folder]"

Only until upgrade to MS-DOS 5 was a very limited GUI introduced including mouse operation instead of using solely the keyboard. Check out the promo vid of MS-DOS 5.

  Without the help of Ivan Sutherland and Doug Englebart the GUI would not be possible. Ivan invented the Sketchpad which was the first move toward the interfaces we use today. It allowed the user to create shapes on a screen by using a light pen and was a massive leap to how we interact with computers today.

The system still had a size problem to hurdle

The revolutionary user interaction tool

  Doug Englebart was the person responsible for allowing you to move that little mouse around the screen although back then they were massive, imagine dragging a large brick across that lovely new varnished table.

l l

l l

l l

V

  With technology booming in the 21st century new ways of interacting with a computer are always arising whether it being speech or now even movement (i.e. Xbox Kinect, Nintendo Wii or Playstation Move) but here I will be focusing on how websites are viewed and present on GUI's on computers and compare them to GUI's on mobile phones.

Facebook (Computer)

  This site is becoming massively popular and it is now essential to have constant access to this is you are out of the house or office away from your computer.

  On the computer everything looks simple with the 1. logo and the navigation sections along the top of the page and down the left side, tools such as your profile, photos and Fb games are located here. All your friends can be seen here too 2. Down the centre of  the page is your main personalised information appropriately named by Facebook as your 'news feed'. 3. Along the right side of the page is adverts, your events and some information about how to use the site.

Click for full size!!

The website is very easy to use and the same is for its mobile page.

Facebook (Mobile)

  When wanting to use Fb on the move there is either the application of the specifically designed mobile site. The mobile site automatically detects it being accessed by a mobile device and so links it to that format. The mobile site is very easy to use and much like it application sister condensed to the most important information. Although the facebook games cant be accessed from the mobile device that is not much of a problem because while moving around you just want to update you status once in a while.

The mobile site

The app look

   The application as you can see uses a basic GUI to make its use easier. The news feed icon looks like a folded paper and the chat looks like dialogue bubbles.

HMV (Computer)

  This site is very popular for buying games, music, films and electronics; but how does it fair on both a computer and a mobile?

  

Click to view full size

  This site is very visual and hold lots of graphics meaning that its load time is considerably longer than say, Facebook's simple design.

  The design here looks very appealing with the negative space emphasising the main information and the large icons and promo adverts. But on this site there is one element that struggles to cross platform to the mobile world and that is - flash.

  Flash can't be used on any old generation mobile device nor can it on an apple, but recently with Android's firmware update of 2.2 Froyo for its devices flash 10 is supported. But for the majority flash is a large hurdle that cant be overcome easily.