Flying Hobbies - Shop Information Website

Design and develop a website to provide information to customers who wants to visit the shop. The goal is to allow customers to obtain an overview of the shop layout and to find details of items available from the shop. The website is not an online shopping site. The website’s main goal is to provide information to customers who want to
visit the shop in person. 
 

The report gives the data of recently created site Flying Hobbies and the motivation behind making this site is to make the better promotion which is low fidelity model that give general in an arrangement of the shop.

The Key purpose behind this undertaking is to build up the site to format the data for the clients and to examine the site by taking the clients criticisms. Those criticisms are utilized as a part of the improvement of the site. It will depict the idea, thoughts of an interface. Similarly, it provides the wide data about the recently made site. Set of inquiries is made and asked various clients. After than all the site is examined and a few proposals made for the change of site. 

The main objectives are:

• Create a website for Flying Hobbies
• Provide the store details, opening and closing time of the shop.  
• Provide the details of flying toys.
• Collect the user feedback from the website

The designed high fidelity prototype website for the Flying Hobbies completely adheres to the interface design principle. To provide some examples, it can be seen that all the pages of the website are similar to each other; that is the web pages are consistent following one of the eight golden rules of the interface design principle. Besides, the copyright details and notice is attached in the bellow of the web pages.

This website has total three different product pages. One is the quad copter, second is kites, and third is Toy Planes. To design a good website, navigation system should be perfect. In home page basic information such as opening hours, entrance, exit, etc. are given. On the other hand, in other pages, different types of products are given like in Lego Technic page, the product of Lego Company can be found.

The flying hobbies website provide the information about their flying products those are sell by the current physical shop. This website contains product information such as product name and description, and shop time. This website is developed to attract more users all around the world. People those are visiting shop regularly they can get new product information from the shop. Moreover, this website will attract more users those have flying hobbies and those are interested in flying toys, drones and kites. All aged peoples are interested in flying people. This website is accessible from everywhere of the world. Therefore, language is a major challenge in here. We used standard English language for website content. The main potential users are young generations and children those are mainly interested in drones, kites and flying toys. The users can be divided in many different groups. One type of group is color blind and another type of mobile and tablet users, another type of users are normal users.

Objectives

Task perform by the users

1. Open the webpage
2. Identify the special collection introduced in Flying Hobbies Homepage
3. Visit the toys, drone, and kites Collection
4. Brows the information
5. Go back to the homepage
6. Give some feedback
7. Close the website

The system must be design in adhere to the users. These website has many different type of users. Few users have color vision problem; few users are using different type of devices like smart phone or tablet. Therefore, the website must be design by maintaining this thing. After user analysis and task perform by the user, it is found that the website must be user specific to attract the users. Home page must display some items to create interest to the users. The website must be supported in different type of screen resolution. Because different type of users use different type of devices and color of the website must be visible to all type of users. Because many users have color problem. Therefore, white background will be suitable for all type of users.

It can be seen that there has been the use of color in an appropriate way that blends well and the texts are easier to read. Any confusing navigation layout might annoy the user and would not want to come further to surf the website. The content of the website should not be played with in a way that might confuse the user who is surfing the website. It is imperative to make the web pages simple yet descriptive and reflective, professional and most importantly there should not be any such components that the user cannot understand or take some time to understand.

Three different users are selected for the User Acceptance test. These users come from three separate age group and three various fields. For each user or visitor, three different walkthrough scenario is assign. The details about the users and the walkthrough is discussed below:

User 1 (moderate knowledge about the different type of website)
Name: Age: Sex: Occupation: Relationship:	Michel Owen 32 Male Teacher Relative
User 2 (She used different type of website for online shopping purpose)
Name: Age: Sex: Occupation: Relationship:	Crish Morish 28 Male Sports Man Friend
User 3 (limited knowledge in web design and good knowledge about using different type of website)
Name: Age: Sex: Occupation: Relationship:	Natali 23 Female Student Friend

Three different type of scenarios is used for the walkthrough for three different users. They were asked to sort out their respective scenario and share their experience. After getting their feedback, the website has been rated regarding ‘Great', ‘Good', ‘Average', ‘Fair', ‘Poor'. The ratings have been provided in the form of the table. The three different scenarios have been described below:

Walkthrough Scenario to the Users:-

• Scenario 1 has been assigned to the User 1: Michel Owen
• Scenario 2 has been assigned to the User 2: Crish Morish
• Scenario 3 has been assigned to the User 3: Natali

Scenario One

8. Open the webpage
9. Identify the special collection introduced in Flying Hobbies Homepage
10. Visit the toys Collection
11. Go back to the homepage
12. Check out the Time
13. Give some feedback
14. Close the website

Scenario Two

