Website Navigation Layout Assignment Computer Programming Assignment Help
help@programingassignmentshelp.net
This is a solution of ZCBC Website Navigation Layout Assignment given in Zodiac College of Business and Computing.
Introduction This coursework to be submitted by student in subject of Website Design covering deep understanding of web designing concepts, how to apply these concepts while designing a website, gather the business requirement, convert business requirement into technical requirement and map this requirement with different phases of designing/developing website. As internet is growing so fast, it is providing new ways of communication and information sharing with rest of the world in an easy manner such as single click of mouse. Now one can think of making his business grow at global marketplace as internet or web is providing opportunities to showcase his business model with entire world with the help of such emerging technologies. A website shall be interactive as it will two-way communication between the user and the website. A good web designer must ensure the use of appropriate technologies while developing/designing a website to cater the business requirement and to represent the company image in front of customers. The website shall be available in the same manner in which it was designed and web designer shall carefully address common issues such as navigation methods, broken links, page not available etc. As a poorly designed web-site may result in making user confused or frustrated and he/she may start navigating other similar website. Interactive websites can easily provide the information to the customers as and when it is required and also shall be able to resolve or store the user queries (if any). With the use of websites, enterprises can promote their business and can share the updated information with the audiences in an easy and efficient manner. An interactive website allows two way communication between the customer and the organization. I will be organizing this report in the same manner in which it is mentioned in task sheet. I will complete all the tasks as specified in assessment.
P1.1: Web Design Concepts To design a good website, there are certain web design concepts defined which should be followed by the web designer. By following these concepts, output will be will be an interactive, responsive and user friendly website. Web designer/developer shall use the organization details and logos on all the pages for which the website is being designed so that website will look consistent in nature across all the pages. A good website shall have an option to capture user feedback about his experience with website. Web site which are not properly designed, may get user frustrated and confused, which may result in navigating away to another similar kind of website for information which he/she could not find here. A good website shall deliver all the requirements of users which were captured during user requirement gathering phase of website design.
Navigation Layout www.programmingassignmentshelp.net
help@programmingassignmentshelp.net
The ease of use of a website is influenced by the navigational scheme of the website. Navigational elements should provide natural direction that allows users to find desired content as quickly as possible. There are certain rules which one should follow while designing navigation layout of any website:
Same navigation scheme shall be used on all pages Grouping of navigational elements Use clear and meaningful title for navigation elements Every page should have top-level site navigation Use organization logos on all pages Use of dynamic menu items in such a manner that they will not cover the main content Use of cascading menus or drop down menus
Navigation layout can be simple or complex, like a few main pages or many subpages. Navigation may be bit difficult to implement in case there are requirements to showcase different information to different set of users. There are no set guidelines defined on implementation of navigation layout for any website, it is totally dependent on web designer and user requirements, how organization wants to display the content.
Accessibility A website shall remain accessible all the time. Accessibility is not restricted with the availability of site only, but related with the common awareness problem of the end user as well e.g. if a web designer assumes that all the user will be accessing the site will be having Java Runtime Environment version 1.6 and above, but if any user who is having JRE version below 1.6 will be having problem accessing the website which is not at all good for any organization.
Compatibility Nowadays people are using mobile or tablets to surf internet while they are on the go, in such scenario, if any website is not accessible on such devices or not supporting these devices, will go out of context. In that case, there will be missing opportunities if the designed website does not support mobile devices and takes longer time to get loaded on different browsers. Most of the websites are not designed or developed in such manner that they can fit on small screens for phones, tablets and smartphones. Also websites shall not have compatibility issues to work with different browsers available. Suggested approach is to have lighter version of websites to be designed for such devices. This kind of treatment to the user will give them a competitive edge, fresh look and improved value.
External Links It is a good practice to use one colour and style for internal text or buttons and different colour for links that lead to another web site or external links so that end user will have a clear intimation that these links will get them to the some other website. This way the viewer will know immediately that “this text is different, and it is intended to do something else”. Using underlines is also a popular way to show that “this is a link”.
www.programmingassignmentshelp.net
help@programmingassignmentshelp.net
All the links available on website shall be working once website is open for the world. It’s always an awkward situation where user could not use the links provided, which result in becoming user frustrated and he/she will may walk away to another website. It is suggested to do sanity check before making website available to the public on internet.
P1.1.1 Web Design Concepts I Used for ZCBC Website I have considered below major web design concepts during design and development of website for Zodiac College of Business and Computing:
Requirement Analysis Contents Usability of Website Website Audience Why Web presence? Navigation Layout Accessibility Compatibility External Links
I have not considered below two web design concepts particularly for designing this website: The Website Audience are pre-decided because target audiences of this website are students who wish to opt the courses in this organization, existing students who are already part of this organization, organization management who can view and manage the content of website. I have not considered Accessibility as I have designed this website with minimal dependency on client machine requirement, e.g. there is no need to install flash player on client machine as I have not used any such content in design and development of this website.
P2: ZCBC Website Design Zodiac College of Business and Computing is recently open college at the heart of London and looking to develop website where they can provide the information about the courses, fee structure etc. and also prospect students can leave their queries to the college administration using the website. Below are the list of courses offered by college:
EDexecl HND Computing and System Development o Business Skills for eCommerce o Computer Systems o Employability and systems Development o Management in IT o System and Analysis and Design o Human Computer Interaction o Web Design o Networking Infrastructures
EDexcel HND Tourism and Hospitality Management o The Travel and Tourism Sector o Finance and Funding in the Travel and Tourism Sector o Marketing in Travel and Tourism
www.programmingassignmentshelp.net
help@programmingassignmentshelp.net
o o o o o o o
Contemporary Issues in Travel and Tourism Sustainable Tourism Development Travel and Tourism Entrepreneurs Heritage and Cultural Tourism Management Incoming and Domestic Tourism Tourist Destinations Business Health Check

