Wednesday, February 27, 2013

UX: Assigned Topic






















From the hat I drew Running Sub-culture via Sam Small.


User:
Ages—16-40s (for more competitive running.)

Brands loyal to—Nike, puma, Goldbond, Gateorade, etc.

Products—socks, jerseys, footpowder, band-aids, refreshments, sunglasses, sun-screen, heartrate-moniters, stopwatches

Reasons for Subculture—fitness, desire to be thin/lean.











IA: NYT Dining Final

For this redesign I thought that it was an opportune time to reincorporate the approach of organization that printed media had by sorting articles primarily by date. Each previous day would show a new feature or if on other features of the website (such as the search.) would simply show the previous results.

This division of information not only allows for cohesive integration of print and web media but also provides a more intuitive way of viewing the news online and rewards the every-day user by presenting the most current information first.


Logging into the NYT website.

Entering credentials—this process would function like a keycard 
(I think hitting enter is useless in a functional sense.)

Showing roll-over state of sub-articles. On roll-over images become clearer/increase in hue.
This action was done to increase attention to the featured article.

Showing first article roll-over state (same as other sub-articles.)

Showing roll-over state of featured article. Roll-over allows for supporting text to vanish by animating down. (click on the article.)

Showing the featured article that was clicked on and entering search criteria in the field on the footer.

Showing the scrolling visuals (gradation from nothing to white) that conceals previous text.

Before leaving the page the user clicked on the image in the article, revealing a lightbox.

After entering the search the following results for today have shown up, since we want to see more the user is clicking on the previous day button towards the footer.

Showing the post-click animation of the previous day loading new stories.

Now stories from the 20th are loaded along with a new advertisement.


After clicking on the profile link you are promted to allow or deny location finding.
Clicking allow to turn on location finding and the "in your area" feature of the profile.


After clicking on your profile and allowing location finding you can view articles that 
have been read in your immediate area. (clicking on chocolate cake recipe.)

Showing the analytics of the article, showing reviews and comments.













Original Psd files available for analysis.

In-browser-mockups file available as well.


Tuesday, February 26, 2013

[P2] User development: Fixed Gear Culture

Fixed Gear Culture

A summary from the halls of Wiki.

In Australia (and for some in the United States), "fixed-wheel" is the normal term for the subject of this article, meaning the opposite of freewheel, and "fixed-gear" refers to a single-speed bicycle.
fixed-gear bicycle (or fixed-wheel bicycle, commonly known as a fixie) is a bicycle that has a drivetrain with no freewheel mechanism. The freewheel was developed early in the history of bicycle design but the fixed-gear bicycle remained the standard track racing design. More recently the 'fixie' has become a popular alternative among mainly urban cyclists, offering the advantages of simplicity compared with the standard multi-geared bicycle.
Most bicycles incorporate a freewheel to allow the pedals to remain stationary while the bicycle is in motion, so that the rider can coast, i.e., ride without pedalling using the forward or downhill momentum of bike and rider. A fixed-gear drivetrain has the drive sprocket (or cog) threaded or bolted directly to the hub of the back wheel, so that the rider cannot stop pedalling. When the rear wheel turns, the pedals turn in the same direction.[1]This allows a cyclist to apply a weak braking force without using a brake, by resisting the rotation of the cranks. It also makes it possible to ride backwards although learning to do so is much more difficult than riding forwards. 
As a rule, fixed-gear bicycles are single-speed. A derailleur cannot be fitted because the chain cannot have any slack, but hub gearing can, for example a Sturmey-Archer 3-speed fixed hub. Most fixed-gear bicycles only have a front brake, and some have no brakes at all.[2] 


Common forms of Fixed-gear competition: Alley Cats, scavenger hunts, bike polo, pub crawls, track-stand-offs

Fixed gear culture integrates into hip-culture in the broad sense but, has it's roots in veledrome racing & other cycling sports.





A typical Fixed-gear biker.

User: Christian Fry
Age: 22
Location: Chi, Il

Job: Bike messenger for Apex Courier

Items most used in his cycling: Tires, gloves, locks, jerseys, bike lights, chains

When does Christian bike? Christian normally cycles from 9-5 for his job at Apex Courier allowing him to stay competitive for "fun-rides" with the fixed gear community in chicago as well as competing in Alley cats.

What brands are christian most loyal to? As with all Messengers/couriers Christian frequents Chrome (a messenger bag shop specifically for cycling) due to his heavy discount. Most of the bags he buys are flipped to friends who aren't messengers and want a discount.

What does Christian do when not biking? Christian participates in the punk/hardcore scene and is a guitar player for a local band in chicago.

Notable references: The movie Mash SF




























Monday, February 25, 2013

How To Hookah: The Basics

How To Hookah; The Basics is a video expressing the basics needed to know to setting up a water pipe aka a Hookah pipe. The video through Narrative and graphics is relaying a series of followable tasks the viewer needs to know.

First we produced single clips that were going to be revealed in the How To then we used them in the proper sequence with a couple people to test. We wanted to make sure that each step made sense and we also were looking for any steps that could be misunderstood and or completely done incorrectly. 





So after documenting our test subjects and with little guidance the test went over well. We did however saw a couple things that were not understand and or just user error. One was the use of two sheets of foil the other had to do with the poking of the foil but since the test had used two sheets it really was viewer error. The other steps went over well and we asked our test after how confident they felt while following the guide videos remembering that the video was still rough and was lacking finalized graphics yet the actual footage was showing the necessary steps that were going to be used in the actual video.

We reshot most of the footage to be more compositionally appealing but we kept to the same scenarios and we tried to clarify anything that may have been an issue. So for instance the foil the reshoot clearly showed only one sheet of foil unfolded being placed upon the bowl with the shisha. These little moments would help clarify the video and we then focused on using the multi view tactic of tryptic narration to keep compositionally a new level to the work and also it helps the viewer see from different views which could clarify on any misunderstandings.

One thing we did stray away from was shooting the lighting of the coals, being that there are many different kinds of coals and during our test we ran into confusion being that our test video had a different type of coal that had to be placed on a oven burner to be lit instead of a self lighting coal that was shown in the test. We felt that if the person who is utilizing the hookah pipe would have read or looked at what kind of coal they are using, and if we were to show a different kind of coal it could confuse them and make them think they bought the wrong kind of coal.

So after spending some time on revising the shots we looked at graphics and how they can help the story and strengthen the narrative, in addition we started looking for music. We spent some time making sure the type complimented the vibe the video and intro type was giving at the beginning of the video. After gathering all that additional laying for the video we applied it and made our final how to composition. And this is what we came up with.





Wednesday, February 20, 2013