University Web Design Report: Responsive Design of Nat Geo Website

This report provides a comprehensive analysis of the responsive web design of the National Geographic website. It begins with an overview and description of the website, highlighting its features and content organization. The report then delves into the positive and negative aspects of the website's design, focusing on interaction and usability. It incorporates reviews from two individuals, offering diverse perspectives on the user experience. The core of the report examines the website's responsiveness across different screen sizes, supported by visual examples from a Google device simulator. The advantages and disadvantages of using a Google device simulator are discussed, along with comparisons to similar tools. Finally, the report concludes with recommendations for improving the website's responsive design and overall user experience.

Running head: RESPONSIVE WEB DESIGN
RESPONSIVE WEB DESIGN
Name of the Student
Name of the University
Author Note:

1RESPONSIVE WEB DESIGN
Table of Contents
Introduction......................................................................................................................................2
Discussion........................................................................................................................................2
Overview and description of Website..........................................................................................2
Main features of the website........................................................................................................2
Positive and negative aspects of this website..............................................................................2
Interaction................................................................................................................................2
Usability...................................................................................................................................2
Review of two person..................................................................................................................2
Analysis of responsiveness of website........................................................................................2
Google Device Simulator............................................................................................................2
Advantages and disadvantages of Google device simulator........................................................2
Similar tools for RWD of web pages...........................................................................................2
Conclusion.......................................................................................................................................2
Recommendation.............................................................................................................................2
References........................................................................................................................................2

2RESPONSIVE WEB DESIGN
Introduction
National Geographic society of Australia is known to be global organization which is
mainly focused for exploration and protection of planet. This organization is considered to be a
non-profit and mainly works for the benefit of the earth (de Serres, Blanco & Fernández-Bustillo,
2016). This particular organization is mainly associated with funding of new researches and
conservation of various projects around the globe. It mainly encourages new generation by the
help of various education initiatives and resources. National geographic of Australia is mainly
associated to get oneself to the stories which are considered to be matter of great importance.
With the help of best scientists, journalists, filmmakers this organization is mainly associated
with for entering into the global economy by the help of television, magazine, books and lastly
consumer products (Hardy, 2015). The organization is also associated with various social and
digital media platforms round the globe. At present the organization is focused to have a joint
venture with 21st century fox. It is focused to reinvests 27% of its fund value which will
ultimately help in conservation and efforts related to education of national geographic society.
In the coming pages of the report an overview and description of national geographic
website has been provided. After that main features of the website of national geographic has
been provided. Various positive and negative aspects of this website has been discussed in brief.
Two important parameter of website that interaction and usability has been discussed in details.
After that review of this website has been gathered from two persons. An analysis has been done
regarding the responsiveness of this website. An idea has been provided regarding google device
simulators. A list of advantages and disadvantages of google device simulator has been provided.
Various similar kind of tools like google simulator has been discussed in details. In the end of the
report a list of recommendation has been provided for this website.
Discussion
Overview and description of Website
National geographic is mainly engaged in providing a large number of programs which
will mainly inspire a large number of people to easily find more about other people, regions and
places and various kinds of events around the globe. After the completing of 129 years, national
geographic is more focused to provide a large number of stories. The stories are all about various
kinds of thrilling events which has happened all the places round the globe (Hillier et al., 2015).
This organization claims about the fact regarding unparalleled events which can be easily
considered to more appealing in present scenario and also tend to provide best kind of
storytelling. The channel of national geography is mainly undisputed from home to smart places,
revealing and also inspiring entertainment about life, universe and various kinds of things which
is present in between.
The website of national geography comes up with two option namely Nat geo people and
Nat geo wild. In Nat people the website is mainly engaged with large number of people
characters, stories based on human and living a high quality of life (Masser, 2014). People of Nat
geo tends to offer candid, providing access to large number of cultures and various kinds of
adventures which are based from Australia and various kinds of people around the globe.
While Nat geo is mainly backed by national geographic is considered to be unparalleled
kind of reputation for a high quality programming based on blue-chip programming. While Nat
geo Wild is totally based on dedicated to provide a large number of unique insight to various
natural world (Sathkumara, 2018). It comes up with environment and amazing kind of creatures

