Human Computer Interaction Essay Example | Topics and Well Written Essays - 1250 words

Human Computer Interaction - Essay Example From 1999 to 2010, the Yahoo website linked together a sequence of pages with Back/Next links. The developers created a parent page that links to all of the pages in this sequence, and allowed users to view them either in sequence or out of order. In this regard, the 1999 website was the most basic, and the 2010 version was the most advanced (Barrier 27). It is safe to say that all the Yahoo websites since 1999 to 2010 have been designed to support easy navigation by linking pages (Barrier 29). If a user clicks on a link and wants to go back to the parent page, there is a Back/Next link; if a user has gone back by mistake, for example, he/she can also go to the next page by clicking on the Next link. Visual Framework: From 1999 to 2010, the Yahoo website pages were designed to use the same basic layout, colors and stylistic elements, but give the design enough flexibility to handle varying page content. Going through the different versions, it is clear this aspect of design has been enhanced with time but it was a concept that was in use as early as 1999. When it comes to center stage, all the website versions from 1999 to 2010 put the most important part of the UI into the largest subsection of the page or window; cluster secondary tools and content around it in smaller panels. Context, size, color and headlines were applied in making the most important news and website sections stand out for easy recognition and identification by users. In terms of grid of equals, from 1999 to 2010, content items are arranged in a grid or matrix. Each item follows a common template, and each item’s visual weight is similar. Right/Left alignments are applied to good effect in all the website versions ranging from 1999 to 2010. Bullet points have been used from 1999 to 2010. However, their use was more prominent in earlier versions (1999-2003) than in 2005-2010. A good look would reveal that bulleted points are now used to highlight less important links, as compared to 1 999 when they were conspicuously placed and occupied a large section of the home page. Diagonal balance, collapsible panels, and module taps have been used to very good effect from 1999 to 2010, exemplifying good website design. They were less prominent in earlier versions (1999-2003) when compared to the 2005-2010 versions of the website. List patterns (thumbnail grids and list inlays) have been well designed and applied from 1999 to 2010, although they were less pronounced in the earlier versions (1999-2003). For instance, I looked at the button groups used in the 1999-2003 website versions and it was evident that due to their simple and primitive nature, they cannot be used in the 2010 version. Also, I examined the macros and progress indicators used in the 1999-2003 versions vis- a-vis the 2005-2010 versions. On a head-to-head matchup, the 1999-2003 macros and progress indicators seem even archaic when compared to the ones used in the 2005-2010 versions. This is understandable g iven that time and technological changes are very influential and inevitable. Thumbnail grids, list inlays, diagonal balance, collapsible panels, and module taps that are used in the 1999-2003 versions basically pale when compared to the 2005-2010 versions. These elements should be flexible, adaptable, comprehensive, and relevant as time changes, and although they may have