Makezine.com: A Site Evaluation Based on the Responsive Web Design Principle

Running head: RESPONSIVE WEB DESIGN
Responsive Web design
Name of the Student
Name of the University
Authors note

RESPONSIVE WEB DESIGN1
Executive Summary
The following report consist about the testing of the Site makezine.com from the perspective
of the responsive web designing principle. In addition to that, evaluation of the site, the
positive and negative aspects relevance with the different RWD principles are also discussed
in the different sections of this report.

RESPONSIVE WEB DESIGN2
Table of Contents
Introduction................................................................................................................................3
Review and Evaluation..............................................................................................................3
Overview and description..........................................................................................3
Identification of the main features of the Site............................................................3
Positive aspects..........................................................................................................3
Negative aspects.........................................................................................................3
Screenshots.................................................................................................................................4
Reviews and comments from two other participants.................................................7
Recommendation to be made to the site....................................................................7
Relevance to principles of RWD................................................................................................8
RWD principles..........................................................................................................8
Relevance with the principles....................................................................................9
Simulation tools used for the review..........................................................................................9
Advantages and disadvantages of simulation tool used.............................................9
Advantages.............................................................................................................9
Disadvantages........................................................................................................9
Similar tools available for testing............................................................................10
Conclusion................................................................................................................................11
References................................................................................................................................12

RESPONSIVE WEB DESIGN3
Introduction
With the increasing number of mobile devices with variable screen sizes are used and
adopted by the users throughout the world, the need for the responsive web design is also
becomes more important for the designers. This becomes more important as without the
responsive design the websites does not provide a consistent view on the different devices the
users are trying to open it. Presently the sites are developed with the responsive layout by
keeping in mind the small resolution of 320 pixels to the larger resolutions like, devices with
120 pixels.
The following report contributes to the review and explanations about the different
features of a given site makezine.com, positive and negative aspects of the provided site from
the perspective of the users and numerous recommendations that can help in improving the
experience of the users when they interact with the given site. In addition to that the tools
used for the testing are also discussed in the different sections of the report along with the
advantages and disadvantages of the tool. Moreover, other available tools to test websites are
also discussed in this report.
Review and Evaluation
Overview and description
The makezine.com is a digital magazine that publishes articles on DIY or DIWO
project related to the computer, woodcraft, metal works as well as electronics and robotics.
The pages of the site are using the responsive web designing methodology. This
helps the user to see the site in a consistent layout on the different devices with varying
screen size.
Identification of the main features of the Site
The given website is served with GZIP encoding to the users that helps in the
reduction in the loading time for the webpages of the website.
In addition to that, all the pages are also optimised for mobile viewing as majority of
the users are using mobile or smart phone devices in order to access the site. For this
optimization the pages are developed using the media specific CSS.
The use of the media specific CSS enables the browsers on the smartphones or other
similar devices to detect the screen size and optimize the pages as per the size as well as in
efficiently rendering the navigation controls, images and texts.
This site also follows the standard practice of using a permanent URL HTTP 301
redirecting process in the different URLs of the different pages that are with/without trailing
slashes.
Positive aspects
Use of the Media Specific CSS: All the pages in the sites are developed and
delivered to the users with the media specific CSS for consistent view regardless of the
screen size of the screen of the devices (Voutilainen, Salonen and Mikkonen 2015). Thus
leads to the better users experience whether the access the site through a work station or a
smart phone device.
Efficient use of the Web page Titles: All the web pages of the given site efficiently
uses page titles. These page titles appears on the top of the search results for a search engine