Principles and Practice of Web Design – Home Page Evaluation

08. 04. 2013 INT1022 Principles and utilisation of Web Design THE EVALUATION OF WWW. EXPERILAND. COM/ universal resource locator http//www. experiland. com/ Introduction The website experiland. com is published by and smash of the JB Concepts externalise & media teleph 1r and was founded in 2010. The flout to attain the site developed beca engross the JB Concepts program & media group felt that there was a need for a experience website for students, t individuallyers and kindle young people which dishs them visualize scientific discipline and encourages them to experience knowledge by own, by the website guided, tramps and experiments.Furtherto a greater extent the website gives the fortune to increase the knowledge put forwardd online through the availability of e-books. The creators get a line themselves responsible for educating and amend the learning experience for students while providing the needed breeding concerning safety and emphasizing the whiz of re sponsibility by the young scientists. The intelligence projects argon divided into diametrical channeliseroom groups ranging from the first to the eighth club. Description & rating The home-page of the website is divided into four chief(prenominal) separate. It withal introduces the textbookure of the website and reflects the world(a) design for tout ensemble(prenominal) sub-page.The texture is divided into two deviates which argon unalikeiated through antithetic colourise. The head divide is bronze neon car park and gives an association to the upshot acquisition as it is usually considered character found while green reflects this nature aspect. The otherwise texture is a rough to swimming going dark grey all-metal look which reflects the human involvement in the topic science. It makes sense that green is the head as it is the ground for the researches and the metallic mawkish looking discussion section is the satisfy crack of the website because it reflects what human found out so far.Thus it is a bully option of general design for the website. Further to a greater extent the subtitles in the limit mathematical function gather in a especial(a) pattern which gives the user the impression to see through a microscope on the subtitles. It indeed keeps the topic science systematically e genuinelywhere the complete page and uses patterns depressionively to allude the theme. Furthermore the head of the website provides a typesetters case and the logo design of the website which includes the other colour that will be use on the website. The change atomic number 18 identification disguises for the five different main themes of science the website provides.These topics be chemistry in blue, which resembles liquid, humans science and astronomy in violet, which is normally associated with science of the universe, electricity and magnetism in yellow, which resembles the light of a light bulb, emotional state science as biology in green, as green is commonly associated with the nature and finally physics in red, which differs potently from the other colours It consequently soft introduces the user into the ruse way of the website and helpers the user to rediscover the already known colors subsequent in the interpret object character references.The great and harmonious mix of colors as well as entices the user to spend more magazine on the website and thus provides the positive effect that a wisely chosen color way should have (Shenkman & Jonsson, 2000 Nielsen, 2002 Tractinsky et al, 2004 Tractinsky et al, 2006 Valdez & Mehrabian, 1994). The website uses the typeface -Trebuchet MS,Arial,Helvetica,sans-serif- consistently on every page and expert differs in the color for titles and subtitles, circumscribe and links. The Titles and subtitles ar in bold, white and in the surface of it of 1. 8em to be easy identifiable as titles. The subject is regular, black and in the size of 1. em w hile the links have the same structure they argon in light green. The website uses the em size of display case because it is easily scalable and mobile-device friendly. The font choice of the website is efficient and logical. The titles and subtitles have a sparingly bigger size without existence alike place containing, while the content is held golden and easily unclouded. Titles in the running text are emphasized by development bold font and 1. 6em as the size. besides the choice of the color for links is non desirable even though they are easy to differ from the rest of the text, they are sometimes hard to see because of the green color way and theme design.It seems more fitting to the design than the commonly employ blue but all the same is harder to split up from the text. The texting of the website is held easily understandable for students of any age. tho the website provides an online glossary that gouge be used to understand specific scientific terms. It th us delivers on the dot what is needed to the target group of young students. The pictures used on the website are generally held simple but are however efficient and easily perceptible and understandable. The simple use of the pictures lets the website work refrain and without long loading periods.It is thus easy to browse through and find a topic of arouse. The first bust is the head of the website which provides the user with links to the five main parts of the websites which are the Home-page, the Books-page where the user lot purchase e-books, an about(predicate) us-page on which the company provides further information for the drive to create the website, the most important page Projects and the hatchway to get in contact with the creators for questions and inquiries. to boot the website provides the hatchway to search for topics on the website by implementing a Google-Search-Tool in the head.More over snitch users of the website tooshie sign in with their estimate and a obtain cart incision is implemented. The Head of the page thus serves exactly what is needed from a head. It gives the user the opportunity to easily sweep in amidst the main pages of the website and search for specific topics more easily. It efficaciously uses the space to promote the logo and introduces the user to the website. The only negative function about the head is the choice of colors for the not chosen main pages, as they are depicted in a slightly lighter green than the accentuate which can make them hard to read.Other than that all information are clearly readable and identifiable. The second part is the sidebar. The sidebar provides a standoff of information and options for the user. Once understood it can be used to easily navigate through the website. The sidebar stays right to the content part through project and website found contents and only disappears in the books part of the website. It consists of different parts which differ from each other by the use of color and small graphics. Additionally the first part differs itself further by not being in the same design.This makes sense because this part is about the charitable function of the website, which dressates 5% of their profit to charity and wants the user to right to vote for which charity it should be. The next part depicts the shopping cart of the users since it is possible to purchase e-books on the website. It thus helps to keep an overview if books are being purchased. The next five parts are designed to help the user understand the website and to browse through the website and find suitable information.It thus provides browsing by inculcate grade, by occupation and purpose, and the nature of pastime of the user. These bars are thus implemented to introduce first time users and help them navigate through the system. Its very impressive because the first time users dont have to look for the dilate content warmly but can be guided by the navigation the websi te provides. Additionally the small graphics help the users, and especially young users, to identify the use of the bar quickly and recognize them later again.Experienced users can make use of the sidebar as well, as it allows them to find their current project or their topic of by-line effectively because it implemented the same color proposal and graphics design for the main topics of science as used on the content pages of those topics. That means that the colors are come about and coherently used through the website and keystone a complete picture. The sidebar allows the user a horizontal navigation through the different topics. Only specific projects must be found by navigating to the field of interest and finding the project from there. The third part is the content part of the website.It is separated in different colons which provide further information about before mentioned topics and themes. In the main page the content part fundamentally gives more information to the points that are mentioned and depicted in the other parts. It allows the user to snatch on the topics and receive an even more detailed description of the topics. The content part always changes and contains the source of information and the soil for the users to use the website. It helps the user to find topics of interest and gives to every detailed subtopic a bill of available projects in that topic.After deciding for a topic the user will be led to a different content page which is designed in the topics channelise color and contains the different available projects. The different projects are and accordingly differentiated in different categories depending on the advised grade of the student, the difficulty, the time consumption and whether or not adult supervision is advised. The side then provides further information about the topic and explains how the project works. It is very effectively design because it shows briefly what materials are needed and then shows graphic s and explanations on how to perform the project.It makes it easily understandable for students. It also draws a finishing why the project works and gives the possibility to receive further information about the topic by purchasing an e-book. It is an effective way to present and explain the project, however the website is pressuring the user into buying the e-books because they only provide further information with these e-books. The last part of the website is the bottom part. It summarizes the main parts of the website in general main topics and provides a genuineness check by showing awards the website won. but it provides a free sample of one of the e-books.It is held in the same rough metallic grey design that is used as the texture of the site. Moreover this part also never changes and is provided on every content page. Bibliography Nielsen, J. , Tahir,M. Homepage Usability 50 Websites Deconstructed, New Riders Publishing, Indianapolis, IN, 2002. Olsson, T. (2007, 1 10). T he important Guide to Web Character Encoding. Retrieved 1 14, 2013, from SitePoint http//www. sitepoint. com/guide-web-character-encoding/ Schenkman, B. N. , Jonsson,F. U.. Aesthetics and preferences of web pages, Behavior and training Technology 19 (2000) 367377. Stemler, L. K. (1997).Educational Characteristics of multimedia system A Literature Review. Journal of Educational Multimedia and Hypermedia , 6 (3), pp. 339-359. Tractinsky, N. , Cokhavi,A. , Kirschenbaum,M.. Evaluating the uniformity of immediate aesthetic perception of web pages, multinational Journal of Human Computer Studies 64 (2006) 10711083. Tractinsky, N. , Cokhavi,A. , Kirschenbaum,M.. Using ratings and response latencies to evaluate the consistency of immediate aesthetic perceptions of web pages, in Proceedings of the Third Annual workshop on HCI Research in MIS, Whashington, DC, 2004, pp. 15. Valdez, P. , Mehrabian, A. , Effects of color on emotion,Journal of experimental Psychology General 123 (1994) 39 4409. WhatIs. com. (2005). What is font? Retrieved 1 12, 2012, from Definition from WhatIs. com http//whatis. techtarget. com/definition/0,,sid9_gci212137,00. hypertext markup language WhatIs. com. (2005). What is text? Retrieved 1 12, 2012, from Definition from WhatIs. com http//whatis. techtarget. com/definition/0,,sid9_gci213125,00. html Wikipedia. (2012). opus. Retrieved 1 12, 2012, from Wikipedia, the free encyclopedia http//en. wikipedia. org/wiki/Typography Wikipedia. (2012). Unicode. Retrieved 1 13, 2012, from Wikipedia, the free encyclopedia http//en. wikipedia. org/wiki/Unicode