Wednesday, September 24, 2014

Storyboards

Below are the storyboards for my Project 1 assignment, which is a critical analysis of the Tiny Nation TV show as an informational campaign for the Tiny/Small House Movement.

I had some valuable feedback from some of my classmates, which you can see notated in the margins. Most of the feedback involved looking into greater detail on issues that I hadn't already considered in depth. For example, I should consider the logos of this particular assignment, i.e. why should someone watch this particular critique of the campaign.

Some of the points I am paying particular attention to are:
  • The appeal of what makes this project unique.
  • Be sure to indicate my own stance on why I love the campaign.
  • Choice of font: relaxed, but modern
  • Inclusion of music in addition to voice over
  • Color palette choices: probably earth tones used in home decoration
  • Paying attention to time during the Organizational section so that the larger amount of details don't make the project too long. Reduce details if need be and use a rolling/fading effect to overlap the data.
In preparing for this project I have a number of assets. They include:
  • Video clip from pilot/demo episode of Tiny House Nation, 0:07" - 0:26".
  • Tiny House Nation promotional photos from their website: http://www.fyi.tv/shows/tiny-house-nation
  • Promotional photos from other home makeover/home renovation shows, obtained from individual websites.
  • Video promo stills from Tiny House Nation website: http://www.fyi.tv/shows/tiny-house-nation
  • Still of show logo taken from video.
  • Video clip of usage of multi-framing: still determining best example of this.
  • Voice over actor will be me, using headset microphone.
While I have yet to make specific choices on some of these, especially the photos and images, I believe that they will be easy to obtain as most of these assets are promotional images for the shows themselves or are small enough and used in such a way as to fall into the category of fair use.




Monday, September 15, 2014

Project 1: business unusual

For Project 1, I am going to look at the “business unusual” marketing campaign for nau clothing. The campaign initially appeals to me because I like the idea of sustainable living and forming an alliance with other likeminded organizations to “be the change.” However, the prices seem a bit ridiculous for an organization that is trying to promote sustainability. I will first examine the campaign homepage as well as the product lines and then branch out to other media sources from there. I'll see if I end up liking or hating the campaign and the company.

Wednesday, September 10, 2014

Chapter 2 write/design


For the Chapter 2 write/design assignment I chose to examine the mobile views of three university websites. These included the WSU housing and dining site, University of Washington home page, and the Washington Adventist University home page (I stumbled on it while fat-thumbing the WSU page) all viewed from an iPhone 5 running IOS 7. These are all share the same genre of university websites. The WSU page does fit somewhat differently into the genre since as the home page of a specific unit rather than a university home page, it effectively acts as a subset of the genre. However, I know that it uses a new template and design model that WSU is adopting across their entire web presence and I was interested in reviewing that new interface. I believe it is close enough to the other two sites to still make a valid comparison.

The WSU housing and dining was the best experience and most effective between all three sites. A banner across the top quickly identifies the author as Washington State University Housing and Residence Life. The template uses responsive web design to scale the existing web page to a smaller screen size. The navigation folds into a single banner underneath the header with the three line “Sandwich” symbol and the word “NAVIGATION” all in caps. This makes it easily identifiable and accessible. Beneath that are centered several commonly selected items, all as long full screen width buttons with text labels. All of this is laid out in black and crimson. The alignment and proximity of all the elements are laid out so that they are easy to find and comfortable to use. Beneath these elements a list of videos appear in a two column block. The icons for the first two videos are fully visible with part of the next row peaking above the end of the scroll line. The icons used for the video placeholders provide additional visual interest and the second partial row indicates to the user that there is additional content below.

The text of the various link and navigation elements make the audience specific and easily recognizable. This page is for current or potential students of WSU to explore housing options and to interact with the housing department if they already have a contract with one of the university-owned facilities. Right from the home page there are easy ways to pay your bill, fill out an application, or look up information about pricing, floor plans, and view videos of the various facilities. This is a highly successful mobile view for this website.

