Visual design of a website

Visualdesign of a website

Thevisual appeal of a website is as important as the content of the samewebsite. The ability of users to visit and retrieve information froma website will depend on the features that improve the usability ofthe website and the user’s computer skills. The visual appeal isone area that the websites’ usability is improved. The usability ofthe website can also be improved through the use of templates thatare derived from common design of websites that apply standardizeddesign elements. The visual component of website can be effectivelyused by the author of a website to attract the attention of the usersand improve the visits to different pages within a website (Niederst,2007). In this paper, the design of the visual aspects of a websiteis examined. It gives the actual implementation of a websitesstructure and layout with much emphasis on the visual appeal easeaccessing information from the website.

Developingthe website

Toinclude several components in a design does not necessarily implythat the number of visitors to the site will increase ( Aziz &ampNoorizzuddin, 2013). The content of the website and the usability ofthe site are the main aspects that increase the visit to thewebsites. The main decisions that were made in designing this websiteincluded the decision on the content and the use of differentelements to create the layout of the site. Once this is done thenavigation structure was developed. A navigation structure providesdetails of how each page within a website is accessed. A complexstructure of a website would limit the effectiveness of a websitethrough limited access to content and information.

Todefine the relationship of different pages within the website, a flowchart was used to show the movement from the home page to the otherpages within the website. A flowchart is a fairly simple method ofdefining these relationships and mapping the structure of a website(Morley et al. 2010). In order to draw a websites flow chart, singleboxes were used to represent pages starting from the home page or login page and linking the other pages in a hierarchical tree format.

Thenext step was to develop the physical structure of the differentpages of the website. A website typically has many pages that will bepart of its structure. Sketches of the structure were used tobrainstorm the general layout picture of the website. Drawingsketches of the layout helps in planning the location of differentcontent or information within the website. According to Bishop(2010), the consistency in the layout will guide the users of awebsite and make them feel comfortable will moving from differentpages within the web site. The website also did not include the useof text entries to navigate from one page to another. This was due tothe fact that this form of navigation is complex and tiring todifferent categories of users. Inconsistencies will leads to theusers getting lost and spending too much time in deriving thecontent. For this design exercise, the various components werearranged in terms of tables. Grids were used to position the maincomponents within the structure of the website. Blank tables wereused to illustrate the general layout of each individual page beforethe content was placed into the pages. The application of consistencywas applied through the use of a simple uniform theme for all thepages of the website. To achieve this, the use of cascading stylesheets ensured that the consistency was achieved. Consistency couldalso be achieved in a simpler way using templates of other websites. However, this was not considered due to the need for unique design ofthe resultant website. Other areas of consideration while designingthe layout was the arrangement of elements like multimedia components

Theuse of different elements like color and pictures add to the estheticcomponent of a web page. There use within a website page could bevaried from aesthetics to navigational purposes. When used fornavigation, the images or graphics provide the users of the page withintuitive method of accessing different information or sites withinformation that the author wishes to give to the audience. Thisimproves the accessibility of a website and makes it easy for theusers to retrieve information from the site. In this design, the useof graphics was limited to basic picture and formatted images thatillustrate the general ideas and information of the website. The mainaim for this limited use of graphics is for the balance between thetextual content and the graphics or images used in developing thestructure of the website. Other forms of media like videos were alsoincluded in the website content to demonstrate different aspects ofcontent. Shelly and Woods (2013), demonstrate the fact that the useof videos in website is a simple method to add much content. However,the file sizes and formats must be checked in order for the contentsuse to be effective.


Niederst,R. J. (2007). LearningWeb design: A beginner`s guide to (X)HTML, style sheets, and Webgraphics.Beijing [u.a.: O`Reilly.

Morley,D., Parker, C. S., &amp Parker, C. S. (2010). Understandingcomputers: Today and tomorrow.Boston, Mass: Course Technology Cengage Learning.

Bishop,S. (2010). AdobeDreamweaver CS4 illustrated.Boston, MA: Course Technology Cengage Learning.

Shelly,G. B., &amp Woods, D. M. (2013). HTML5and CSS.Boston, MA: Course Technology, Cengage Learning.

Ab.Aziz, M., &amp Noorizzuddin Nooh, M. (2013). Design Analysis of CIMBBank’s Website.Jurnal Teknologi