Interaction Design//Project 3: Mood Boards

 Here are two moodboards I have created for my app and wristband style.

When creating these I wanted to make sure they were gender mutual as this would be worn by both female and male. I also want the app and design to be a bit sophisticated as the parents would be using the app.

The first board is guided by the Gender Nuetrality and Confidence:

This second board is based off of Chasity's liking for Saved by the Bell and 80s sitcom. These colors are also gender neutral.

Interaction Design//Project 3: Scenario and Wireframes One

Based off my last three wireframes I decided to expand on the third scenario: Chasity and her mother, Krystin are shopping for groceries at Target when suddenly Chasity notices a girl from her class, Katie and her mother Janet. Chasity notices a girl in her class. Katie is pretty outgoing and immediately starts chatting with Chasity. The mothers notice that the girls get along pretty well. Krystin asks if Janet would like to exchange phone numbers (old school). Janet informs Krystin of a new app called "PlayPal" (not set in stone). After Krystin downloads the app to her Iphone and creates a simple profile for her daughter, Janet and Krystin share accept each other as PlayPals. After, the interaction at Target. Krystin is able to decide what she wants to share with Janet. 4 days later Janet notices that Krystin has nothing scheduled for 4pm and sends a bump within the app asking if Chasity would like to play with Katie at 4pm. 

Interaction Design//Project 3: Narrowed Scenarios

Based off my previous scenarios, I decided to take two and create a new scenario based on a couple of basic issues Chasity could take part in. 

The first scenario: Chasity has made a friend in music class that invites her to day band camp. A lot of kids attend the event and Chasity becomes overwhelmed with meeting all new people. Her friend introduces her to one of her friends, Brian. Brian plays the trumpet, which is also an instrument plays. The wristband Chasity is wearing notifies her when a common connection is noted in the situation. She feels comfortable about interacting with Brian, and exchanges sheet music to try during the day band camp. 

The second scenario actually comes from the first round however we did not highlight it: Chasity's mother has enrolled her in dance class. To prepare Chasity her mother gives the Ipad with an app that runs through situations and simulations that prepare Chasity for what she may encounter at dance class. Due to the app Chasity is able to interact, have fun and make friends with girls in her dance class. 

The third scenario: Chasity and her mother are shopping for groceries when Chasity notices a girl in her class. Chasity's mom and the classmates mom has an app where they can schedule play dates with their children with in the app. 

Interaction Design//Project 3: Scenarios

The beginning of my story of Chasity. Chasity's mom worries that Chasity will grow up being to shy and not able to be socially involved with children her age. Here are my scenarios that I felt Chasity might be in, where the situation made her feel uncomfortable or how she became comfortable with interaction with kid within her age range. The highlighted scenarios's are one a group and I decided were best to continue with. 

The first highlighted first one reads: Chasity isn't a fan of music class. When the teacher asks the students to pair up Chasity selects a girl in her class she has spoken and interacted with before Luckily the girl is very fond of music and music class and helps Chasity understand and have fun in music class. 

The second highlighted scenario reads: Chasity wanted to swing at recess but the only swing open was near some older students that Chasity felt inferior. Chasity decided to play jump rope on the basketball court by herself. 

The third highlighted scenario reads: Chasity and her mom were watching Saved by the Bell, when the phone rings. It's a neighbor that wants to know if Chasity would like to play. Chasity wants to stay home and watch TV with her mother, where she feels comfortable.

The fourth highlighted scenario reads: Chasity likes to go to the pool, however she can't swim very well. She notices a poster for swim lessons. She mentions the swimming lessons to her mom that comply with her mother and Chasity's schedule. Chasity takes classes with other kids her age. 

The fifth highlighted scenario reads: Chasity has made a friend in music class that invites her to day band camp. A lot of kids attend the event and Chasity becomes overwhelmed with meeting all new people.

Now is to find how I can help or place technology within a certain scenario. 

Interaction Design // Project 3:Mindmap

Basics // the 2 subjects

People // Characteristics and Obtained Information

Places // Obtained information of where interaction is possible

Objects // in which the mother interacts with her daughter and objects daughter interacts with

Activities // Mother is a part of with her daughter & Daughter is a part of with out her mom

Web as a whole

Project 2 Reflection

I really enjoyed Project 2. Collaborating with United Way and my peers was a fun experience. It felt like a real project since many of us will be in positions after we graduate to collaborate with those in a firm. 

