Project 1 / Easy Ease

This project displays simple buttons that focus primarily on hover states to demonstrate what easing effects exist in CSS. I learned you can make buttons much more dynamic than just a static hover state (i.e. changing a color or underlining). I chose the words “Watch me ease in and ease out. Fast and Slow…” to pique the user's curiosity and to make them hover each button to see the action.

Project 2 / Ho! Hey! Song Lyrics by the Lumineers

This project was to display the song lyrics among a photo expose. I wanted to learn this technique to better understand how to display a creative slideshow online. The photography depicts the outlaw life of a train hopper. It's a glimpse into the 10 years photographer, Mike Brodie spent hopping freight trains. I choose the photography after I decided to use the lyrics and it actually fit in some weird way. The Lumineers' lyrics represent a sense of belonging. Something that can often be found in the life of a train hopper. Many of the people featured in the photo expose are a tight-knit group. So in a sense, they belong together.

Project 3 / Simulating Deafness: Part 2 (Results)

Part 2 of the Simulating Deafness application was to create a "results" section to colorfully display exercise 2's (Background noise) answers. The goal was to display the 4 emotions from the quiz: frustrated, anxious, exhausted, and enlightened. Each circle has a scale relating to how a participant answered (0-20, 20-40.. etc). The circles' sizes are defined by the scale. I used Isotope plug-in to sort the circles by clicking on a respective button. By clicking on each circle, you are able to see the exact percentage and a narrative of how the person perceived the background noise exercise. I thought this project was a really successful way of showing a large amount of data and a great way to get a user to take the application to the next level of interactivity. For the future, I would like to be able to add a pulsating effect to each circle… but for now it will be static.

Final Project / Thesis Visual Project: Simulating Deafness Application

My final project, Simulating Deafness toolkit, is my visual solution to my thesis project. My thesis can be summarized as follows: hard of hearing individuals may struggle to understand day-to-day communications within a workplace. Design holds the potential to simulate deafness in order to create an empathetic experience for hearing colleagues, and thereby create an inclusive social environment for the hearing impaired. I propose to use participatory design methods, along with visual tools, to create an interactive workshop that helps hearing colleagues experience the interferences a hard of hearing individual faces in communication. Essentially, this application contains 4 parts: lipreading exercise, background noise exercise, applying it, and the results section. "Read My lips"-- is a guided exercise in which users watch videos without sound and try to the best of their ability to figure out what the person is saying. Afterwards, participants are prompted to ask a series of questions. If they get a correct/incorrect answer, the user sees a "helpful tip" and the "big idea." Eventually, I would like to animate the characters that show up before a wrong or correct answer. "Background Noise"--is an exercise where users wear headphones to listen to a loud environment while trying to converse with a partner. This was challenging to set up because I was trying to think of an interactive way to walk users through the exercise step by step. I created an instructions page where three circles animate into the page. The topics page is animated similarly and the user is able to click on the circles to see a conversation topic. The two participants must talk about this topic for 1-3 minutes while listening to background noise. Afterwards, the participants are prompted to answer two questions. First, a sliding scale of the various emotions they felt during the exercise. Second, creating a short narrative answer of anything interesting that occurred during the exercise. "Applying It"--is an interactive exercise off the iPad. Participants form a small group to mock a workplace meeting. One participant is singled out to become the "hard of hearing" individual. First, while participants are trying to converse with each other, they must pass a "speakers ball" to whoever is talking at that moment. Afterwards, everyone reflects as a group. Then, participants are asked to create their own idea of a visual aid to be used in a meeting setting. The idea is to get people involved to understand what multitasking is like in a meeting setting for someone who is hearing impaired. "Results"--See Project 3