Champaign-Urbana Community Fab Lab
Champaign-Urbana Community Fab Lab

Posts Tagged ‘Storyboard Lecture Assignment’

Storyboarding Assignment

For this project my group decided to create a design for an innovative studying tool. This study tool would use a fake skeleton, and the touch screen spray that was discussed in class to allow students to touch a part of the body and learn what it was and how it works. This would benefit visual and tactile learners. The setting as shown is med school or other teaching environment’s, there is a sequence of how it would be designed, and satisfaction for the student studying.

First draft from class
Final draft
Continue Reading

Storyboarding

“Fork-in-the-Road” App Storyboard (Version 1.2)

Setting

The above storyboard depicts a person imagining where they would want to go while stuck in the mundane, everyday, polluted city. Through using the app, the person is able to “escape” from their surroundings and take a scenic run through unfamiliar landscapes.

Sequence

The storyboard provides sequence through the practical use of numbering of frames as well as the design especially through the second half of the storyboard where movement enhances the feeling of sequence in using the app.

Also, it can be noted the pace of the sequence of interactions with the app as frames become smaller and clearly integrated as oppose to the scenic stills of the top half of the story board.

Satisfaction

We see a progression of satisfaction of the user through both their surrounding, stance, and movements. We first begin with the daydream of the user, longing for a better surrounding than the everyday city. Along with benefit for emphasizing sequence, we may note the pace of the user progress from lethargic to dynamically alive. Contrasting such pace is the last frame which illustrates the user satisfaction through their stance and scenery that indicates conclusion.

Design and Planning

I wanted to indicate the feeling of the user with as little words as possible, but through simply their movement and the very design of the frames. I leveraged the use of frame size to convey pace and also emotion. The design of frames also provided me a medium to illustrate the pace of user-app interaction.

Build Process

This by far has been the most difficult assignment yet, and I faced many challenges from balancing what I wanted to show and the limitations due to my artistic ability. The following shows the progression of the story boarding process:

This was the quick sketch I drew during our time in lecture. It was a beneficial experience to get a feel of the pace of storyboarding with the idea it shouldn’t be perfect and it should be alive, fast, and breathing.

This was a second iteration of the storyboard. I struggled with the idea of “fast paced, always moving forward, don’t worry about erasing,” illustration, especially with a sharpie.

Nonetheless, I pushed on and drew inspiration from old comic books I would read as a kid where they utilized the size of each frame to influence the pace and emotion of the story. While it is definitely not perfect, I believe it’s a good start to communicating how one should feel before and after using the app. I also think it provided the right design orientation of how fast you should be able to interact with the app and find a route suited for you.

Reflections on the Storyboard

Drawing is not my strong suit. Again, so far this assignment has been the most difficult and uncomfortable for me. For the first two attempts, internally, I couldn’t help but cringe – especially when working on it among many of my peers.


“Anthony, what are you drawing?”

– Friend in the Dining Hall

And, I think that’s the hardest part. You don’t exactly know what you’re drawing as this entire process is part of the ideation and thinking process. Similar to writing the first paragraph to an essay, the first few sentences we type are never the final product. However, in the case of storyboarding with a permanent marker, we have no backspace.

The Takeaway

This assignment has a been a humbling and at times a painful experience. Though, I can say I have learned a lot from this assignment, and it has helped me change how I communicate when working in group projects. Right now, I’m co-leading an Engineering Open House project with an interdisciplinary team of 10 spanning 4 different majors. I’ve utilized storyboarding in order communicate ideas fast. By doing this we are able to learn, create, and debug quicker.

Finally, I’m able to communicate to my team that just as this drawing isn’t perfect, we too can make mistakes as long as we’re able to work together and continue to find a solution to solve them.

And, perhaps, creating that kind of environment is greater than any app we’re able to create.

Continue Reading

Storyboard

My storyboard is based on two friends going on a road trip. They start their journey but notice how terribly boring the drive is. Then one guy remembers this app he downloaded but forgot about, ForkThis!. ForkThis! is an app that lets you but in your destination and how many hours you can spend taking the road trip. It them finds the most unique roads and side-roads to give you the best experience. The two friends want to go to Chicago but they are in no rush so they decide they have 10 hours to roam around and see the beauty of nature. They found a road right off a body of water where the perfect puffy clouds and soothing wave sounds relaxes them. Then they travel through a forest with some of the most green and tall trees they have ever seen. Over I think this app would actually be something I would use. I love to drive and have no idea where I am (as long as I have a way to find my way home). I do not have my first draft from class because I threw it away when I started this one, but below is my finally draft. My first draft was pretty similar to this one, but I decided to add more detail and change the name of the app I originally made.

