Category: Web Design

Related tags

Are you the author who passionately writes about UX-design and project management?

Contact us if you want your articles to be posted on our blog.

A Guide to a Website Structure

A Guide to a Website Structure

The modern world is overflown with information, a huge number of sites force users to regularly process an incredible amount of data. Having access to such a large amount of research materials, users often feel frustrated due to the inability to find the desired data in the bottomless pit of useless information. This is largely due to the fact that the developers did not pay enough attention to the systematization of information on the Internet for a long time.

Like a library or bookstore, each new site requires a systematic approach to the process of developing proper navigation and data cataloging. Imagine a store without clear navigation, where all the books are stocked in one big pile. Let us assume that you are trying to find Lacan’s seminars or a new novel by Michel Houellebecq in a store like this. The most common decision will probably be just going to another store, where all the books will be conveniently sorted out, because you will not have to waste your time searching for the right book in a pile of unnecessary ones. Such a simple comparison can determine the significance of a systematic approach to website data organization. One of the tools to systematize information on the site is to develop a proper structure.

What is a Website Structure?

A website structure can be defined as a structural projection of an informational space that provides intuitive content access. The site structure helps to form an understandable navigation system, using which the user can find the information he needs easily. The organization of a website structure is a necessity that a developer faces when designing usability. In addition to usability, correct site structure often solves broader problems that depend on the goals of your website.

Approaches to the Development of Organization Schemes

Approaches to the Development of Organization Schemes

You should always use different organization schemes for different purposes, depending on the user’s needs and your business goals. There are two approaches to the development of such a classification: top-down and bottom-up.

Top-down Approach

This approach is based on the goals and needs of users. You should start with the most general categories of future content and functionality. To achieve business goals, it is necessary to conduct a logical content cataloging, gradually breaking it up into categories. The result will be a hierarchical structure of the site, which can be used as the foundation for content organization and help you define proper functionality.

Bottom-up Approach

This approach can be defined as a way to develop the structure based on the content that is available at the time of launching. The bottom-up approach also involves accentuation of categories and subcategories. The development of such a structure should begin with the content research. Depending on the content provided, you should group elements into categories of the lowest level, and these categories into higher ones. This creates a structure that reflects users goals and needs.

Each of the above mentioned approaches solves particular problems. Before starting a website development, you should remember that each approach has its pros and cons. It is harder to work out a detailed content with the “top-down” approach.
The peculiarity of the “bottom-up” approach is that it adapts the website structure to already existing content, which can interfere with future content adding. In order to create a good site structure, it is necessary to balance between the “top-down” and “bottom-up” approaches.

Rules of Website Structure Development

Rules of Website Structure Development

There are several rules that must be followed when developing a website structure. One of such rules is to limit the browsing “width” and “depth”.
The “width” here is the number of options at each browsing level. You should limit the browsing “width” by working out the cataloging system and setting the organization principles in the upper browsing level. A well-developed cataloging system will reduce the browsing “width” at the lower level of the site structure, simplifying the search by category at the “upper” level.

There is also an opinion that the “browsing depth” should not exceed three clicks – this means that the visitor must perform no more than three actions in order to get to any part of the site. The balance between “width” and “depth” makes the content easily accessible. Without a doubt, this rule is reasonable.

Nevertheless, you should pay more attention to the transitions logic. With smartly designed transitions path, each next step looks logical and understandable to the visitor. Even if the “browsing depth” of your websites exceeds three or four clicks, it is unlikely to have a negative effect on conversion rates. On the contrary, if you have a “browsing depth” of three clicks, but have not set up a proper transitions path – you may mislead your visitors, they can get lost in the structure of your website and will not find the information they came for.

Peculiarities of Website Structure Development

Understanding your website goals and user needs is the foundation of a great structure. This data cannot be obtained out of thin air, and you have to conduct a research to realize your target audience’s needs before you begin to design the structure of your site thoroughly. As your website develops, you should keep the researches up to date in order to understand the dynamics of growth and changes in user needs. In this case, the Customer Journey Map tool will be of assistance. By controlling user needs, you get the opportunity to make timely changes to the site structure.

Adaptive Structure

When developing a commercial organization website, the Client or a representative often does not understand the principles of Internet business functioning. If that is the case, it is important to explain that the development does not end after the launch. The Internet is a dynamically developing environment where business success is largely due to the timely integration of working business solutions. Subsequent additions and changes to the site after the launch should not lead to permanent fundamental changes in its structure. A distinctive feature of a good, well-developed structure is the possibility to adjust the website to the dynamics of business needs.

Regardless of how well you work out the site structure, it may sometimes be necessary to redesign its organization. As a rule, such changes are due to an increase in amount of content. When creating a small online store, you can implement scrolling of goods by the date of publication. Given a small amount of goods, such an organization can increase the conversion rates due to the fact that the user has the ability to quickly view the entire range of products, and it is highly possible that some users may want to buy an item that they did not even think about at the beginning. However, this will not work if you have a large number of goods, because the users will have to look through lots of unnecessary products in order to buy the thing they need. You should redesign and make fundamental changes to the website structure in these occasions. Your customers will not waste their time like this, and your earnings will decrease.

