COIT 20268 – Responsive Web Design

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

COIT 20268 – RESPONSIVE WEB DESIGN1
Table of Contents
Section 1: Introduction........................................................................................................2
Section 2: Discussion...........................................................................................................2
Section 2.1: RWD Principles...........................................................................................2
Section 2.2: Selected 5 devices........................................................................................3
Section 2.3: Details of the Nominated Website...............................................................5
Section 2.4: Characteristics of Nominated Website........................................................6
Section 2.5: Pros and Cons of the Nominated Website...................................................6
Section 2.6: Review and Comments from two participants............................................7
Section 2.7: Simulation Software Tool............................................................................7
Pros and Cons of simulation tool in review of RWD web pages................................8
Comment on similar tools available and review of RWD web pages.........................8
Recommendation...............................................................................................................10
Conclusion.........................................................................................................................10
References..........................................................................................................................11

COIT 20268 – RESPONSIVE WEB DESIGN2
Section 1: Introduction
The following report is evaluating nominated website of (MCA) Museum of
Contemporary Arts Australia. This particular nominated website has been reviewed by making
use of Google Chrome device simulator. MCA stands for Museum of Contemporary Arts
Australia is considered to be as one of the leading museum focused on exhibiting and collecting
contemporary Arts. The museum focus on collecting arts from various location of Australia and
global platform. MCA aims to highlight an engaging program for exhibition which is related to
the special events. It is from the major thematic and survey of artist, work by a new artist,
exhibition by solo artists. Also, it focuses on painting and sculpture to new media. MCA program
focuses on range and diversity for most of the contemporary arts (Hussain and Mkpojiogu 2015).
The museum is located on circular Quay which is known to be edge of Sydney harbour. MCA is
completely housed in the maritime service building which is the most suitable example of Art
Deco Architecture. MCA store is considered to be as one unique shopping destination in
Australia. It merely focuses on contemporary art and culture public and unique arts. MCA aims
to offer latest Australian cuisine and spectacular view of complete Sydney Harbor. The museum
actively focuses on encouraging its team members to collaborate and work as a team. The
museum promotes the concept of diverse perspective and idea from other section.
The report mainly focuses on providing a description of nominated website of museum of
contemporary arts Australia (MCA). An identification has been given concerning the main
features of MCA website. The next parts deal with pros and cons aspect of this MCA website. A
proper review and comment has been collected from two participants of this website. The last
part of this report focus on list of recommendation for this website.
Section 2: Discussion
Section 2.1: RWD Principles
Responsive design can be defined as the method of building a certain number of web
properties. It is mainly done so that devices can be used for analyzing the method in which the
site will be displayed. It is generally done by making use of principle of mobile-first where
experience is completely stated on mobile platform (Huang and Guo 2016). It is mainly scaled
up like smartphone and tablets which is scaled to some large screen. There is need for
understanding this approach as more and more people are accessing the mobile web. The access
of smartphone to the internet platform is much greater in comparison to traditional computers.
Responsive or Flexible Template: Responsive can be defined as the method in which a
particular web property can be developed. This is mainly done so that the devices are being used
for determining the method in which website will be displayed. It is considered to be great
solution for the multi-screen issue (Nogueira et al. 2017). On the contrary, it is difficult to get it
from the perspective of printing. There are mainly three principles for RDW that is fluid grid
system, fluid image use and media quarries. The website of MCA is completely responsive in
nature so that user can easily analyze it on range of platforms.
Responsive Image: Most of the mobile user have short span of time. Mobile user hates
the website which take aims to take long time that is more than three seconds for loading. The
site of MCA has been designed in such a way that it takes minimum time for navigation on range

COIT 20268 – RESPONSIVE WEB DESIGN3
of devices (Feng, Suo and Luo 2015). The website of MCA makes use of latest technology like
catching and the responsive images are displayed for improving the loading time of the website.
Responsive Navigation: MCA website is completely responsive in nature which is
optimized for providing much better user experience to most of the visitors. It takes up minimum
time for sticking around for different areas and exploring various section.
Consistency: Consistency is defined as one golden rule which is followed for website
design. This is mainly used for providing quality experience to most of the user. Consistency is
considered to be an important factor which is needed for design and content of website (Turan
and ŞAHİN 2017). Consistency is one of the biggest factor which distinguishes in between
negative experience and positive experience.
Section 2.2: Selected 5 devices
Fig 1: Generic Notebook or Desktop with great display 1280 * 768 pixels
(Source: Anon 2019)