Mariya Khan
Instructional Designer & Educator
"Under the Hood" Hand-Coded
Web Page
Click on the image to the right to access screenshots of the hand-coded Web Page in a PDF presentation format. This demonstrates the development of the Web Page over time.
Zip file available upon request.
​
Objectives Met -
Principle #1: Apply foundational knowledge and skills to the collaborative design and use of content, pedagogy and instructional technologies.
Principle #2: Create conditions for learning by applying theories (eg. learning theories, curriculum theory and communications theories) to authentic scenarios involving diverse populations.
Principle #3: Use modern technologies, and techniques (eg. collaborative teamwork and rapid prototyping) to design and develop learning materials, media and environments that promote near and far transfer of content knowledge.
Principle #5: Use quantitative and qualitative methods of inquiry to make data-driven decisions that inform practice in the discipline.
Principle #7: Engage in and reflect upon one’s own professional development, dispositions and growth in the discipline.
​
Description -
Students immerse themselves in the task of becoming a web designer by using HTML5, CSS, and/or JavaScript to create a website, specifically designed for an intended audience. The Web Page requires the designer to increase opportunities for frequent user interaction to enhance the User Experience (UX). Students create a storyboard, administer usability tests, refine the web page according to results, and report results of the effectiveness of the User Experience. This is completed while actively collaborating and reflecting upon Web Page interactions with peers.
While creating this Web Page, it was critical to analyze how various accessibility options impact how diverse individuals interact with web-based features. The objective of my project was to provide a functional Web Page that allows users to easily access additional support and interact with content for Heating and Air Conditioning components that may otherwise cause confusion to the general public (Objective 1 & 3). Examples of these design features include, but is not limited to, use of color, page layout, the role of white space, necessary content, content placement, audio/visual enhancement options, etc. (Objective 2). In order to incorporate all of these aspects effectively, it was necessary to first create a prototype of the page (Objective 1 & 3).
In an attempt to understand how users interact with the created product, proper usability testing protocol was administered. The results allowed me to reflect upon, improve, and refine the product. After administering Usability Testing protocol, I was able to refine my product by increasing content accessibility, designing increased options for users using advanced coding options (self-taught), and incorporating effective use of visuals for increased content flow, content chunking, and customer satisfaction. As a result, the audience was able to more effectively comprehend and process the provided information in order to troubleshoot his/her HVAC system (Objective 5 and 7).