When it comes to the development of a website structure, there is no need to focus on only one cataloging system that is accepted in your business niche or that is used by your competitors. Certainly, one should be aware of the existing similar experiences, but it will be much more productive for the business to be guided by the user needs. In order to correctly identify user needs, you should conduct an UX research.

Read more about the implementation of UX research methodology at the early stages of product development in our article.

Architectural Solutions for Website Structure

Architectural Solutions for Website Structure

Hierarchical Structure

Features a tree-like structure, the elements in which have “main” and “secondary” dependencies. The “secondary” elements are the narrowest concepts stored in the “main” element. In accordance with the hierarchy, the “secondary” element is dependent on the “main” element, and any “secondary” element might become “main” to another, if you wish to narrow down the concept further. For example, the “main” element is the “Main page” of an online store, the “secondary” is the “Catalog” page or the “Product card” – depending on the navigation system. By following the above-mentioned sequence, you can go all the way from the general “Main page” of the site to the “Product card” page, that is narrowly focused. In hierarchical type of structure, each “secondary” element must be a child of a “main” element (excluding the primary “main” element, which is the beginning of the entire hierarchical scheme). The hierarchical model of website structure is one of the most popular and easiest ways to display complex information flows.

Matrix Structure

Allows you to design elements of structure in two or more dimensions. The matrix structure is suitable for designing navigation in terms of a single element, taking different user needs into account. Typical example of implementation of this model is an online store product catalog, in which the sorting of a single list of products must be provided according to different parameters, for example, by color or size. It is important to remember that it is hard to process and visualize information in four or more dimensions. This means that matrix structure with more than three dimensions can create additional navigation problems.

Organic Structure

In this type of solution, structure elements are not logically related. Organic structure does not have the principles of content cataloging, and it can only be implemented in conditions when the links between the content are not established. An entertainment website, during the use of which the user is ought to feel like a researcher is a vivid example of organic site structure.

Consistent Structure

It is one of the most common forms of organizing information, familiar to almost everyone. For example, a consistent structure can be seen in books, articles, video and audio materials. An example of a consistent site structure on the Internet can be a simple “Landing Page” where there is a consistent description of the product and contacts. A consistent organizational structure can also be used when designing onboarding in a mobile application and on a website.

The Main Principles of Website Structure Organization

The Main Principles of Website Structure Organization

Organizational principles are necessary for grouping and cataloging content. In fact, organizational principles are a set of criteria by which the elements are grouped. These criteria are formed in accordance with the results of research and a business solution that is successful in a particular niche. Therefore, it is necessary to form different organizational principles for sites with different purposes.

When developing a corporate site structure, the organizational principles are more likely to be focused on audience, so the second level of the tree structure will most likely contain the following elements: “News”, “About Company”, “Our Products” and other pages relevant for the target audience of this website.

The Upper Level of Structure

At the upper levels of website structure, organizational principles are focused on business goals and user needs. The lower levels are more dependent on the specific content and service functionality.

Consider a news site as an example – the content is located in a chronological order. This is due to the website’s primary purpose. As a rule, most users visit such portals to find out the latest news. Therefore, the upper architectural level is mostly focused on users primary needs.

The Lower Level of Structure

The lower level of a news portal will be heavily content-focused. For example, if the site specializes in IT news, then the content will probably be divided into the following categories: “Design”, “Frontend” etc. Thus, when designing the lower level it is important to detail and group the content properly.

Conclusion

You should not be limited to only one type of structure. During the process of development, your primary focus is the user needs, therefore you should implement the type of structure that is relevant to your visitors. Start designing the top level by creating a hierarchical structure and defining the needs of your target audience. Use any type of structure that will meet the specific needs of your site in the process of future development.

Question – Answer

I already have a website and it is structured in a wrong way. Is it worth creating a structure with new pages or should I restructure the old ones?

This question cannot be answered without a complete analysis of the current site structure. We can conclude which of the options will be cheaper and easier to implement only after the analysis.

When is a tag cloud useful?

This question is more related to SEO optimization. In order not to lower the current place of your site on a search engine query, you should ask a SEO specialist about the correct way to use the tag cloud.

How to properly organize the bottom level of the site structure if it has a large number of identical elements and they are added on regular basis (for example, online store product cards)?

In order not to make the structure too complicated for perception in a situation when the amount of content is regularly updated, one should correctly catalog the content (upper level of the site structure). If you work out the principles of content organization correctly, you will not have any difficulties in adding new content and distributing the already existing one without messing up the structure with similar elements.

Read more

Website Redesign, the First Steps

Website_Redesign_01