EDexcel HND in Business (Management Pathway) o Organization Behaviour o Aspects of Contract o Business Environment o Managing Financial Resources and Decisions o Managing Business Activities to achieve results o Managing Communications, knowledge and information

British Computer Society Certificate in IT o Information Systems o Software Development o Computer & Network Technology
Requirement from college administration here is to design a website which can be used by end users/prospect students to the information about the above mentioned courses like course details, fee structure etc. This website shall be available to the world wide users but mainly will be used by prospective students to get the required information in an easy manner and as and when it is required. I have designed website in the same manner as mentioned in the task sheet.
P2.1 what is Storyboard Storyboard outline for any project which will include outlining the design approach of website, before starting the actual development. It will cover the contents of website, organization of information on website and how information will be organized on the website. In this project also, I have created the navigation layout of ZCBC website. Lastly, it is always advisable to take customer consent on navigation layout before starting actual implementation to avoid last minute changes in the design.
P2.1.1 ZCBC Website Navigation Layout Below diagram depicts the ZCBC website navigation layout which defines the access mechanism and information availability on website. It will demonstrate the organization of information on website and how the information available will be accessed, and where it will be available on website. It also displays the details of menu and sub menus so that it will give a feel of looking at a real website once it is designed and developed. ZCBC website navigation layout given below will display the organization of pages, sub-pages i.e. menus and their respective sub-menus.
www.programmingassignmentshelp.net
help@programmingassignmentshelp.net
Four major sections of any webpage, where information is displayed and organized are:
Headers Footers Menu Items Webpages Contents
P2.2 Website Evaluation of Competitors It is better idea to have a look on the competitor’s website before starting actual development of website, as this will help in getting idea of offering from other competitors. I have decided to visit the websites of major colleges in London to get an understanding of their website design and content arrangement. It helped me to get a clear picture of what information is being provided by the competitors on their websites and how contents are being organized. How easily the required information accessible.
www.programmingassignmentshelp.net
help@programmingassignmentshelp.net
As a next step, I have identified the competitors who are providing similar services in London and decided to study their websites. This process, helped me a lot to identify the weak and strong point of the competitor. In this case I visited four websites of major higher study schools in London and tried to evaluate them as per below criteria:
Web Site Design Content Organization Information Availability Accessibility of information
P2.2.1. GCU London Web site of the organization: http://www.gculondon.ac.uk/ GC University website is designed well with properly organized contents. Information is organized in such a manner that anyone can find it immediately. Lots of contents are available there on home page itself. University is offering information related to Students in one menu item Students, where students can find the information related to learning services, student support, and essentials required for a student. There are different courses available on different streams like, banking, finance and risk, fashion & luxury, MBA etc. Study courses further segregated in different streams as mentioned above and different courses available for PhD courses as well. Site is designed in consistent manner and the contents of Header and Footer are same on all pages which makes website consistent and attracts user. The sub pages are properly organized with relevant contents. Once used drills down the selected course from the respective menu item, he/she may find lots on information on the subpages related with that course including fee and application procedure etc. Prospect students can get the details on the available courses without navigating through all the menu items and searching the relevant courses. All the information which might be useful for existing students or prospect students are very well organized and places. Overall website design is very good and impressive. Home page of website is as given below:
www.programmingassignmentshelp.net
help@programmingassignmentshelp.net
GC University Course description pages are designed with complete information on courses and there are relevant pictures placed on the pages. This website allows student to obtain the information on how they can apply for a course. You can easily identify different courses. Website navigation layout is properly designed. All the pictures selected are relevant and indicates the nature of the courses offered by them. The site is working properly and there was no broken link observed on the website. Apply online is also available on the site. Navigation information available on the pages which gives user an easy way to get the path which he/she traversed to reach on that page. Read more about Computer Network Assignment Help
P2.2.2. Institute of Education London Web site of the organization: http://www.ioe.ac.uk/ The website is designed simple and effective manner where most of information is provided on home page. The user can navigate to the desired menu items to get the details on the courses offered by university. All information is categorized and available in different manner like different section for
www.programmingassignmentshelp.net
help@programmingassignmentshelp.net
prospect students and for existing students. Also courses are available there in different categories like courses, research etc. and further courses are categorized as undergraduate courses, post graduate course, diploma courses etc. There are separate links available on website for students and staff. Menu bar is very well designed and assist to navigate site in easy manner. All the subpages have a link to go back to home page of website so that once user is done on that page, he/she can return to home page in easy manner.
Institute of Education Website is getting loaded in fraction of seconds and there was no issue found of broken links. Contents and pictures chosen are relevant with the course details and it gives website a nice look and feel. All the sub pages are organized properly and having consistency across site. Course search feature is provided on the home page itself where user can search either based on course name or he can search courses based on category. If user wants to see all the courses, same is also available there and after that user can select any course of his choice on the course list pages and navigate further the get more details on the course. Site is having lots of useful information for everyone who is looking to go for higher studies. Site also provides to get connected with old students with the help of Alumni link. This website also provide a link of international students where prospect students can view the details, current students can also find relevant information.
www.programmingassignmentshelp.net
help@programmingassignmentshelp.net
This website is having navigation path displayed on each page which enables users to have the path details which he/she has chosen to reach on this page.
P2.2.3. University of east London Web site of the organization: http://www.uel.ac.uk/ This website is having lots of pictures on home page and there are many links available on home page itself. Search a course link is also provided on the home page itself and also a link is provided there to view the list A-Z courses from where user can view the details of desired course. Alumni links is also provided there on home page itself which helps old students to stay in touch. There are menu items available for news/events as well. This site provides an option for students to get registered for newsletter from university so that they can also have the latest information handy with the help of that newsletter. Learn about Computer Hardware Clock Assignment Courses are categorized in different categories like undergraduate courses, Postgraduate courses, diploma courses etc. This website is providing all the information related to the course in one go and in an efficient manner. The menus on site are simple, organized and easy to navigate. Subpages are designed properly and the required information is available in presentable manner.
University of east London This website allows user to go the desired course page after searching from home page. Once user gets on the required course page, there are lots of information related to course is available there which can be useful for students. It is providing complete information of course like, duration of course, course eligibility, course contents etc. Pictures and videos used to represent the course are relevant. User’s current navigation path is not displayed on pages which makes it quite difficult for the user to remember the current navigation path which he/she has followed to reach on this page.
www.programmingassignmentshelp.net
help@programmingassignmentshelp.net
Menu item on subpages are not working properly and once you are there site starts trembling when you clicked on any menu item. Apart from this site is working properly and there was no delay observed in pages loading without any error on the screen. There was no broken links on this site as well.
P2.2.4. UCL Web site of the organization: http://www.ucl.ac.uk/ UCL also known as London’s Global University. This website is full of contents on home page where user/student can find the relevant information with just few click of mouse. Courses information is available there like Undergraduate, Graduate Taught etc. Apart from these it also provides the links for current students, prospect students, staff etc. which is a clear example of information categorization. There are different kind of information available on the home page for these different users. Menu items on this website are quite less and provide the three menu items as Prospect Students, Current Students, and Staff. Once you click on any of the menu item it will take you on the respective page where lots of information is available there with respect to that menu item. Prospective students can have lots of information post visiting the respective pages, like course information, fee and finance, interest registration, accommodation etc. Under prospect students section, you may find information related to Graduate Course, Post Graduate Courses, accommodation etc., which leads to the respective web pages of selected course.
UCL As there are courses offered by this university for international students, it provides all kind of information related to that course, visa process, scholarships, immigration etc. Images and content chosen for subpages are relevant and providing detailed information on the courses offered. University
www.programmingassignmentshelp.net
help@programmingassignmentshelp.net
website is also providing information about the different aspect of Student Life in university like accommodation, sports etc. Read about Website Designing and Testing Since there are courses available in multiple stream, student can chose as per their wish from the available courses. Read more about Computer Programming Assignment help Navigation path is not available on pages, which makes it a bit difficult for the user to remember the navigation path that he followed in order to reach on the current page. Site is working well and there was no delay observed in page loading also.
Programming Assignment Help UK is committed to plagiarism free assignments. This free Website Navigation Layout Assignment is complete solution based on case study.
Programming Assignments Help is the best assignment help provider in the United Kingdom. Our online assignment writing help UK is especially dedicated for the students studying in all UK colleges and universities. Submit assignment to get the best quality assignment help.
www.programmingassignmentshelp.net
help@programmingassignmentshelp.net