3RESPONSIVE WEB DESIGN
which is considered to have inhabit in it. In most of remote environments and amazing kind of
cerates comes up with inhabitant. National geographic wild makes use of spectacular
cinematography which can be easily used for storytelling to easily have idea regarding various
kinds of viewers to have unforgettable journey in the wild domain.
Main features of the website
The website of national geography comes up many features like explore, video, news,
TV app and many other. While on the right side of the website an option of connecting which
social media has been provided. Under exploration tab one can easily get a list of option like
Australia, animals, history, nature, people and science (Wolf et al. 2014). While in TV option
can be easily two option that is shows and TV guide. In the last option that is more one can
easily get Nat geo snaps, events and lastly Wins. After that various kinds of videos are provided
to users along with details messages.
Positive and negative aspects of this website
The website of national geographic has some kinds of benefits like it makes use
responsive web design which ultimately provides experience to large number of users,
optimization of SEO and proper kind of maintenance and it eliminated the need of mobile
website for national geographic (Wright et al. 2017). A good kind of responsive website like
national geographic tends to provide various kinds of information by taking into account all the
required information by making use of various kinds of equipment’s as per the need. User from
various region can easily access same website ignoring the size of the website. Responsive
website is considered to be an important tool which is used by Google. By the help of this feature
user from various region can easily access the website with putting an effect on resolution of the
resolution of display. There is no requirement of updating the both the mobile and main website
of national geographic on regular interval. If a change is made on the one of the site, then it can
be will easily reflect on the main website and it reduces the time which is required by the admin
of the website and so as a result there is no requirement of updating both the websites. It will
ultimately save the time as the user does not need to redirect to website of admin and there is no
requirement of updating of both the websites (Zhang et al. 2015). Google undertakes redirection
as a negative kind of aspect which as it mainly increases the time which is required for searching
a well-known content over the website of national geography. The website of national geography
is considered to be much flexible as it allows the user to have an access to the website from
various geographical location. The whole process is considered to be have minimum cost as the
single website can be reached or accessed from various geographical location. The website of
national geography can be easily reached from a range of devices.
The website of national geography has some drawbacks like it makes use of responsive
web design which ultimately increases loading time in making cases. While in some of the cases
it is seen that user or student can easily transfer HTML or CSS code in various domains or
actions. While in some cases it can be seen that the size of the image cannot be change and it will
ultimately create a negative impact on the time which is needed for loading of the university.
While website does not provide freedom to large number of things like description and other
kind of contents which is generally provided on the website of national geography. Time of
development of website is considered to be much longer in comparison to normal websites.
Responsive website is mainly designed in such a way that it can easily provide solution as per
needs of the user. Responsive website design is considered to be well known evolution in the
domain of web designing. It mainly attracts web designers from various regions of the world so

4RESPONSIVE WEB DESIGN
that they can easily take brand challenge and after that coming up with new idea or logic. Along
with there are some kinds drawbacks of responsive web design like it can easily overcome by
providing additional stress on planning and designing based phase of the university.
Review of two person
Jourdan, 25 years old guy has reviewed the website the national geography and claimed
the fact its website is definitely not the best which is available in the market as it requires some
of improvisation in some of the zones or domains. He watches programs of national geography
on a daily basis on the daily basis but in some cases it is seen that website it not updated with
new programs on daily basis. Along with this the quality of video which is provided on the
website of national geography is not watchable of poor kind of video which is provided by
national geography.
Jinda who is 25 years old guy is an engineer by profession has reviewed the website of
national geography has come up with idea that it needs some amount of changes. He come with
idea that user interface of this website should be improved. The website should be designed in
such a way that it provides an easy navigation to large number of user.
Analysis of responsiveness of website
Fig: 1
1280x768 pixels view

5RESPONSIVE WEB DESIGN
Fig 2
480x640 pixels view
Fig 3
700x960 pixels view

6RESPONSIVE WEB DESIGN
Fig: 4
200x320 pixels view
Fig: 5
400x640 pixels

