We were asked to implement our user interactive into a hypothetical website about toast and demonstrate the interactions the user would have within the site demonstrated by change between two images. We had to create a wireframe of the site and then refine it from there.
The Instructions page will act as the home page/landing page as it serves as the main purpose of the site. The other tabs that branch off from this are all extras that might need to be addressed separately on their own page such as the safety aspects behind making toast or if you’re unsure of what cooked toast looks like (is it cooked?).
The layout of pages within the website
Interface sketch
For my interface sketch, I have chosen to have my interface within the “Safety” page as it’s based on the safety protocols enacted when making toast.
During Week one’s studio session, we were tasked with creating a detailed step by step instructional process on how to make toast and to then map out a flowchart based on these steps. We did this to grasp the concept of Interactive design and how the interactions work and the context behind them.