Continue Reading

Storyboard

For our storyboard, my group decided to do interfaces for driverless cars. I decided to tell a sequence of a family traveling on a road trip from home to Colorado for a ski trip. The perks for the driverless car included: wifi capability, mini fridge, microwave, makeup vanity, and a bed. I included a few safety precautions to ensure there is no need for a driver during the trip. These included sensors to adjust speed during traffic and automatic change in modes during hazardous weather conditions. My story board ends with the family safely arriving in Colorado being very satisfied with how relaxing and safe their road trip was.

My first attempt at the storyboard included many of these perks but I did not create a sequence. My second attempt had a more detailed sequence of events.

Continue Reading

Storyboard

For my storyboard assignment, my group and I decided to talk about the interface for driverless cars. I decided to go down the route of the sequence of an individual going from home to their work without having to drive. The car was able to back out of the garage on its own, open the car doors, automatically switch lanes, and check the person’s email for them. The individual was also able to enjoy the perks of the car and have a massage chair among other things. Finally, they safely arrived at work and were able to continue on their day. Below is my drawing of the eight steps of how this was completed. Hope you enjoy!

Continue Reading

Storyboard Assignment

For our storyboard, my group decided on creating a touch screen table that can be used at restaurants to order food. The idea is that restaurant goers can filter menu options based on certain dietary restrictions (in the case of this setting, one of the customers is gluten intolerant) and order their meal through the screen.

I felt my first attempt at the storyboard did a pretty good job with describing the setting and satisfaction, however it lacked sequence. So in my second attempt (pictured below), I added a more detailed sequence of events to demonstrate the process of filtering and ordering food using this table technology.

Continue Reading

Storyboarding

For my storyboard or group decided on doing a touch screen cutting board. The cutting board would have recipes built in as well as having video overlays to help you cut things correctly without having move your eyes over to a different screen. In class I only got to setting up the problem, what I added was how the touch screen cutting board works.

Continue Reading

Storyboarding

For our storyboarding assignment my group decided on an idea of a model skeleton that would have touch sensors attached to an interactive screen to help students learn the different bones in a human body. For my second version of my storyboard I added more detail to make the setting more obvious.

Continue Reading

Storyboard Assignment – Grant Johnson

First Attempt

My first attempt, created in class. I was unable to finish, but started generating ideas of how I wanted the app to function.

For this assignment I decided to tackle the challenge of designing an app for the Fab Lab. My first storyboard was very simple and somewhat vague. After creating it and letting other people look at it I realized that I needed to be more clear in the functions and concepts I was trying to explain through the storyboard. I also realized I needed to set up the setting better as it was kind of difficult to understand in my original draft.

Second Attempt

My second, and more complete, storyboard. Notice the very evil looking star man at the end.

For my second attempt I tried to refine my first try and make sure everything I was communicating was succinct and well-defined. I was also able to then think of more unique and helpful features that could be baked-in to the app that would make it extremely helpful and inviting to those that are just learning about the Lab. I made use of a lot of text in this storyboard, but I think it is somewhat necessary for how complicated some of the things I am talking about are to visualize interestingly. In this copy I also tried to set up the setting better and make the flow of the storyboard more organized and easy to understand.

Continue Reading

Storyboard

First Attempt


I was happy with how this image came out – my drawing skills surprised me, and I thought that this storyboard did a good job of conveying the story.
However, while creating it, I felt that I spent more time writing out text, rather than drawing. I was using words to convey the environment, the context and the resulting emotions.

Second Attempt

While iterating, I wanted to stick to the main concept of my original image – that people are trying to interact with a waiter at a restaurant, and this interaction is not straightforward and easy. I managed to convey this in my very first panel.
I felt that my second panel does a good job of introducing the solution, and also introducing the consequences of this solution – now the goal of interacting with a waiter is realized through the table-technology.

Certainly my second image is very visually unappealing – from using a lined page and not using a fat marker. However, I feel that it has a higher utility than my first image. The second image is easier and quicker to parse through and I believe that it conveys all the same thoughts that my original image did.

Continue Reading