Showing posts with label Information Architecture. Show all posts
Showing posts with label Information Architecture. Show all posts

Thursday, March 22, 2012

Bottle Cap Collection Site Iterations

Carbonation Theme (Active Link Shown)

Carbonation Theme (Hover Link Shown)

Spilt Drink Theme (Active Link Shown)

Spilt Drink Theme (Hover Link Shown)

50's Soda Jerk Theme (Active Link Shown)

50's Soda Jerk Theme (Hover Link Shown)

Thursday, March 1, 2012

New Bottle Cap Sorting Methods

Brown bottles vs Clear bottles

Straight bottle caps vs bent bottle caps

In order of my favorites. Left to Right

Sunday, February 26, 2012

Bottle Cap Sorting

Alcohol vs. Soda Pop

Color Comparisons

Crown Caps vs Twist Caps

Top Row: Text & Image. Middle Row: Text Only. Bottom Row: Image only.

Card Sorting


Colors:
Boulevard Wheat   Black, Red, Cream
Boulevard Pilsner   Gold, Black, Red
Boulevard Smokestack   Black, Red, White
New Belgium Snow Day   White, Red, Blue
New Belgium Fat Tire   Orange, Red, White
Shiner Bock   Red w/ Ram image
Pabst Blue Ribbon   Silver, Blue, Red
Jesse James' Outlaw Beer   Black
Mike's Hard Lemonade   Black & Silver
Smirnoff Ice   Red & Silver
Shock Top   Orange, Black, White, Yellow
Old Resputin   Black & Gold
O'Fallon Cherry Chocolate   Black, White, Gold
Boylan's Cream Soda   Cream, Black, Turquoise
Boylan's Diet Cream Soda    White & Black
Boylan's Orange Soda   Yellow & Orange
Boylan's Creamy Red Birch  Red, White, Black
Jarritos   Silver, Green, White
Sprite   Blue & Silver
Pepsi   Blue, White, Red
Coca-Cola   Red & SIlver
Star Cap   Silver & Yellow

Number of Caps:
Boulevard Wheat   122 Caps
Boulevard Pilsner   18 Caps
Boulevard Smokestack   2 Caps
New Belgium Snow Day   10 Caps
New Belgium Fat Tire   4 Caps
Shiner Bock   8 Caps
Pabst Blue Ribbon   7 Caps
Jesse James' Outlaw Beer   3 Caps
Mike's Hard Lemonade   4 Caps
Smirnoff Ice   2 Caps
Shock Top   1 Cap
Old Resputin   3 Caps
O'Fallon Cherry Chocolate   4 Caps
Boylan's Cream Soda   12 Caps
Boylan's Diet Cream Soda   1 Cap
Boylan's Orange Soda   3 Caps
Boylan's Creamy Red Birch  2 Caps
Jarritos   3 Caps
Sprite   2 Caps
Pepsi   1 Cap
Coca-Cola   1 Cap
Star Cap   1 Cap

Alcohol V Soda Pop:
Boulevard Wheat   Alcohol 4.4% ABV
Boulevard Pilsner   Alcohol 4.8 % ABV
Boulevard Smokestack   Alcohol 10.5 % ABV
New Belgium Snow Day   Alcohol 6.2% ABV
New Belgium Fat Tire   Alcohol 5.2% ABV
Shiner Bock   Alcohol 3.46% ABV
Pabst Blue Ribbon   Alcohol 4.74% ABV
Jesse James' Outlaw Beer   Alcohol 5.5% ABV
Mike's Hard Lemonade   Alcohol 5% ABV
Smirnoff Ice   Alcohol 5.5% ABV
Shock Top   Alcohol 5.2% ABV
Old Resputin   Alcohol 9% ABV
O'Fallon Cherry Chocolate   Alcohol 5.7% ABV
Boylan's Cream Soda   Soda Non-Caffeinated 
Boylan's Diet Cream Soda   Soda Non-Caffeinated 
Boylan's Orange Soda   Soda Non-Caffeinated 
Boylan's Creamy Red Birch  Soda Non-Caffeinated 
Jarritos   Soda Non-Caffeinated 
Sprite   Soda Non-Caffeinated 
Pepsi   Soda Caffeinated 
Coca-Cola   Soda Caffeinated 
Star Cap ?

Monday, January 30, 2012

News Wireframe Concepts


Note Taking Concept: Moving from print to digital the user loses the ability to take notes next to points that spark their interest and they also lose the ability to highlight. My first concept is to bring this function back by including an area where the user can type in notes, and an area where they can see other users notes.





Flip Foldin' Fun: My second concept takes the physical motions of reading a paper, folding and flipping, and mixes these with the idea of a bias change. The user would be able to switch the bias, which would cause the paper on the screen would flip over to reveal articles with a different political agenda to appear.





No Place like Homepage: This concept allows the user to pick the sections that they want to see and only shows these on the homepage as collection of article headers, which when clicked drops down to reveal the rest of the article. These are color coded on this page to match their section. The user would also have the ability to go to entire section where the only articles shown are those that fit the subject.




What I learned from the what I learned article


"In 2011, I fell in love with complexity in mobile interfaces. A small screen doesn’t signal a desire to do less. Removing mobile features because “it’s just a phone” is like an author removing chapters because “it’s just a paperback.” It confuses context with intent. Mobile apps and websites have to be more than lite version of their desktop counterparts; they should have the conceptually same content and features as other platforms. Our job isn’t to remove complexity but to make complex information accessible—a challenge for the small screen, but an important one."
From this part it becomes apparent that simplifying a design for mobile is merely a cop out for not wanting to spend the time on a complete design. 

"The most important thing I’ve (re)learned this year is that the greatest experiences in life aren’t designed at all. I’ve spent less time on blogs and Twitter and more time watching sunrises in beautiful places. I’ve obsessed less over gadgets and tools and more over finding the right wine to go with a great meal. I’ve remembered that I love my work more when it isn’t also my life. All of these things make me more patient, more optimistic, and more inspired…which can only make me better at what I do."
This part of the article hit home with me as I believe it is our experience with the world that allows us as designers to connect with our viewers and audience. How can you design for somebody if you have never lived?

Thursday, January 26, 2012

Information Architecture Reading Notes


Use of design for social/political problems. Stop making stupid applications

Become the person who next generations will steal from

Admit your mistakes

Stay curious

By 2pm we should be looking at double-digit version numbers

Good design comes from empathy, not stereotyping.

Get comfortable arguing

Control over typography is not just a basic design necessity, knowing how to treat text as a user interface is the key factor for successful Web design. Successful websites manage to create a simple interface AND a strong identity at the same time.

Content is the center of attention, content deserves the most love from the designer

Master typographers don’t get tired of repeating that the main rule of the typographer is to make the text as easy to read as possible.

Clients with random Internet experience often have the misconception that a website is like a cheap TV-ad that leads their customers directly into the store. All I have to say here: Explain to them what the medium is about. It’s about information. It’s not about shopping, it’s not about advertisement, it’s not linear. It’s about communication in one of its most competitive forms.