7RESPONSIVE WEB DESIGN
Advantages and disadvantages of Google device simulator
Google device simulator is mainly considered to be fast and it comes up with
environment of easy setup. It is mainly used for understanding the type or nature of application
which is made. The main goal of a simulator is to create a safe platform or environment for large
number of devices. It can be also used for checking the unknown behaviour of a website or
application. It is mainly used for understanding checking the function of a website, unless it is
required for testing device. The ultimate benefit of a simulator is that it is considered to be cheap
and in some of the cases it is found to be free of everything. In some situation it is observed that
it is not possible to have a device in short value of time then at that particular situation simulator
can be used for testing. Simulators can be easily defined as the easiest kind of client software
which mainly reduces time in comparison to some kind of real time devices which is generally
connected to a local based network in cloud database which has established a connection to a
locally based network or in the database of loud so it can easily provide fast kind of technique.
On simulator of google one can easily simulate various kinds of situation which is considered to
be very tough to be created on real based devices. Now in some cases it can be seen that an
individual want to use method or various kinds of techniques for running an application. If the
provided device is running on low charge, then it can be easily updated on any kind of simulator.
Performing testing on various google simulator is generally easy and simple as user just needs to
download the required software and after that he just need to follow some of the instruction’s.
After that whole thing is ready for testing. Various kinds of issues of capturing of screenshots
over the simulator which is provided is considered to be very much easy. A large number of
choices are available in terms of devices are available in the market and making of choice for
purchasing one can be considered to be very difficult. Simulators are mainly used for various
kinds of testing when different tester are sure of the fact that making of choice is considered to
be much difficult regarding which mobile they must invest.
In the cases in which is testing is performed on emulator or any kind of simulator then it
can easily result in creation of false expression for large number of users. With the help of
simulators various developers cannot test on the same kind of platform and network which is
provided by the user. In some cases, it can be easily noticed that even if the testing is considered
to be perfect then it cannot provide surety of the fact that various kinds of data is applied to
devices which are real in nature. After that the disadvantage of simulator which can be
encountered is the various kinds of hardware and software’s along with features which can be
used for supported devices. It can easily act like emulator in various platforms of operating
system. Various kinds of simulators are not designed in such a way for reflecting new kinds of
devices which is provided to large number of users in the market. Device simulator of chrome is
not at considered to be hard for checking the compatibility of hardware of requirement file.
Various outcome of simulator is considered to be very tough to check in comparison to data
which is available of data as it contains important kind of information. Simulators cannot be
easily used for simulating the colour of display of devices when it tends to operate in even in
sunlight or even in black. While emulators generally run as per the environment in which the
device operates. When compared to mobile emulators generally runs on PC based real headset
which claims to limited kind of resources. In general cases various kinds of simulators are
mainly connected to various mobile networks as it does not support any kind of interoperability
tests.

8RESPONSIVE WEB DESIGN
Similar tools for RWD of web pages
Beside Google simulators there are some other kind of simulator which are available in
the market like
 Gridset
 Adobe edge inspect
 Gumby 2
 Wirefy
 Adobe edge reflow
