All Articles

Creating a User Flow, User Flow

Organizing Web Pages

December 11, 2014

As “unparalleled user experiences” moves to the top of the list in perfect website design, the structure and organization of your web pages is the most important aspect of your web design plan. Effective web pages designed for user experience (UX) have been strategically planned based on a number of customer-based needs, wants, and desires. According to Peter Morville’s User Experience Honeycomb, the seven facets of user experience include websites that are: User Experience Honeycomb
  • Accessible
  • Credible
  • Desirable
  • Findable
  • Usable
  • Useful
  • Valuable
He believes the focus from information architecture (IA) to user experience (UX) is critical in “helping clients understand why they must move beyond usability” in their website design. Once you understand the value in a website structure that targets customers, the decision to refresh and reorganize your website is a no brainer.

Before You Begin

Whether you are organizing web pages for a startup company or reorganizing your site to increase your traffic, garner more leads, and generate sales, there are important considerations before you begin. You want to land with a website structure that reaches beyond your visitors and takes them on a “journey” in which customer satisfaction leads to business rewards. Let’s take a look:
Inventory your content

Inventory your content

Website structure is based on your products and services, the unique messages you wish to share with your visitors, and your audience (customer) and purpose. This step in content planning (back to IA) will guide you to create viable structure.
begin with an outline

Begin with an outline

Review your business plan and establish an outline for your website navigation. Collaborate with your peers, brainstorm, and document your discussions in a rough outline.

Create a sitemap

Use a sitemap creation tool to organize your outline into a visual, hierarchical sitemap that can easily be modified as you dig deeper in the planning of your website structure. Start with the main categories (like Home, Products, About, and Contact) and then begin to add subcategories beneath your main categories. Keep in mind Morville’s User Experience Honeycomb as you design a sitemap for superior user navigation and UX. Create a sitemap
A modifiable sitemap is an excellent tool for organizing your thoughts and creating a backbone for your website structure. The ability to modify and share it with peers and associates is key to successful website planning.

Designing for Unparalleled User Experiences

In order to organize web pages into a usable and valuable structure targeting your customers, some research is needed. Understanding your audience is critical. You need to know what motivates your potential customers. You must understand their behaviors as well as their needs. Next, build logical user flows with your customers in mind. Consider the path you want them to take when they land on your pages, using these tips:
  • Ensure your website structure coincides with your products, services, audience and purpose
  • Optimize your structure (SEO) to align with search data; what specific keywords are your customers entering in search engines
  • Organize your pages based on audience’ needs and usability
  • Place yourselves in the position of your customers when they visit your site; what are they looking for and how will they get there
  • Plan your website structure around content rather than writing content to fit structure
  • Use clear and consistent naming conventions for navigation, pages, and headings
Organizing web pages for ultimate user experiences is significant for today’s Internet. A little research and a lot of planning go a long way toward your website success. While there are many facets to creative and engaging website design, organizing your web pages for UX is the most important aspect of your design, and the one that will take your business to new heights.

References

Slickplan website. Morville, Peter, Semantic Studios 2014. User Experience Design, 2004.

Simon Kelly

July 19, 2015

Great resource – clear and concise and I especially like the User Experience Honeycomb. One area I see web site IA mistakes is building the sitemap and navigation for how the company sees itself, instead of focusing on how to make it easy for a visitor or potential customer to view the content. Considering your audience is key!

Reply
Slickplan

Slickplan

July 20, 2015

Totally agree Simon! Using personas is a great way to help a client get past the tunnel vision regarding information they present and ultimately the experience they deliver for the end-user. Thanks for the reply!

Recommended Articles

Join over 180,000 registered users

plans start at just $8.99 a month

Get Started Today

No credit card required