Responsive Web Design

Background

Flying Hobbies, a sole proprietor, have contracted you to develop a website for their business. The website is to provide a business presence to inform interested customers the physical store layout and what items are available. It is not an online store. You have been provided with the following initial and technical specifications.

Memo: Website Requirements

From: Flying Hobbies, Senior Management To : WIMP Engineering R&D Consultants

Specification
Design and develop a website. The idea is to provide information to customers interested in visiting the store. The goal is to allow visitors to obtain an overview of the store layout and to find details of items they are interested in.

Resources
Resources such as images and details of opening hours can be found in
Resource.ZIP. The content of the ZIP file is:

1. Three folders named Kites, Quad Copters, and Toy Planes. Each folder contains images relating to the different types of item indicated by the name of its folder.

2. A text file - Item_List.txt contains the names of the items corresponding to each of the image from each folder. You need to use these names as the formal description of the items on your web site.

3. A textfile - Business_Hours.txt containing the time-table of
opening hours.

4. Logo.png - image of the business logo.

5. Floor_Plan.jpg - floor layout of the store.

General Requirements
The managers of Flying Hobbies insist that the following requirements must be adhered to:

1. Each webpage of the website must display the Flying Hobbies logo.

2. Do not change the description of the items. Do not rename the filenames of any of the images.

3. All images of each item must be presented to the visitor. This can be done within one webpage or distributed across several web pages. The idea is to ensure that visitors are made aware of the complete selection of items available for them to visit.

4. The images are to be used as it is. You can resize the images retaining the original aspect ratio, but do not crop or edit (e.g. recolour, touch up, sharpen, etc.) or rename the images in any way.

5. Generate a separate page providing the business hours. The details are found in the Business_Hours.txt file.

6. Text description for each item is not provided. You can provide your own ‘dummy' text (i.e. lorem ipsum) to demonstrate the functionality of your web page design.

Main Task

Select and undertake an in-depth evaluation of the following website:

Website: http://www.gumtree.com.au/

Upon the completion of the task, you are to provide a formal report documenting your critical evaluation of the website. The review is to be carried out within the context of responsive web design (RWD) and development principles. The report should draw particular attention to the interactive aspects and design aspects relating to responsiveness of the overall website. Support your critique with appropriate RWD principles.

What to Review

The purpose of the report is to provide a critical evaluation of the nominated website and to support your observations and comments convincingly. The nominated website should be reviewed using Google Chrome's device simulator. For the purpose and intention of this assessment, use only the device simulator for your reviews. This is to ensure that all students have access to consistent and identical review tools.

Your review of the nominated website must be thorough and sufficiently comprehensive to include 5 different screen displays. The recommended settings are as follows. Students are free to select the different simulated device (in the Chrome device simulator) they would like to use for the reviews.

(1) Large Display
Generic notebook or desktop with display greater than 1280x768 pixels.

(2) Medium Display
Any mobile device with display approximately 480x640 to 700x960 pixels, in both landscape and portrait orientation.

(3) Tiny display
Any mobile device with display approximately 200x320 to 400x640 pixels, in both landscape and portrait orientation.

What to Include

Your report should include:

(1) Clearly identify the nominated website. Provide an overview and description of the nominated website.

(2) Identify and elaborate the main feature or features of the website.

(3) Identify the positive and negative aspects of the website. Draw particular attention to the interaction and usability aspects of the interface.

(4) Invite two other persons to review the nominated website. All reviewers should use identical device settings. These participants can be your friends, family members or classmates etc. Provide the background (i.e. age, gender, profession) of the participants. Do their views differ from yours'? State why or why not.

(5) Based upon your critique and observation in items (1) to (4) of the above, provide a recommendation on how the website should be improved. Conversely, if it does not require further improvement, then provide the reason why that this is the case.

(6) Except for item (4) of the above, all assertions relating to RWD design principles (e.g. statements like ‘blue text on red background is a poor colour combination' ) must be supported by references or critical observation. You can cite additional scholarly references other than the textbook. (Note: Do not use Wikipedia as a source of reference).

(7) Comment on the tools (i.e. Chrome device simulator) you used for the review. Elaborate on the advantages and disadvantages of such a tool. Search and briefly comment on similar tools available for testing and reviewing RWD web pages.

(8) Figures or diagrams can be added as needed.

Attachment:- Assignment.rar