Kid-Friendly : A Responsive Web Framework

No matter which era we are living in, a child’s education must be prioritized. The speed of mobile devices produced in this current day is extremely fast-paced, therefore forcing mobile manufacturers to produce multiple devices with different shapes and sizes to stand out among their competitors. That is why it is harder to develop applications and websites that can accommodate all types of devices in the market that have different resolutions and sizes. This is where responsive design comes in for developers. This project aims to provide a responsive and children-friendly web framework to lighten the burden of educational web developers. Children-friendly elements are proposed and added to the framework for testing and the results of the finding will be analyzed in the result and discussion chapter. The final conclusion will then be made in the last chapter. – Juanna Beh Jen Ann

The problem nowadays is the hardware design for mobile phones are not made in a kid-oriented way and the content in the most educational site for kids are not fully responsive. That is why this research is being carried out to produce a kid’s friendly framework to help make development for a kid’s websites easier and more interesting in the eye of a kid.

The objectives of this project were successfully achieved. The investigation and comparison of the existing responsive kid-friendly website were carried out. The development of a responsive kid-friendly framework was also produced. Last but not least, the effectiveness of the proposed framework was also tested. Positive feedback on the KidsStyle framework was recorded during both white boxes as well as black box testing.

The main kid-friendly elements added in this framework are the kid-safe area, attractive buttons, animation, and font suggestions. Additional colours and shapes that kids prefer were also recorded in this report. There are still a lot more kid’s friendly elements which are useful for kids but only a small scope of elements are included in this framework. An upgrade and continuity of this research are much needed.

Although this framework cannot stand alone and only comes with specific button colours, shapes and backgrounds, developers have the freedom to modify any of the content according to their needs and requirements. Bootstrap was used as the base of this framework, but developers still have the power to implement or merge the KidsStyle framework with other templates or frameworks available.
This project will contribute to the body of knowledge for proper layout for children’s education websites.