Showing posts with label Information Architecture. Show all posts
Showing posts with label Information Architecture. Show all posts
Sunday, May 6, 2012
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, February 20, 2012
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.
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.
Subscribe to:
Posts (Atom)






















