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 »

10 Tips for Optimizing Web Form Submission Usability

Jan 7 2011 by Raphael Caixeta | 40 Comments

10 Tips for Optimizing Web Form Submission Usability

Web forms play a big part in every day web use. If you build and/or run websites, chances are, you have a web form in it, whether it’s a simple contact form or a rich and robust web app. There are several ways to make sure your web forms are optimized for your users. Here are some tips for making sure that your form submission process is user-friendly.

continue reading »

Stop the FAQ Page Bandage

Nov 19 2010 by Jason Gross | 14 Comments

Stop the FAQ Page Bandage

The evolution of the web and the way in which we design for it has brought around all kinds of patterns, standards and best practices. Sites have a relatively uniform information structure: We always start with a home page (also known as the front page or index page) as the default page, and we’ll have common pages such as a contact page, an about page, and so forth.

A lot of sites will have a web page dedicated to problem-solving, giving answers to frequently asked questions (FAQ). In a time where interactivity between the site operator and site visitors is at the forefront, and a time where site analytics allow us to know more about user behavior than ever before — has the FAQ page, been left behind?

continue reading »

Ultimate Guide to Website Wireframing

Nov 1 2010 by Cameron Chapman | 95 Comments

Ultimate Guide to Website Wireframing

Most designers wireframe their designs in one way or another, even if it just involves them making quick sketches on the back of some scratch paper. Wireframing is an important part of the design process, especially for more complex projects.

Wireframes can come in handy when you’re communicating with clients, as it allows them to visualize your ideas more easily than when you just describe them verbally.

This guide covers what you need to know about website wireframes to get started.

continue reading »

Basic Tips for Designing a Quote Request Web Form

Oct 28 2010 by Brian Casel | 21 Comments

Basic Tips for Designing a Quote Request Web Form

Whether you’re a solo freelancer or the head of a huge web design agency (or somewhere in between), your website often serves as the first point of contact with a potential new client. Displaying an impressive portfolio of work along with a few client testimonials is a great start. But the final piece is key: Your contact form, or as many call it, the "Request a Quote" form, also known as Request for Quotation (RFQ) form or Request for Proposal (RFP) form.

continue reading »