1. Open the web page
2. Identify the special collection introduced in Flying Hobbies Homepage
3. Name the Kites collection
4. Go to the collection page
5. Go back to the homepage
6. Check out the Time
7. Give some feedback
8. Close the website

Scenario Three

1. Open the web page
2. Identify the special collection introduced in Flying Hobbies Homepage
3. Name first two toys of the collections
4. Go back to the homepage
5. Check out the Time
6. Give some feedback
7. Close the website

User’s Experience

User 1: Sandy Sam à "Oh my! The website looks attractive and fun. You did a good job. Ok as per the scenario is given to me, it did not take any time to find the Toy Planes Collection as it was clearly highlighted to me in the Toy Planes Page. Had there was the name of the Toy Planes collection in the scenario, it would have been a tad easier (Chuckles).”

Content

Rating (1-10) à 8

Time Taken à 58 Seconds 

User 2: Alina Pageà “When I first heard that the website is about the falying toys, I thought that the website would be far-reaching kind and difficult to use. But after I opened the site and after surfing it as per the scenario, I was totally wrong. I liked the new way of navigating the web pages through the map. It was exciting, and I was surprised to see that particular feature."

Rating (1 - 10) à 9

Time Taken à 1 min 

Screenshot: Kites PageUser 3: Ricky Austin à "I am not fond of using the websites. I do not do it frequently as I am not comfortable using the computer devices. But now I think I should start using it. It is not that difficult at least not in your case. The scenarios seemed a bit confusing to me, but after I had saved the website, I can identify the Quad Copters at once as it was clearly written at the top of the page.”  

Screenshot: Quad Copters Page

All the visitors were also asked to check out a simple feedback form. The feedback form here rates the website features by ‘Great', ‘Good', ‘Average', ‘Fair' and ‘Poor' which is presented below:

 à Sandy Sam

 à Alina Page

à Ricky Austin

Website Features	Great	Good	Average	Fair	Poor	Opinion
Web pages						It could have been made more advanced and descriptive.
Page link						The links are working as it is supposed to.
Map						It could have been clearer
Interface Design						It is good, but there is always a possibility to make it better.
Comfortability						It is easy and fun to use. The surfing is not complicated.
Image surfing						The images are in the correct places and are easy to navigate. It is an excellent piece of work
Page Description						The page area could have been more descriptive; a tad more explanatory.
Comment Area						It is simple and not so fun to do. It would have been better if made fun.
Special Collection						It is highlighted and easy to navigate
Overall						The website is good, but it can always be made better.

The high fidelity prototype is the just the improvised extension of the low fidelity prototype made before. The low fidelity prototype did not have any connection to other subpages though provided with navigational links. This problem has been sorted out in the improvised prototype. The subpage like Quad Copters page, Lego Technic page, Toy Planes page and furthermore have been made more attractive and simpler to use. The users can also navigate to different pages of the website with the help of the map provided on the home page of the site.

Some Recommendations are given bellow to improve this site.

• The site should be more alluring that will make the client visit once more.  
• Picture are should be in little size so that space can be overseen and more data can be included.  
• Web pages should be more composed
• To show item or elements of shops video should be given. 

Conclusion

This report predominantly focuses on the site improvement of Flying Hobbies, which is the very constancy model. As it is the second stage, so it has not tailed all the fundamental and general rule of the HCI. Client and undertaking investigation is done; the distinctive audit of the different client is taken. Finally, with a specific end goal to make a site more successful and sorted out a few proposals are made. In general, it would be sufficiently reasonable to say that the site is giving the great early introduction to the guests. It is providing all the right information to the guests. The site is easy to navigate but difficult to explore; connections are clarified, and the pictures are shown in an appealing way.   

Capp, B., 201. Learn HTML: A refreshingly fun way to learn the foundations of HTML.

Chu, V., 2013. A summary page layout on topics of HTML and CSS. Journal of Computing Sciences in Colleges, 28(5), pp.75-76.

Cooper, N., 2014. Build Your Own Website: A Comic Guide to HTML, CSS, and WordPress. No Starch Press.

Johnson, T. and Seeling, P., 2014. Desktop and mobile web page comparison: Characteristics, trends, and implications. Communications Magazine, IEEE, 52(9), pp.144-151.

Larsen, R., 2013. Beginning HTML and CSS. Wrox Press Ltd..

McDonald, S., 2014. Assess the impact of an introduction to HTML coding on adult learners for a wider choice of options for further academic study or direct employment: a case study.

Park, T.H., Saxena, A., Jagannath, S., Wiedenbeck, S. and Forte, A., 2013, August. Towards a taxonomy of errors in HTML and CSS. In Proceedings of the ninth annual international ACM conference on International computing education research (pp. 75-82). ACM.