Sep 05

Paper Prototyping vs. Balsamiq Mockups

Post Thumbnail

Our process of designing mockups directly influences the quality of our finished design. Great design isn’t just in pixels and colors, it is also in the interaction design. We can’t design graphically until we have designed and tested wireframes.

Paper Prototyping with Paper and Marker

My design tools are primitive. They include a stack of paper, a Sharpie marker, and a wastebasket. Sketching wireframes on paper is very fast. It takes only a few seconds, and the result is always disposable. Drawing and trashing concepts is the interaction designers way of brainstorming for ideas.

Continue →

Oct 11

Usability Review: OldNavy.com

There are only a few examples of top-notch ecommerce websites, but Old Navy.com hits the nail on the head.  Here are a few of the key elements that separate them from the rest of the pack.

Cross-Site Header Bar

OldNavy.com Header Bar

It is clear that OldNavy is only one of 4 websites operated by The Gap.  They promote cross selling between the sites by offering a simple centralized checkout for all 4 stores.

I really dig the reversed tab effect which shows which site you are currently on. Each of the 4 sites has its own background which makes it easily distinguishable.

Continue →


Search

Latest Comments