After testing the previous iterations screens with two participants, I found that the user didn’t think the temperature was relevant to the topic of electricity usage. They voiced that they would rather see total electricity usage by month on a separate graph. At this point, I decided to pivot and change the graph to display total electricity usage by month.
I also started refining the final screens and user flow. For example, reducing the size of the category titles, pushing the pentagon form rightward, and also pushing the month key up to line up with the “Other” and “Appliances” titles.
With the circles, I experimented with putting different variables as different rings. In one of the ideas, I graphed the total electricity usage of each month in the center ring, months of the year in the middle ring, and the average temperature of each month in the outer ring.
Another idea I explored was using electrical wires to represent each month and splitting the wire into different colors to represent each category of electricity consumption.
I also explored conveying the data in a linear form stacked on top of each other, and having the size of the circles represent the amount of electricity usage for each month. I also tried displaying the data in a more traditional x & y-axis graph.
I explored using electrical wires to represent the different categories of electricity usage by month. In this version, I used color to define the category and length to display total electricity usage of each month. In the second person, I explored using each point of a pentagon to represent the category and color to represent the months. I also added in a temperature indicator on this screen to represent the average temperature of that particular month.
I decided to add descriptions and tips to reduce usage for each category as a way to further allow users to critically think about their electricity consumption behaviors. I also edited the temperature graph so that the bars are side by side to compare the average temperature across all months. I also started thinking about micro-interactions such as the description for each category that will display when the user presses on the category. Moreover, what might happen when users hover or press on each temperature bar for each month?