Slickplan

Organizing Web Pages

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. Optimizing your user flow is crucial to a highly converting website. 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.

🎬 Learn what Slickplan can do!

We filmed a short video to show you exactly how to use Slickplan

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:

lc2 content graphic5

  • 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.

Visualize ideas with diagrams

Build intuitive user flows, stronger customer journeys and improve information architecture.

14-day free trial
No credit card required

References

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

Ian Lawson

Want more free content like this?

Tips & tricks, how-to’s and deep dives delivered to your inbox 🚀

Visualize ideas & solutions with diagrams

14-day free trial
No credit card required

You might also like

Agile user story example: how to write user stories (template included)

Agile user story example: how to write user stories (template included)

Storytime! Ok, well, it isn’t that kind of storytime. User stories are a fun and easy way to collect information, requests, needs, wants, problem-solve, and more. But not just collect…

Communicate your vision with diagrams

Sign up