Skip to content

How to Create a Consistent User Experience (And Why You Should)

Facebook is successful because of a relentless focus on keeping the user interface simple. It it were like most corporate intranets, few users would return.

What makes Facebook a success?

Obviously it provides a way to communicate with friends and acquaintances; but it’s unlikely it would have been as successful if it had followed the design methods that can be found in too many corporate intranets.

One of Facebook’s major features is “consistency.” Consistent styling; consistent behavior; consistent look-and-feel.

Consistency is paramount to the success of all successful social networking sites. In fact, consistency is such a hallmark of these sites that ANY change to the design makes headlines or at least millions of wall posts!

But even when Facebook does introduce updates and new features, it keeps enough of the fundamental functionality and navigation consistent that users are able to fairly easily roll with the changes.

Consistency and ease of use have driven Facebook’s success. From the beginning, the company knew it wouldn’t be able to scale rapidly if it had to hire a huge support team to help users utilize the site. (Ever tried to reach human support on Facebook? Good luck.)

So they focused, relentlessly, on keeping it simple–so simple that even grandmothers (and grandfathers) with almost no computer experience could figure out how to create a page and share photos of their grandchildren.

The Challenge of Simply UI DesignBut if Facebook was like most corporate intranets, its doubtful users would have returned again and again.

Corporate intranets too often present different styling, navigation and features across different applications, sections and pages. Users experience a chaotic environment where they have to work at navigating through the site. Inconsistency causes confusion for users and results in incorrect choices and incomplete responses and general frustration. In a request fulfillment environment, this results in reduced usage and an increased need for ‘call-back’ from the fulfillers.

Consistency Not Chaos

The example below (one of the standard templates provided with Kinetic Request) illustrates a better approach: consistency, not just in styling but also in navigation and layout. From page to page, navigation elements and “action” links remain in consistent locations.

Consistency and clarity result in higher user adoption, faster service request processing, and smoother workflow for service delivery staff.Request Management Screen Example

With a clear and consistent design, users should be confident after the first page of a number of vital things:

  • Where to expect to find information
  • How to navigate from the page and back to the page
  • How to leave the page
  • How to get more information about an item
  • How to select an option or item

Even complex forms can be simplified by pre-populating fields with known information (e.g., if the user is logged in, the system should already know the user’s name, title, office address, phone number, email and other similar data) and keeping the layout consistent with other pages while removing unnecessary information.

Elaborate Yet Simple Request FormQuestions should be “nested” so that additional questions are revealed only if and when the added information is required.  Complex instructions can be avoided by clear and simple navigation that is consistent between forms.

Consistent site style provides a number of benefits for users: it’s easier to use, more predictable, and speeds the request-to-fulfillment process by avoiding unnecessary support phone calls and clarification emails.

In addition, consistent design benefits the organization by:

  • Controlling ‘rogue’ development
  • Enhancing corporate identity / branding
  • Lessening “silo” effects between departments
  • Unifying fulfillment – especially when it is multi-faceted

This post was based on the presentation “Creating Consistent User Experiences” delivered by Michael Poole and Shane Bush at the 2012 KEG event. You can view details of the original presentation on Kinetic Community or learn more about the upcoming 2013 KEG event.

Subscribe to our weekly email newsletter

Latest Articles

Unlocking Developer Efficiency with the Right Tools
Complex Workflow   |   Aug 20, 2024

Unlocking Developer Efficiency with the Right Tools

Choosing the perfect Integrated IDE can streamline workflows and boo...

React’s useContext vs Redux: Global State Cage Match
Complex Workflow   |   Aug 13, 2024

React’s useContext vs Redux: Global State Cage Match

This post explores the critical distinctions between React’s useCont...

A Wonderful Front-end Training Experience in Beautiful Baltimore
Complex Workflow   |   Jul 30, 2024

A Wonderful Front-end Training Experience in Beautiful Baltimore

We recently had the pleasure of hosting a special onsite front-end t...