Adobe edge reflow: This is considered as one of the tool which is used for visual design of a
particular website. Reflow mechanism is mainly used for converting files of Photoshop into
HTML and CSS and thereafter adjustment is done by making use of breakpoint in the reflow
mechanism.
Gridset: Gridset can be easily defined as a platform which by web designers and various
developers which can be design of a prototype. It can be used for building responsive layouts in a
project. In this particular tool users round the globe can easily create the kind of grid which is
needed.
Wirefy: It is a well-known tool which is mainly used for design of website in a responsive way
and it can be only attained by having a proper idea or knowledge regarding CSS and HTML. It
can be easily defined as a collection of templates based on HTML and various kinds of snippet
which again works with idea that various kinds of browser can be used in large number of
devices.
Adobe Edge Inspect: This particular tool is mainly creating a platform where an individual can
easily provide overview or idea regarding presentation of corresponding websites which are
responsive in nature.
Gumby 2: Gumby 2 is a well-known platform which is used in web design of website in much
responsive way and it is mainly built with power of CSS pre-processors. It can be easily
downloaded and customized as per the needs or requirements of website. It can be easily defined
as a collection of tools, toggles and switches which are in relation with it.
Conclusion
The above discussion relates us to fact that this report is all about national geography
Australia. National geographic Australia is considered to be non-profit organization which is
much focused in exploring and providing protection of Earth. This organization gathers funding
from large number of bodies and people for conducting research and conservation of projects
which are present all-round the globe. The organization is also focused to inspire upcoming
generation by the help of initiative of education and various kinds of resources. In the report a
detail overview and description of national geography Australia has been provided. After that
main features of the websites has been given. An analysis has been done regarding positive and
negative side of the website has been done. After that two reviews has been gathered the website
of national geography. Then an analysis has been done regarding responsive of national
geography in various modes like 1280x768 pixels, medium pixel 480x640 and 700x960 pixels in
two modes of orientation that is landscape and portrait. After that a tiny display has been
provided in pixel that is 200x320, 400x640. Various benefits and drawbacks in relation to

9RESPONSIVE WEB DESIGN
website of national geography will be provided in detail. Five kinds of tools like google chrome
simulator are Gridset, Wirefy, adobe edge inspect, gumby2, adobe edge flow which has been
provided in details in the above pages of the report. In the end of the report a list of
recommendation has been provided for improving the user experience of the website.
Recommendation
There are many recommendations which can be given to website of National geography
like:
 Loading time of website of national geography can be easily improved so that the
user does not need to experience any kind of problem relating to it.
 Some kind of option should be given like admin of national geography can easily
make certain number of changes in relation to tittle and description along with
other matters in which changes can be easily made very easily.
 If some kind of pressure is provided in the planning and updating stage of national
university then negative aspects of the website can be easily overcome.
 Various pictures which are stretched cannot be resized as it provides a negative
kind of effect on the time which is required for loading.

10RESPONSIVE WEB DESIGN
References
de Serres, F. J., Blanco, I., & Fernández-Bustillo, E. (2016). PI S and PI Z alpha-1 antitrypsin
deficiency worldwide. A review of existing genetic epidemiological data. Monaldi
Archives for Chest Disease, 67(4).
Hardy, I. (2015). A logic of enumeration: The nature and effects of national literacy and
numeracy testing in Australia. Journal of Education Policy, 30(3), 335-362.
Hillier, L., Jones, T., Monagle, M., Overton, N., Gahan, L., Blackman, J., & Mitchell, A. (2015).
Writing themselves in 3: The third national study on the sexual health and wellbeing of
same sex attracted and gender questioning young people.
Masser, I. (2014). Governments and geographic information. CRC Press.
Sathkumara, H. D., Merritt, A. J., Corea, E. M., Krishnananthasivam, S., Natesan, M., Inglis, T.
J., & De Silva, A. D. (2018). Clinical, Bacteriologic, and Geographic Stratification of
Melioidosis Emerges from the Sri Lankan National Surveillance Program. The American
journal of tropical medicine and hygiene, 98(2), 607-615.
Wolf, I., Wohlfart, T., Brown, G., Lasa, A., & Torland, M. (2014). Monitoring and management
of mountain biking through public participation geographic information systems.
In Proceedings of the 7th international conference on monitoring and management of
visitors in recreational and protected areas (pp. 158-160).
Wright, A., Lovett, R., Roe, Y., & Richardson, A. (2017). Enhancing national data to align with
policy objectives: Aboriginal and Torres Strait Islander smoking prevalence at finer
geographic levels. Australian Health Review.
Wright, A., Lovett, R., Roe, Y., & Richardson, A. (2017). Enhancing national data to align with
policy objectives: Aboriginal and Torres Strait Islander smoking prevalence at finer
geographic levels. Australian Health Review.
Zhang, A., Moffat, K., Lacey, J., Wang, J., González, R., Uribe, K., ... & Dai, Y. (2015).
Understanding the social licence to operate of mining at the national scale: a comparative
study of Australia, China and Chile. Journal of Cleaner Production, 108, 1063-1072.