So in this section, I created the foundations for my dashboard. I started by exploring user flows and sitemaps to get an idea of how the dashboard would be used. Then I jumped into sketching on paper, allowing me to get the layout of the pages without looking into the finer details. After sketching, I moved to Figma for LoFis and HiFi screens. After the final screens were created, I started prototyping on Fogma and prototyping which I found hard enough to use. The mockup helped me visualise this in the real world, which I think is quite successful. Lastly, the user testing gave me a few different ideas for the accessibility of the window.
These are the Main Dashboard Screens for the layout and information hierarchy. I created a home page, plant health, home energy, water, and solar energy page, and a waste page for the main basis of the dashboard. We had to have twelve screens for this design, so for the rest of the designs, I wanted to create a Siri-like interaction, which I would remove AI from the home, as my research showed a Google search has lower carbon emissions, which is the screen below. I want to try and prototype this screen with a ProtoPie
Theses are my lo-fis where is was able to figure out the layout of the dashboards, i made it out of different rectangles i used some of the graphs and text to visualise whet it would look like ai didn't like the rectangles o the back of the information and i thought that it would block off most of the window and it is a transparent for a reason, so i think that i will remove the background of these designs. I think that using the lines to separate the data was very effective and made it more accessible than without the lines. I think that it was good for the window, but I am worried about the text and the elements outside, eg the light or dark, if it is gonna be distracting to the information. So I want to experiment with this on different windows.
This is my home screen, where users will be able to see condensed information on each smart home device they have in their eco home. The user will be able to click the button in the corner to ask it a question.
