Week 6: Competition layout

To educate students in the University of Hawaii about energy conservation we're creating a competition to encourage lower usage of electricity..

After starting on a new approach to creating content for our Kukui Cup Energy Dorm Competition, the members and I started making a second set of mockups for the second date in the timeline October 4th, 2010. That is the planned first day of the competition. Basically we create the pages and content that will be on the site in a mockup form. At this point we try to add as much content as makes sense.

My responsibility was for the energy data content on the site. In the previous week we had worked on the site on the day of September 9th 2010. Once I got some comments, I make some improvements for that. After that, I started on the energy data for October 4th.

I decided focus on a new approach to what the user would see. Most users who visit this page would probably want information to help them win the competition. I made some indications of their progress. I gave them knowledge of when they had their highs and lows of energy consumptioon and also if they had reduced their consumption. However, that is what I plan to show. Given that October 4th is the first day, the mockup isn't that great in showing reduction and more information.

I also made a different way of accessing the granular data for the charts. Charts are secondary at this point. I decided to focus less on the charts and more on data that the user might want to know instead. Basically I created a sort of directory selection for the user to choose. All the subselections for a particular week is hidden until the user clicks on the triangle button to traverse the directory. The dropdown boxes are then revealed after you click on the triangle. When you choose a hour or day option, you submit once again. At this point I think it seems kind of complex and may hinder usage. But it seemed like a good idea because it saved space.
Most of what I've done is toward creating all the possible views of this selection system. You can look at a detailed explanation at the project site. here

Week 5: Timeline

To educate students in the University of Hawaii about energy conservation we're creating a competition to encourage lower usage of electricity..

After our 1st milestone we were directed to begin setting a timeline mockup of the Kukui Cup dorm energy competition. Basically this week, we set out to make mockups of a specific time during the competition. In order to fully understand what we needed, we began mapping out these details for the competition site.

We are focusing on the week before the competition begins. The UH dorm energy issues site will contain material already before a competition starts. That is where we want to begin.

For my part I made mockups for one section of the site, energy data. This is a page that shows raw or contextualized data to a user. I plan on making several ways to display this data of energy consumption in order. What I've made so far is a chart for different time intervals and also a real time text display for 10 sec updates.

Our project milestone description:

http://code.google.com/p/uh-dorm-energy-competition/wiki/mockupMilestone2?ts=1266310825&updated=mockupMilestone2#energy_data

I have to admit that the selections aren't the best right now. I plan to add more functionality to the options. The hous selection is allowed to only choose a hour in the current day. And it's not quite clear for that either. I definitely need to make some changes to make the options more intuitive and explanatory.

In terms of the data I also want to look into other ways to show the user what the values mean and what it represents.

For this week we'll improve upon the mockups and then work on the mockups during the competition phase.

Week 4: Our first MileStone

The Kukui Cup Competition development is underway in its fourth week. To educate students in the University of Hawaii about energy conservation we're creating a competition to encourage lower usage of electricity..

This past week our group really came together and talked over what we wanted to accomplish. In the end we actually got something done. Our meeting on friday was really productive. So it started on tuesday when we presented our findings and then set out to work on our own set of tasks. I ended up making mockups to show how users could look at a chart to determine their energy usage over an interval of time and also through monetary costs. I spent much of the time before friday on the mockups and thinking about how to display rankings.
During the meeting on friday we talked over what to do next. Professor Johnson had suggested previously on an email that we show what we had and start to focus on getting together a final product. So that's what we did. It turned out to be the most productive we've been in this entire project! We discussed the fundamental requirements this energy issues website and what was really important. We managed to get it down to four main pages, the home page, contacts page, resources page, and the Kukui Cup Competition page.
Once we got that down we started plotting out what was needed on those pages. Basically we did a lot of planning for what was needed. Over the weekend we set out to creature the pages and content. These are the mockups and graphics that I made.

These three mockups demonstrate different time intervals that a user can sample to show energy consumption. Also notice the cost of electricity on the top right corner of the chart.




This is the content I made specifically for our home page. It is a ranking diagram for students in the two dorms Mokihana and Lokelani. Each floor is competing to win their own type of prize concurrently with the dorm competition.

Although these meters aren't probably going to be used, I'd like to show how we're trying to display data in different ways for the students.

I really liked this pie chart because of it's simplicity. It can show users how they are progressing compared to the previous weeks in a quick intuitive way.


This last mockup is the competition page I presented to my group in our meeting today. It contains data for large intervals and also real time data that covers usage within 10-20 seconds. Some parts of this will be in the final product.

I think the meetings are essential to our progress in this project. We need to talk more about what needs to be done and generate new ideas in order to continue to improve upon this project.

Dorm Energy Competition Design: week 3

For this project a set of well defined goals we do not have. It's been difficult trying to come up with ideas to work toward and I think that's one of our groups main challenges. Yet we've been able to come up with enough ideas to work toward and achieve a certain amount of progress. For instance I had an idea on thursday to use the data generated by WattDepot our software tool that outputs energy usage to provide more information to the users.
So that's what I did. I made mockups of how graphs would be represented depending on the length of time. So if you wanted to look at a week long graph of KW/HR then it will also calculate the total KW/HR used and then convert it to dollars. Hawaii is the state with the highest price of energy in the United States. If students are to become energy literate, learning about our high prices would be a good incentive to begin. Another thing I did with this was in listing the possible ways to show the KiloWatt Hour. If we can make more tangible relations to other values with the KiloWatt Hour, maybe students will get a better grasp of what it is. So I got ideas to convert the data to carbon output in tons, or the fuel used.
I've also started to work on making a ranking system for display purposes. I'm not exactly sure how to work it out yet. The important thing is to figure out a way to display the energy consumption per floor for the dorms and also show rankings for the floors for Kukui Nuts. This goes back to scoring and I think it's worth further investigating into.
A topic that Professor Johnson proposed was of a permanent site to host all energy matters for the dorms or campus. It would either have a link that to the Kukui competition or inactive part of the site that would take over during the competition schedule and then fall back afterwards. I thought it was a good idea so my teammate Anthony and I drew up a quick mockup to see what it would look like. It gave us a some thought into how to properly introduce our project. Because on the mockup, there is a reference to a video which gives our mission statement. It might be cool to just make a small clip to frame our objectives.
So I think there's a lot more to be done. I could work on the ranking display, creative more displays for the values, or explore more ideas on this permanent site. My primary focus is on the data.

These are the mockups I updated. They are labelled charts.

http://code.google.com/p/uh-dorm-energy-competition/source/browse/#svn/mockups/TeamGreenSmart

This is for the permanent page.

http://code.google.com/p/uh-dorm-energy-competition/source/browse/#svn/mockups/freshmanDormEnergyIssue