Communication

Health and Wellness: Sketches and Mock Ups

So our group decided to go with the shopping idea. Instead of having the user tote a list around, the list would be generated and remembered through a USB keychain. This keychain would be able to store, transact and record information the person’s consumption and purchasing habits. As a result, we can solicit their information in a rich manner using visual feedback and data trending. We believe that seeing the differences between choices is useful information.

We worked through some storylines to help make sense of our screens and find any gaps in information. We quickly discovered a lot of complexities with the information we were working with. List creation, inventory browsing and product comparison were all important elements that we need to incorporate, but were difficult to organize. We drew up on the whiteboard a lot of different layouts and screen interactions and came up with some UI elements we felt would be interesting to test in front of users. We came up with sliders to create the boundaries the user was willing to shop in and have the products fade in and out highlighting those that met the parameters. More information would be disclosed as few items were highlighted and given more pritority in screen real estate on screen.

Jumping forward in time..

Another challenge was integration with the physical device we were using: the keychain. How would this device be synced?, when and what does the interaction look like in store? This was something I personally enjoyed because the keychain afforded the event of having lighted shelves give immediate feedback on what the person can choose as a better alternative. However, looking at it now today, it just makes our system far too complex given our time constraints, and lack of testing. So we dropped the whole idea. No keychain. No lighted shelves. Sad story. My baby died, but at least we are making it easier for our user.

Instead of using a separate device and reinventing the wheel, we are going to adopt the usage of club or membership cards currently used by these stores that track transactions. This is practically the same data we want to record and report progress for our shopper.

We’ve presented our first round of prototyping to our class and also three guests from Microsoft (one MSR researcher, two MS product designers). We received some constructive feedback. Reiterating what I’ve stated above, we need to drop a few items. In addition, we have changed our model of being store independent to making a shopping application for Whole Foods. In order to show the success of comparison shopping and informing the benefits of better choices, we need to focus more specifically on a scenario our audience is familiar with. We needed to give them an example they can visualize and predict, like a story. We have our problem, a protagonist, but we needed a setting. Whole Foods will be our new playground from which our design will build upon.

Another bit of feedback that we were already concerned with going into the presentation was our usage of color to inform quality. The colors derived from the initial idea of using lighted shelves to show what choices would be better, same or worse than the shopper’s current boundaries. We had difficulty translating this into the entirety of the system. So we dropped it. It didn’t inform how much a product is better than others or even an absolute value of it’s quality in general. Time to hit the information design books for some inspiration.

We are now left with 2 weeks left to prototype another iteration, make it fairly polished and prepare our material illustrating our process. I have to admit, we have been doing a poor job of documentation. I’ve used this blog as an informal method of capturing some important events. Even then, I haven’t made that many updates. It’s a shame. This week will be dedicated to design and partial documentation - at least organizing how our process should be laid out. I will do my best to update next week on our progress and provide links to past prototypes/sketches/deliverables.

Here are some more at work photos:

Past entries:
Ambiguous Beginnings
Research and Analysis
Concepts and Design