Weak interface solutions is one of the modern Internet’s current problems. Users that see imperfections regularly may not notice them, but then they encounter another website that has a better design and realize that the first one was not that good. It is this fact that pushes major organizations to experiment with the design of their website interface and make a complete redesign. Does my website need a redesign? And what tools are used to create an intuitive and user-friendly interface?

The reasons why companies may consider redesigning their website:

1. Absence of targeted traffic

Your site neither attracts targeted traffic nor attracts enough traffic. The lack of targeted traffic is one of the first reasons to change the current website interface.

2. Changing the principles or business objectives of a company

Structural changes in the company’s business goals lead to interface redesign. Such changes are especially relevant in a situation where a non-commercial site has to occupy a niche in commercial sites field.

3. The desire to accentuate the content

Websites are often created without the properly structuralized content. For this reason, a huge number of sites are not adapted for users and search engines. The search for the necessary content turns into a test. Content accentuation makes the necessary information easily accessible.

Evaluate your site by these criteria and determine the need for redesign. The process of redesigning is complex, multi-level work that requires a responsible approach at every stage. In the process of developing the first version of the site, you probably did not study the target audience, and the design was not excellent. Redesign is a correction of mistakes and its distinctive features are:

– the research of target audience and development of the user path based on the data provided by research

– the development of target audience-oriented content

– the development of content-oriented interface

The process of website redesign has nothing to do with rebranding. The redesign implies changes to the structure based on the data provided by UX researches.

Where to Start?

You should start the process of redesign by conducting a research of your target audience. Here is the list of some powerful UX tools used to make a full-scale research:

User Interviews

Website Redesign

If you have planned to redesign your website, you should focus your attention on the customers that use the site on a regular basis and know the flaws of your interface. The UX designer should conduct user interviews, which sometimes can be of a challenge. The thing is that it is often hard for user to answer the questions about the specifics of interface interaction. This happens because users get used to the interactions with your website and it becomes like a routine for them – no specifics to describe, just the usual automatic actions When conducting an interview, it is important to receive the most detailed information from the user. One way is to conduct a contextual interview.
Contextual interview allows you to combine user observation and a classic interview form. During the user observation, you have to ask him to comment on the actions performed when using the website interface. During the contextual interview, it is necessary to questions, clarify them if needed, and record the answers. Help users to formulate their thoughts in order to get the most accurate information.

Finding Out the Users Personas

Website Redesign

An important part of user-oriented interface creation is to work out the user “Persona”. It is a generalized representation of one part of the target audience, the users of which have similar views on your product. When creating a “Persona”, the UX designer should include the characteristics that are common to one group of your clients, according to the researches conducted before.
The Personas let you see the possible ways your project can go and may influence the decisions about the website interface. A “Persona” may also simplify third-party interactions that you deal with throughout the project. A detailed “Persona” describes the target audience in a quick and understandable way.

You should conduct a research of users personas in a team, because you can get to know your target audience and use that experience in further interface updates. A creation of “Persona” begins with defining users characteristics that should be obtained in the course of researches (e.g. user interviews, analysis of user reviews). Group the characteristics of “Persona” into clusters and analyze them. Then, exclude the characteristics that are useless for the business and group clusters that include common characteristics together. The clusters should be further personalized, made memorable and realistic. Specify the information:

– Name, age, gender and a photo

– Description of activities

– The experience of using your product and your competitor’s

– Their goals and problems your website solves

it is important to remember that it is necessary to create a realistic image – this will help the team to memorize the person they are developing interface for.

Content Development

Website Redesign

You should develop the target audience-oriented content in accordance with the research data obtained.
Content-oriented approach is one of the most popular methodology for website design and redesign development. In this approach, the content is the essence of your website. The design should provide the user with an intuitive and comfortable path to the desired content. Instead of developing a nice-looking UI that has poor layout logic, start developing content that is needed by users. This approach saves you the time spent on iterations, if you have started the redesign with the development of UI. Target audience-oriented content is one of criteria that lets you build the information structure that is intuitively understandable to users. In its turn, the information structure will become a good basis of further UI development that will be aesthetic, authentic and intuitive for the target audience.

General Recommendations

Before you start redesigning your website you should consider the project’s budget in order not to use the excessive amount of methods. If the designer knows the budget, he can distribute it among different UX methods in a correct way. Some project may require more “contextual user interviews” with “user observation”, some may require a “usability testing”. In any event, it should be remembered that you should use empathy in order to understand the users to whom you develop the interface for. This is possible only if you research the target audience with UX methodologies and SEO data regularly.

Conclusion

In the course of this article, we have reviewed some simple actions and methods that may be implemented by an UX designer to redesign the website in a quick and efficient way. It should be understood that target audience research is not limited to user interviews and “Persona” creation. The amount of “UX research” methods is full of elegant elements that help designers to make their projects better and better. The main purpose of this article was to unveil some user-research methodologies in UX design and to understand some core principles of developing a well-structured website. The next articles will focus on powerful tools that an UX designer may use to develop an intuitive interface, and what tools should be implemented to keep the constantly changing user needs under control.

Read more