Progressive Disclosure in User Interfaces

Apr 4 2011 by Alexander Dawson | 6 Comments

As designers, we’re always trying to get the most out of our interfaces and maximize whatever space is made available to us. While many solutions have been devised over the years, one above all others has consistently influenced the way visitors access the content they seek.

From simple techniques, such as tooltips and drop-down menus, to complex single-page websites powered by Ajax, progressive disclosure has become a formidable force.

continue reading »

User Interface Patterns for Dealing with Interactive Content

Mar 8 2011 by Cameron Chapman | 9 Comments

User Interface Patterns for Dealing with Interactive Content

Websites and web applications are getting more and more interactive each day. Content on websites have the advantage over their printed counterparts in that, if we wanted to, we can let our users interact with them.

We have already discussed site navigation patterns and popular web content presentation patterns. Now, let us explore some UI patterns for our interactive website content.

continue reading »

6 Popular Content Presentation Design Patterns

Mar 1 2011 by Cameron Chapman | 11 Comments

6 Popular Content Presentation Design Patterns

Content is what is considered the "meat" of a website. Content should be usable and displayed in a manner that makes it efficient to read and act on. Now that we have discussed website navigation design patterns, let us now explore popular design patterns for displaying content. Below, we’ve included a few current design trends in content presentation, all based on enhancing the user experience.

continue reading »

Anatomy of an Effective Product Page Design

Feb 24 2011 by Kean Richmond | 21 Comments

Anatomy of an Effective Product Page Design

The goal of any new e-commerce website appears to be to challenge (and be better than) Amazon.com. The well informed among us would say this is an impossible task and anyone suggesting different is overly ambitious or crazy. Yet with all this ambition, the websites of many online businesses simply don’t make the effort to create a site that could even challenge the Internet behemoth that is Amazon — let alone topple it.

continue reading »

Guide to Website Navigation Design Patterns

Feb 8 2011 by Cameron Chapman | 40 Comments

Ultimate Guide to Website Navigation Design Patterns

In web design, there are certain common design patterns that are used for interaction. Site navigation has a wide variety of common and familiar design patterns that can be used as a foundation for building effective information architecture for a website.

This guide covers popular site navigation design patterns. For each site navigation design pattern, we will discuss its common characteristics, its drawbacks, and when best to use it.

continue reading »

The Benefits of Wireframing a Design

Feb 1 2011 by Brad Shorr | 37 Comments

The Benefits of Wireframing a Design

Wireframing is an extremely important phase of the web development process. While it’s tempting to skip this step and proceed from the design brief and information architecture directly into design, it pays huge dividends to create wireframes somewhere in between of conceptual site planning and actual development of a site. Wireframing will allow you to do several things far more efficiently, and the time and effort you put into this phase pays dividends in the greater scheme of things.

In this article, I will go over five key benefits of website wireframing. What I’ll discuss are direct observations based on what we’ve experienced at the agency I work at.

continue reading »

Karma as a Social Interaction Design Pattern in Websites

Jan 31 2011 by Jason Gross | 15 Comments

Karma as a Social Interaction Design Pattern in Websites

The principles of karma are understood worldwide. We all like to believe that the good deeds and actions we do will be returned to us in one way or another. At its core, karma encourages us to help others.

Most of us were introduced to systems that promote good behavior as early as elementary school. Kids who misbehaved would endure punishments such as restricted play times and detention, while those who excelled and conducted themselves properly received rewards and extra credit, even if it was simply a gold star sticker.

continue reading »