Original designs

Updates Storyboards

Original storyboards

Here are the very original storyboards from a couple weeks ago. I forgot to post them up here.

Moodboards

Screen wireframes

Of the three different interface ideas, I settled on the wristband idea. These are wireframe screens of this interface.

Functionality

For each of the 3 scenarios/interfaces I chose to continue with, I am asking these questions.-How might it serve its purpose in a range of contexts based on your stories?-How might it facilitate person-to-person, person-to-thing, or person-to place interactions?-How might it bridge the gap between digital and physical interactions?


Science camp scenario

-Would serve multiple purposes: Chastity would be able to pursue one of her largest interests, the interface would allow her to meet people beforehand and help her be more at ease while making new friends at the camp, it would be an involvement opportunity which would satisfy one of Kristen’s concerns for her daughter, and it would give her momentum to work towards her big “life goals” which is another of Kristen’s concerns.

-It would facilitate interactions with people by allowing her to get to know other students ahead of time, helping her to be more at ease when she meets them at the camp. It would facilitate person-to-thing interactions by allowing her to take home whatever she was able to accomplish at the camp, which would give her a stronger bond with her goal to be an inventor. It facilitates person-to-place interaction by helping her see that there are safe environments for making friends.

-It would bridge the gap to human interaction by setting the stage for the interaction. She would get to meet people beforehand and then get to interact with them in person on a more comfortable level, feeling like she already has a connection with them because of the interface.



Playground scenario

-It would serve the purpose of giving Chastity more opportunities for interaction in a comfortable environment, with people she already knows.

-It would facilitate person interaction by setting the goals for Chastity to invite a friend to play with her in order to complete the goal and finish the “game.” It would facilitate person-to-object interaction by choosing an object with which to fulfill the goal (a jumprope for instance). It would facilitate person-to-place interaction by setting goals in a certain place – usually the playground – where the interface will most be used.

-It will bridge the gap to people interaction by essentially forcing the user to interact with a person before they can fulfill the goals of the game interface.



Swimming lessons scenario

-It would target Chastity’s interests, which would be plugged into the interface previously, and find activities she might enjoy. It would allow Chastity to more enjoy going to the pool since she will be more easily able to swim and have fun. It would allow her to set goals along with her teammates in order to reach goals together. This would help her feel more involved with the team as a group. Camaraderie.

-It would facilitate person interaction by helping her find the team, and by goal-setting together as a team. It would facilitate person-to-place interaction because it would heighten her enjoyment of the pool and give her a specific place to pursue this interest. I’m not sure if it would fulfill a person-to-object goal.

-It would bridge the gap to person interaction by being simply the tool used as a means to set up person interaction by being on a team.

Interface storyboards

Mindmaps

People:

Places:

Objects:

Activities/Social:

Project 2 Reflection

The realistic nature of this project was inspiring and, for me, allowed me to think more objectively in terms of the functionality of the designs I was working on. It was a real-world challenge in that there were budget restraints, specific goals and objectives to present, and a specific mood to emulate. It was also motivating to work hard, knowing that the work would be critiqued and possibly viewed by the public. The budget constraints were really good for our group. Even though we had a good idea of what we wanted to do from the beginning, the budget caused us to really brainstorm ways to cut costs (for example, using strip board instead of foam core for mounting).

The content itself was really fun – and saddening – to work with. It definitely opened my eyes to the reality of poverty and what a multi-faceted issue it is. For this reason, I think it was a really great thing that the United Way chose to work with students for this project because, not only will the public get to see the exhibit, it was also a great learning experience for us! It was great having Erica's input and Steve's (is that his name?) input as well for specific content areas. This really aided the research and gave insight on what to be aware of.

User Testing

I did user testing with two of my roommates, giving each of them a different task scenario to follow.

Testing Scenario #1:
I asked Katie to find a 20 ounce bottle of ketchup. Since the site “home page” is just a slideshow gallery, she asked if she needed to find it in those photos. I said, “You can enter the site.” When she did enter the site, she looked at the home page for about 8 seconds and then clicked on the “Quantity” button. She quickly clicked on the “20 – 29 ounces” button and scrolled through some of the photos in the section and then said, “There's three 20 ounce bottles.”

Testing Scenario #1 Summary:
Finding the 20 ounce bottle of ketchup was really easy. I thought it was interesting that Katie was a bit confused about whether to enter the site or not. This could potentially be a usability problem when given a specific task scenario.


Testing Scenario #2:
I asked Rebecca to find a brand of Ketchup she’d never heard of before. She entered the site right away and clicked on “Manufacturer” and then “Others.” She scrolled through a couple and then said, “I’ve never heard of Sir Kensington’s ketchup before. Or Sriracha. That was pretty easy.” She also said she’d never heard of spicy ketchup flavors.

Testing Scenario #2 Summary:
Rebecca completed the task really quickly and easily.

Overall Summary:
Both users agreed that the site is easy to use and navigate.

Museum of Ketchup Logo

The website project is due on Monday. A version of the site can be viewed here. This page will be updated with the final site soon.

Updates

Today I got most of the actual design elements integrated into my website. I’m pretty happy with the results, though there is still a lot of work to do! I haven't yet programmed the sorting elements into Muse, but that should be happening soon!

Half-tone ketchup "photo"

The half-tone ketchup photo in the previous post looks like newspaper dots threw up on the picture. So here are a couple clearer photos.

Museum of Ketchup - Design Directions

These are the three design directions I played with a bit.

This first one is the original idea that I'd had in my head since I began the project: very classic, timeless design, light and neutral color palette, simple.

As I tinkered around with ideas, this black and white idea is quite similar to the original idea, but more formal with a honed-in color scheme centered around the idea of Ketchup!

Even though I like both of these ideas, especially the second one, as I revisited my ideas of target audience and what ketchup really is, I decided a more playful design would be better. This one uses brighter colors and “retro-style” design, the whole idea being that “ketchup goes way back” and the design invokes that. This is the design I'm working with. I'm using half-toned photos to display the ketchup bottles, which gives an old-timey, newspaperish, homey feel.

Wireframes and Sitemaps

I have two main wireframe ideas that are quite similar in structure, yet different in appearance. For both designs, the site is contained in one page, rather than having to click between pages to view various content. The site maps and wireframes are below.


Site map 1 (left) and Site map 2 (right)

Wireframes for Sitemap 1

Wireframes for Sitemap 2

Booklet - Preliminary designs

These are the three booklet ideas I had to go along with the Charlie Parker museum space exhibit.

This first booklet would be an accordion fold document with the biography information about Charlie Parker on one side and information about jazz and bebop on the other.

This second design would be a square booklet with a really simple design. Large titles with paragraphs of text and photos on the facing pages.

This third book is the design I've decided to go with. This is similar to the square design, but is slightly more complex and intriguing with vertical and diagonal elements. Right now, all of the copy content is included, but the design is not completely finished.