Principles and Practice of Web Design – Home Page Evaluation

08. 04. 2013 INT1022 Principles and Practice of sack up externalize THE EVALUATION OF WWW. EXPERILAND. COM/ URL http//www. experiland. com/ Introduction The net settle experiland. com is publish by and erupt of the JB Concepts introduction &038 media conclave and was founded in 2010. The urge to create the site developed beca practice session the JB Concepts normal &038 media group felt up that there was a need for a attainment website for students, teachers and interested preteen community which protagonists them understand intelligence and encourages them to reckon science with with(predicate) own, by the website manoeuver, decl atomic number 18 oneselfs and experiments.moreover the website gives the opportunity to subjoin the knowledge allowd online by means of with(predicate) the availability of e-books. The creators strike themselves responsible for educating and improving the learning experience for students trance providing the necessary culture conc erning sentry duty and emphasizing the guts of responsibility by the young scientists. The science couchs ar split up into diametrical target groups ranging from the number 1 to the 8th grade. Description &038 Evaluation The home- summon of the website is sh argond out into intravenous feeding important get downs. It likewise introduces the texture of the website and reflects the familiar de signboard for all sub- scalawag.The texture is divided into two fibres which be tell through resistent colourise. The power point circumstances is metallic neon commonalty and gives an knowledge to the matter science as it is normally considered nature based succession colour reflects this nature aspect. The other(a) texture is a rough to smooth going shadowy grey metallic look which reflects the merciful involvement in the topic science. It serves sense that green is the principal sum as it is the world for the re seees and the metallic artificial looking part i s the center part of the website because it reflects what human found out so far.Thus it is a great choice of general send off for the website. Furthermore the subtitles in the content part possess a special pattern which gives the substance absubstance abuser the impression to see through a microscope on the subtitles. It olibanum lay asides the topic science consistently over the effected page and uses patterns effectively to suggest the theme. Furthermore the head of the website provides a character and the logo radiation diagram of the website which includes the other disguises that will be utilize on the website. The pretensions are identification subterfuges for the v antithetical briny themes of science the website provides.These topics are alchemy in blue, which resembles liquid, earth science and astronomy in violet, which is comm merely(prenominal) associated with science of the universe, electrical energy and magnetism in yellow, which resembles the light of a light bulb, life science as biology in green, as green is commonly associated with the nature and finally physics in red, which differs strongly from the other alter It thus slowly introduces the user into the color direction of the website and helps the user to rediscover the already known colors later in the content separate.The great and harmonious incorporate of colors also entices the user to overstep more time on the website and thus provides the positive effect that a wisely chosen color way should take (Shenkman &038 Jonsson, 2000 Nielsen, 2002 Tractinsky et al, 2004 Tractinsky et al, 2006 Valdez &038 Mehrabian, 1994). The website uses the typeface -Trebuchet MS,Arial,Helvetica,sans-serif- consistently on ein truth page and just differs in the color for titles and subtitles, content and tie in. The Titles and subtitles are in bold, sinlessness and in the size of 1. 8em to be slow identifiable as titles. The content is regular, erosive and in the size of 1. em while the links take a crap the alike(p) mental synthesis they are in light green. The website uses the em size of case because it is easily climbable and mobile-device friendly. The font choice of the website is cost-efficient and logical. The titles and subtitles overhear a slightly bigger size without being too place containing, while the content is held honest and easily readable. Titles in the running text are accent by using bold font and 1. 6em as the size. However the choice of the color for links is not suitable tear down though they are easy to differ from the rest of the text, they are sometimes wicked to see because of the green color way and theme design.It seems more fitting to the design than the commonly apply blue hardly however is harder to distinguish from the text. The texting of the website is held easily graspable for students of any age. however the website provides an online glossary that potentiometer be apply to understand peculiar(pren ominal) scientific terms. It thus delivers exactly what is take to the target group of young students. The pictures utilise on the website are generally held simple but are however efficient and easily recognizable and understandable. The simple use of the pictures lets the website work fast and without long loading periods.It is thus easy to browse through and key out a topic of interest. The outgrowth part 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 can purchase e-books, an closely us-page on which the company provides make headway development for the drive to create the website, the most distinguished page Projects and the possibility to get in contact with the creators for questions and inquiries. to boot the website provides the possibility to reckon for topics on the website by implementing a Google-Search-Tool in the head.More over frequent users of the we bsite can sign in with their account and a obtain cart tool is implemented. The Head of the page thus serves exactly what is needed from a head. It gives the user the opportunity to easily sail in between the main pages of the website and search for special(prenominal) topics more easily. It effectively uses the length to promote the logo and introduces the user to the website. The only negative thing about the head is the choice of colors for the not chosen main pages, as they are interpret in a slightly brightness green than the background which can amaze them hard to read.Other than that all data are clearly readable and identifiable. The second part is the sidebar. The sidebar provides a lot of information and options for the user. in one case understood it can be used to easily navigate through the website. The sidebar stay right to the content part through project and website based 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 minuscule graphics. Additionally the get-go part differs itself further by not being in the similar design.This makes sense because this part is about the kindly function of the website, which donates 5% of their profit to benignity and wants the user to vote for which charity it should be. The bordering part depicts the shopping cart of the users since it is mathematical 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 look for by school grade, by ancestry and purpose, and the nature of interest of the user. These bars are thus implemented to introduce first time users and help them navigate through the system. Its very effective because the first time users dont have to look for the detail content immediately but can be guided by the piloting the website provides. Additionally the small graphics help the users, and especially young users, to identify the use of the bar readily 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 interest effectively because it implemented the alike(p) color scheme and graphics design for the main topics of science as used on the content pages of those topics. That means that the colors are recurring and coherently used through the website and paint 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 ahead mentioned topics and themes. In the main page the content part bas ically gives more information to the points that are mentioned and depicted in the other parts. It allows the user to click on the topics and obtain an even more detailed translation of the topics. The content part always changes and contains the rise of information and the reason for the users to use the website. It helps the user to find topics of interest and gives to every detailed subtopic a quantity 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 lead color and contains the different available projects. The different projects are so differentiated in different categories depending on the advised grade of the student, the difficulty, the time wasting disease and whether or not adult watchfulness 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 need ed and then shows graphics and explanations on how to perform the project.It makes it easily understandable for students. It also draws a conclusion 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 map and explain the project, however the website is pressuring the user into buy 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 legitimacy check by showing awards the website won. Moreover it provides a exempt 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, impertinently Riders Publishing, Indianapolis, IN, 2002. Olsson, T. (2007, 1 10). The Definitive 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 Information Technology 19 (2000) 367377. Stemler, L. K. (1997).Educational Characteristics of Multimedia A Literature Review. daybook of Educational Multimedia and Hypermedia , 6 (3), pp. 339-359. Tractinsky, N. , Cokhavi,A. , Kirschenbaum,M.. Evaluating the consistency of immediate aesthetic percept of web pages, International Journal of gay Computer Studies 64 (2006) 10711083. Tractinsky, N. , Cokhavi,A. , Kirschenbaum,M.. Using ratings and reply latencies to evaluate the consistency of immediate aesthetic perceptions of web pages, in Proceedings of the one-third Annual Workshop on HCI look in MIS, Whashington, DC, 2004, pp. 15. Valdez, P. , Mehrabian, A. , Effects of color on emotion,Journal of Experimental Psychol ogy world(a) 123 (1994) 394409. WhatIs. com. (2005). What is font? Retrieved 1 12, 2012, from rendering from WhatIs. com http//whatis. techtarget. com/ interpretation/0,,sid9_gci212137,00. html 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). Typography. Retrieved 1 12, 2012, from Wikipedia, the chuck up the sponge encyclopedia http//en. wikipedia. org/wiki/Typography Wikipedia. (2012). Unicode. Retrieved 1 13, 2012, from Wikipedia, the throw in the towel encyclopedia http//en. wikipedia. org/wiki/Unicode