Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Modified 312/34/2223

What is Information Architecture? 

Information Architecture (IA) is a series of design choices and techniques that prioritize the organization, structure, and labeling of page content and pages in a way that is simple and easy for users to understand and navigate. It’s a layout for how The way you display the content on your websites and a way to should effectively show users how to find what they are looking for on your site without becoming confused or frustrated. 

Why use Information Architecture?

...

One very simple and easy method of implementing IA is using a method called card sorting (see figure 4). While not always requiring physical cards, it is a method of outlining the information you want on your site and organizing it as logically as possible by putting different information in categories. This will help ensure that users are finding information where they expect to find it. 

To start the process, you should label a series of cards (either digital or physical) with the information Label each card with its own piece of information that you want included on the website. For example, a company’s website might contain information on product pricing, company information, and resources to help consumers/users best utilize their product/information. You, or even better a random user, would then create groupings for the information (Main Menu, Company info, Client info, etc.), placing topics under specific groups. This will give you a visual layout of how the information should be grouped and subgrouped – grouping titles could become navigation drop downs, and the cards in each group could function as separate pages.Then, group them based on which category they fall under. For example, if one of your categories is an "About" page for your organization, the cards you may sort under it could be "History," "Mission," and "Goals." 

If you still feel unsure about the results of your card sorting, recruit a few willing volunteers to do it and compare and contrast the results. 

Information Flow Trees

Another method of laying out the content of a website is to create an information flow tree (see figure 5). Like card sorting, this helps visualize and break down the content and paths of a website, allowing you to effectively organize and group information in an easy-to-understand way.

...

Icons

Icons are small visual tools used to represent functions on the interface. A user will be able to navigate a website using the icons, limiting the number of words used on the screen. Icons should be simple, consistent, and universal. For example, a magnifying glass is commonly associated with the search bar, which we can see on the IKEA website (see figure 7). Image Added

The icons below (see figure 8) are all similar in style with one another. Though they each convey a different meaning, they are within the same icon family and makes the page more visually consistent. 

Image Added

Visit the Google's Icon Library to see different icons and their meanings.