The second site, the University of Washington Home Page, is another example of adaptive design. However, this time as it adapts down to the smaller mobile screen size it focuses on a digital slideshow. From the mobile view this made it unclear on a few points. Since all I saw was a single photo, I couldn’t tell exactly who the intended audience was. In fact, the first photo that popped up for me was related to football, and since there wasn’t enough other types of information or obvious navigational clues, I thought I had stumbled into an athletics sub-site, rather than the top-level home page. In addition, there wasn’t anything on the page that gave an indication that there was more information available in the slideshow or further down the page. Furthermore, once I realized I could swipe to switch images in the slideshow, it started causing twitch in the interface that made it impossible to navigate. Overall, I found this to be an ineffective mobile view. The organization made it so audience and access to information was unclear, and the user interface was buggy and distracting.

The third site, Washington Adventist University, merely scales down the homepage to the smaller-sized screen. In some respects, this works ok. The site’s organization is still there so audience and purpose are easily determined. However, many of the textual elements are too small to read and there are too many items for a smaller mobile interface. This makes navigation difficult as well as any detailed look into the content. Still, of the three sites, it is second, because it is functional and purpose and audience are apparent, whereas the UW site completely breaks down.

 

Wednesday, September 3, 2014

Process! Chapter 1

For this assignment we were directed to review two different Twitter profiles. I chose Maxine Kwok-Adams, London Symphony Violinist and William Shatner, actor and director. The differences between the two profiles are immediately apparent. Kwok-Adams’ profile is bright and colorful. She uses a glam gel shot of her and her violin for the profile pic and the cover photo is of the violin with bedazzled designs on the back. These photos match up well with her tagline which reads, “@londonsymphony violinist who loves bling and is never knowingly underdressed.” The two photos she chose emphasize these three aspects. The appearance of the violin in both photos denotes Kwok-Adams’ profession and the main reason someone would follow her on Twitter. The glam shot for a profile pic emphasizes her interest in fashion, while the bedazzled designs on the cover photo show her “love of bling.” They also provide other topics of interest for her followers. Kwok-Adams also peppers her posts with photos of her travels as a member of the orchestra. As a result, her profile is saturated with colors and images similar to her profile and cover pictures.

By contrast, Shatner’s account is quite minimalist. His profile photo is black and white, with his shoulders and the edges of his features fading into dark shadow. His face is expressionless, possibly with a slight glare of condescension. The cover photo is of an old leather desk cover, something used to protect a desk from damage while writing with pens and pencils. However, there are no pages of writing, or pens, or pencils. Just a set of sticky notes in the top left corner showing his “To Do” list. The list itself has only three items: “Win GISHWHES,” “Torment Whats his name,” and “Stir up trouble.” These visual features work well with the persona that Shatner has created for himself: that of an eccentric professional who dabbles in any and all projects that peak his interest, ranging from his most well-known role as Captain Kirk of the Star Trek franchise, to other TV shows, comedy sketches, Priceline commercials, documentaries, Broadway shows, and even musical albums. The desk cover shows this through both visual and spatial means, providing a virtual blank slate, but using the leather texture to evoke feelings of experience and sophistication. The viewer of this twitter account gets the impression that anything could come from this person, but no matter what, it will be interesting. The stark and minimalist visual and textual references are also excellent at demonstrating Shatner’s sarcastic personality. He likes to cause trouble (sometimes for merriment, sometimes for social change), and you can see it visually in his profile picture even before reading his posts. The minimalist approach to his twitter profile continues with a predominance of textual posts. Unlike Kwok-Adams, who posts photos and video regularly, Shatner’s posts are almost entirely text-based. Out of 16.7K posts, Kwok-Adams has 3,269 videos, while out of Shatner’s larger 20.5K posts, only 720 of them contain photos or video.

These two performers both effectively use twitter to communicate with their fans. They are able to do so by being authentic to their personal styles—a fun, musician-fashionista and a multi-talented, experienced, eccentric—and using visual, spatial, and textual tools to portray that style.