Being cautious of money, providing a pitch for an idea both within our small groups and then to Erika with United Way was a great feature to learning how to adapt to what we will be facing in the near future. I realized I was continually thinking about this project outside the classroom and even on the weekends. I wanted to obtain more information and better my section to make the presentation of "Understanding Poverty" more clear.

The content that was provided by Erika was actually pretty shocking. I learned when that I actually used to live in the poorest county (Wyandotte County) however I didn't feel like my family was ever suffering those around me were. I feel like because we were so consumed in wanting to understand and to draw an impact on those who could visit the exhibit really made us as a class passionate about the project. 

I'm happy we were able to come to a conclusion using a variety of different ideas we each had. Even though we didn't get selected for the exhibition I feel we did a great job and created a interesting way for viewers to learn about poverty within Douglas County.  

Transformation: Graphics to Finals

After combining our styles and designs we had settled on a design concept that would implement the boxes from the group, the misconception and reality of my group and the more softer feel from the "letterpress group"


Designs before creating continuity between each section:

Designs after continuity:

Missconception and reality are highlighted by blue and red as well as white background on the cardboard paper.

Graphics Expanded: Missconception Vs. Reality// Grays/Blues/Reds

This is my beginning designs of the possibilities of the Miss conception vs. Reality of "Understanding Poverty" as well as "Hard Choices"

I was informed by my peers that the Understanding Poverty would be the entry way for the exhibit. Within my graphics I wanted the definition of poverty to be understood as well as a great misconception vs. a blatant reality:

INCOME SPENDING:

missconception:

those in poverty mismanage their money and spend it on substances

reality:

household income (which would direct viewers to the pie charts to understand what typical household spendings are on based on income)

I was provided limited information for this section however, I implemented the idea of making the difficult decision one has to make while in poverty. 

This would be a simulation where those visiting the exhibit would receive 4 coins and have to make the decision of what is most important.

Graphic Design Mood Board: Neutrals/Muted Colors

The graphic design group created three different mood boards between the seven of us.

 Grace and I worked together to compile our mood board, which was neutrals, muted colors with pops of color for call out on information. 

The following is some images we used as examples of the look and feel of what the room could be:

Here is our final mood board and our presentation slides:

Mood Board

Notes and Ideas to fill in the room

Notes and Ideas of Interactions

My added reserach: Understanding Poverty

Anna-Therese, Caroline and I were partnered in a group to tackle the topic of "What does it mean to live in Poverty?" Which we condensed to Understanding Poverty for our presentation. The following is information I came up with in order to challenge Ethos and Pathos of our viewers within our content group.

Interiro and Exterior Exploration

 I want the space to be colorful and look as if it belongs in down town KC while keeping a very jazz and homey feel. I want to incorporate floor graphics and add in a wall as I progress. Here are some starting designs just to get some ideas laid out.

BeBop Exhibit

Intent: Designing this exhibit I will strive to represent how BeBop sounds with images. Obviously I want to include the life and impact Charlie Parker brought to this new style of jazz. I want viewers of this exhibit to be intrigued by the colors and feel as if they stepped into a bebop song while traveling through this exhibit.

Photos for consideration:

Final Boxes

 This specific box is to represent order. The communication of this piece expresses order by the organization of information. The use of blue, black and white colors was to keep the box "krisp"and clean. Hierarchy is represented with the various sizes of text and also written in blue. I kept everything flushed left to keep unity throughout each side of the box. 

detailed abstract shot of box 1

 For my second box, I wanted to represent comfort. I used a subtle/undertoned/ relaxing sage green and clean whit hand lettering to give the box a "homey" feel. Keeping the box unified throughout was something I kept in mind. I wanted handlettering on the front but I wanted to make it differnet from my other box by not using the RICE KRISPIES name only on the front so I pulled from the other information. Using handlettering and a comfortable serif, with the addition of the calming sage green I feel this box represent comfort very nicely. 

detailed abstract shot of box 2

 For my third and final box, I believe it is pretty clear that this box represents energy. I used contrast between the red and the indigo to make the red very vibrant. I also used contrast with the hand lettering and typeface of choice. Behind the content is the barcode: which can be scanned at any angle on the box. Content of this box is highlighted between two bright red rectangle on either side of the box which guides the viewers eyes into the middle of the box. From every angle this box is bright, vibrant and exhumes energy. 

detailed shot of box 3