5. Information Architecture

Defining the information architecture of Nathans’ website will improve how users interact and use his website. Let’s take Lego as an example. You got three sizes of Lego, small tiny blocks, medium and large blocks for toddlers. The builder (user) needs to access the tiny pieces but they have been jumbled with the large and medium blocks. If we organize these sizes by grouping them together into clear tubs, we will be able to scan the large blocks but also not miss the tiny pieces because they are in a box together.

So how does this relate to Nathan’s site? The site has organized it’s blocks of information in a way to answer two important questions:

  1. Who is Nathan?
  2. What does he do?

While also providing a miscellaneous space for his personal interest which is blogging.

Navigation Design

Global Navigation:

  • Homepage / About Me
  • Portfolio
  • Blog

In-page Navigation:

Throughout the about page, Nathan mentions his travel and his love for scripting. It would be great to link some of the words to the images found in his portfolio.

Due to the small nature of Nathans website, other navigational elements aren’t needed. E.g. Breadcrumbs, Related links, Pagination, Search features, utility navigation.

Page Design

The page hierarchy will consist of a global navigation at the top and logo. The body will hold the content. A small footer navigation will contain the Global navigation including a contact link (this will go to the about page to the Contact anchor.

page design concept
page design concept

The Portfolio page will consist of the same page design (navigation layout) but will showcase photographs/images.

The Blog page will consist of the same page design. The body content will just be different to reflect that of a blog.

User Testing

I chose to test the architecture of the entire 3 page website. I drew up three low-fidelity visuals. I then handed them to a participant who followed 6 tasks and then filled out a questionnaire. The most liked results from this participant was the pictures were well photographed. The least liked was my low-fidelity representation of the trees (they were triangles). The recommendations for improvement was to select participants that were more relevant to Nathan’s target audience. This would explain the disagreement ticks.

Participant found it easy to use, easy to learn to use, can get information question and is well organized

Leave a Reply

Your email address will not be published. Required fields are marked *