COIT20268 Responsive Web Design

Question:

You can select and perform an in-depth evaluation on the following website.Website: http://makezine.com/

You will need to submit a formal report detailing your critical review of the website.

The review should be performed within the context responsive web design (RWD), development principles, and other relevant areas.

The interactive aspects of the overall website and the design aspects related to responsiveness should be highlighted in the report.

You can support your critique by using appropriate RWD principles.

Your report should include the following:

(1) Provide a clear identification of the nominated website.

Provide a description and overview about the nominated website.

(2) Identify and define the major feature or features of the site.

(3) Identify the positive or negative aspects.

You should pay particular attention the interface’s interaction and usability.

Invite two additional people to review your nominated website.

All reviewers need to use the same settings on their devices.

These participants could be your classmates, family members, or friends.

The background information, such as:

Give the background information (e.g. gender, profession) for each participant.

What do their views differ from yours.

Please explain why.

(5) Provide a recommendation for improvement to the website based on your observations and critiques in points (1) through (4).

If it doesn’t need further improvement, you can explain why.

(6) With the exception of item (4) above, all assertions related to RWD designs principles (e.g.

statements such as “blue text with a red background is an unattractive combination”

(7) Write a comment about the tools (i.e.

Chrome device emulator) you used for the review.

Explain the pros and cons of using such a tool.

Find similar tools for reviewing and testing RWD web sites and make a brief comment.

(8) Additional figures and diagrams are possible if needed.

Answer to Question: COIT20268 Responsive Web Design

Introduction

Makezine.com can be used to publish several magazines that are related to innovation and projects. It is the most visited American website.

These magazines are mainly created by Maker media.

This site focuses on projects involving innovations in robotics and electronics.

This site provides an opportunity for individuals to build complex and simple projects. Additionally, it allows them to enjoy the joy of inventing (Hartman 2014.

These projects can require basic materials or products that are readily available around us. Household goods can also be used.

This website was created in 2005. Users can access it via various devices such as computers, tablets and mobile phones.

It also provided access to various forums and blogs via an HTML-based platform.

This website offers a variety of events for the public, including art, science, and crafts.

This report focuses on responsive web design (Schultz 2016).

Responsive design can be used to comprehend the layout of a website using different devices, including desktops and phones.

It is used to improve features like resolutions or display on any device.

This report reviews the website’s appearance and features. The responsive website design has been analyzed on the basis of various device simulators.

In this report are also discussed the benefits and drawbacks of these websites.

Overview of Makezine

When designing the website’s interface, it is clear that standards and objectives were carefully considered.

It also emphasizes the essential features and needs that users require.

The website’s layout and interface appeal to people from different parts of this world.

The websites also have a distinctive look and feel that creates brand value (Kloxin & bowman, 2013).

Makezine provides a platform for the creation of many objects that are based on engineering, science, and art.

This allows users to access the website from a variety devices including tablets, smartphones, computers, and laptops (Oplinger, 2014).

It is crucial to include features that allow users to access the site from different websites.

Because the website is accessed by multiple platforms and devices, responsive website analysis has taken this into account.

The website is accessible from all parts of the globe, and the applications can be accessed by people from different areas.

It is important that the website has a good navigation.

The navigation option on the smartphone is usually located at the top, while in computers it is in the desired place (Ignore 2012.)

The flexible grid helps distinguish this website in relation to its brand value (Perry. 2012).

This website helps ensure that the website’s interface is well managed. The highlighted information and content are clearly displayed.

In terms of the content, the interface is not cluttered.

Description

Makezine.com is an American online magazine that promotes new technologies.

The user interface of the system is very attractive.

These are the most common items that can be created using this website: 3D printer robotics (DPR), Dev boards, educational tools, and skill builders.

The main components of the projects include craft, science arts, drones and digital fabrication.

This website lists the main issues and provides guidance on how to implement the beginner’s kit and 3d printer.

These websites offer the newsletter, portfolio and setting camp (Ratto 2014).

One interesting aspect of this website is that the user can only collect general goods from our surroundings and houses.

The website’s primary features

Makezine is primarily focused on DIY.

It is clear that the website allows users to design many projects.

DIWO, which stands for Do It With Others, is the other feature.

This website focuses on technologies and innovative ideas that can be achieved using multiple electronics gadgets, computers and robots.

The system’s interface is appealing to users.

These are the most popular items that can be created using this website: 3D printer robotics (Dev boards), digital fabrication, and skill builders (Reas & Fry (2015).

The main components of the projects include craft, science arts, drones, digital fabrication, and a gift guide.

This website organizes all aspects of the system. They can also provide more information about how to implement the beginner’s kits and 3d printers.

These websites offer the newsletter and portfolio as well as setting camp.

One interesting aspect of this website is the fact that it only requires users to purchase goods and general goods that are easily accessible from our house and environment (Brown & Green 2016).

It will be evident that the website is popular in future cases because of the application of innovative ideas to the common folks and to give them the platform to make new technologies related to art and science.

Identification of both the positive and negative aspects of Makezine website

Makezine offers many benefits. These are covered in this section (Igoe, 2012).

The most important advantage to this website is the use of the responsive website utility. This basically allows the website run on multiple devices such as computers, mobiles and tablets.

This allows for consistency branding, easy maintenance, user experience, and optimized SEO. It also eliminates the need to have a mobile version.

A responsive site is one that can support multiple devices in order to display the information on the website’s responsive aspect (Morgan & Eve 2012.

Google is proud to offer the system a responsive web design. This is one of the key advantages.

Google website popularity can be a major advantage.

Since the website is accessible from multiple devices, updates are not required for these devices.

This means that the various systems do not require different updates. It also makes the system more compatible with different platforms.

The website’s flexibility allows it to be accessed from all software and platforms (Oplinger 2014).

The website also has the advantage of allowing for faster response times.

The website has some issues (Wong 2013).

The Makezine website provides a responsive website. There are some limitations.

The main disadvantage to making the responsive website is the slow loading speed.

The main problem with the system is the implementation of HTML/CSS to different domain types.

Sometimes, the images cannot be altered in terms size due to system issues.

It does not allow you to modify the content and data of the website.

Responsive websites aim to make the website accessible from all devices.

This causes the website to respond much slower (Brown & Green (2016)).

This made it necessary to put more emphasis on updating and planning the website.

Two users review the Makezine website

The website is reviewed by two people in this section.

These reviews are discussed below.

Mr. John William, age 30, is an engineer by training and he gave the website 4 stars.

The website provided a great service and features (Hurst & Kane 2013).

He commented on the website’s response and accessibility and stated that it was a very enjoyable experience to use the platform.

The website provides a platform to innovate new projects based on concepts related science and engineering. This is the biggest advantage.

The website’s design was pleasing to him, as it has very few ads. Also, the main page is well structured (Morgan & Eve 2012.

He stated that there were not many issues with the website’s responsiveness.

Ms. Erik Smith (35 years old) also used the site and rated it 5 stars.

The concept was also very appealing to her. It allows users to build and innovate many projects with normal materials and things that are easily found in the home.

She also stated that the website received a high enough response to be able to function throughout the entire time.

Moisio Arnould & Gentry, 2013 – She also commented that she liked the website’s overall design.

It was easier to create systems based upon science and art using the website.

She was also very happy with the website’s speed.

DIY is a Do It Yourself feature that she finds very useful.

This feature has made the project much easier for her.

Both the website’s users and the platform are very happy.

Both were very happy with how the website helped them to make a variety of projects that are based on science, technology, and art (Brown & Green (2016)).

A first user expressed concerns regarding the website’s speed in responding to requests for loading videos.

Analyse Of The Responsiveness Of Makezine Site

Chrome simulator will provide the following responses for different reolutions. Figure 1: 1280×768 pixels view

Figure 2 – 480×640 pixels

Figure 3: 700×960 pixels

Figure 4: 200×320 pixels

Figure 5: 400×640 pixels

Description of The Review Tool

There are many review tools that can be used to evaluate several websites. Each review tool will assess a specific aspect of the website.

The chrome simulator provides information about the website’s functionality, interface, and response.

It can also show whether the website will work on various devices and display systems that have different resolutions.

The chrome simulator, which is part of the review tool, can also be used to verify the website’s response in the event of multiple risk factors. (Andersson& Titov. 2014).

The chrome simulator was used here.

The Chrome Simulator’s Advantages

The chrome simulator is the best simulator for reviewing websites. It also responds very quickly.

It instantly creates a pleasant environment which is both comfortable and user-friendly (Beaver (2012)).

This simulator can also be used to verify a website.

The different features of a website allow you to understand multiple aspects of it.

Screen fly simulator has 27 views. These include tabs, desktops, and cell phone (Tanenbaum. 2013).

This simulator has approximately ninety options to change the view.

It has a simple, elegant and appealing interface.

Dimension tool kit has a great interface and many options for clients.

You can use Dimension simulator to give your users a very attractive interface.

It is considered to be the latest version.

The downsides of Chrome Simulator

Chrome device simulator does no take into consideration the requirements for any file.

Because of the incompatibility of data, simulation results can be very difficult to analyse (Ma & Tian (2014)).

Google chrome simulator is similar to some simulators, such as screen fly or dimension toolkit.

Other tools to review than Chrome Simulator

There are several simulators that fall under the GNU which is the general-public license and allows simulation techniques to be performed.

Facsimile software, Ascend, Facsimile software, GNU Octave software, and Freema among others are all used in simulations (Tanenbaum et.al. 2013).

These are also used to simulate websites in different resolutions.

Recommendations

Following the discussion, several issues emerged. To address those issues, there are some recommendations.

You can receive a quicker response from the website.

You can speed up the response by reducing the time it takes to load the videos.

For users to feel safe, it is important that the website be regularly updated.

Conclusion

We can conclude that Makezine offers a great platform to help users innovating various objects and projects that are based on science and engineering.

This site focuses on projects involving innovations in robotics or metal working.

This site provides a platform that allows users to make simple or complex projects. The website also encourages innovation and joy.

These projects can require relatively simple items or materials, which may be readily available in the community. Household goods can also be used.

In the website’s user reviews, both the benefits and the drawbacks are explained in detail.

Chrome simulator is used to evaluate the website’s performance on different resolutions.

It’s a fantastic platform which allows users to create new ideas.

References

Andersson G., and Titov N.

Internet-based interventions for common mental diseases: Advantages and limits

World Psychiatry, 13(1) pp.4-11.Beaver, T.D., 2012.

“By Skaters, For Skaters”: The DIY Ethos for the Roller Derby Revival.

Journal of Sport and Social Issues. 36(1).Beaver, T.D., 2012.

“By Skaters, For Skaters”: The DIY Ethos for the Roller Derby Revival.

Journal of Sport and Social Issues. 36(1).

Brown, A., and Green, T. 2016.

Virtual reality: Affordable tools and resources for the classroom. TechTrends, 60(5), pp.517-519.Hartman, K., 2014.

Make: Wearable electronics: Design, prototype and make your own garments.

Maker Media, Inc.

Hurst A. and Kane S. 2013, June.

Making accessibility accessible.

Proceedings of 12th International Conference on Interaction Design and Children. 635-638). ACM.Igoe, T., 2012.

T., 2012. Getting Started With RFID: Identify Physical Objects with Arduino. O’Reilly Media, Inc.”.Katterfeldt, E.S., 2014.

Maker culture, exploration support and digital tools for FabLabs.

FabLab, Of Machines Makers And Inventors, pp.139–147.Kloxin, C.J.

C.J. Kloxin.

The smart, reconfigurable, responsive network system Covalent adaptable Networks.

Chemical Society Reviews, 42 (17), pp.7161-7172.

Ma, X. & Tian, H. 2014

Stimuli-responsive supramolecular pomers in aqueous solutions.

Accounts in chemical research, 47(7): pp.1971-1981.Mallon, M., 2014. Maker Mania.

Public Services Quarterly 10, 2 pp. 115-124.Moisio, R., Arnould, E.J.

Gentry J.W., 2013.

Productive consumption and the class-mediated construction domestic masculinity. Do-It yourself (DIY), home improvement for men’s identity work.

Journal of Consumer Research. 40(2). pp.298 -316.

Morgan, C. & Eve, S. 2012

DIY and digital archaeology. What can you do to take part?

World Archaeology. 44(4). pp.521-537.

Oplinger J.L. Heiman M.A.M. Dickens M. Foster M.C.H.

Making and engineering – Understanding similarities and distinctions age, 24, p.1.Perry, B.W., 2012.

Perry, B.W. O’Reilly Media, Inc.”.

Ratto M. and Boler M. eds., 2014.

DIY citizenship. Critical making and social networking.

MIT Press.

Reas C. and Fry B. (2015).

Processing: A Practical Introduction to Making Interactive Graphics.

Maker Media, Inc.Schultz, K.D., 2016.

Low-cost microcontrollers enable phase-sensitive detection in undergraduate labs.

American Journal of Physics. 84(7). pp.557-561.

Tanenbaum J.G. Williams A.M. Desjardins A. Tanenbaum K.

Democratizing Technology: Joy, utility, and expressiveness of DIY and maker-practice technology.

Proceedings of SIGCHI Conference (pp. 2603-2612). ACM.Wong, K.K.K., 2013.

SmartPLS – Partial leastsquares structural equation modeling (PLSEM) techniques

Marketing Bulletin, 24(1) pp.1-32.