BunnyfootBunnyfootBunnyfootBunnyfoot
  • Our services
  • About us
  • UX training
  • Our clients
  • Blog
  • Contact us
    Home Brain Feasts: Longer Reads What is Information Architecture in UX?

    What is Information Architecture in UX?

    By Fergus O'Callaghan | Brain Feasts: Longer Reads | 0 comment | 8 December, 2017 | 0

    You may not be aware of it, but you encounter Information Architecture (IA) many, many times a day, and the list of ways you do so is practically endless – whether it’s on road traffic signs, menus in restaurants, your online banking app, the sports results, and even reading the phone book (if you still use one!)!

    But what really is Information Architecture?

    What It is

    The Information Architecture Institute (yes, there is one) defines IA as:

    1. The structural design of shared information environments.
    2. The art and science of organizing and labeling web sites, intranets, online communities and software to support usability and findability.
    3. An emerging community of practice focused on bringing principles of design and architecture to the digital landscape. 

    To put it another way, IA is the organising, structuring and labelling of information that helps people to both locate and understand it.

    Let’s Talk Digital

    Looking at IA from a purely digital point of view for a moment, there are two main types of IA: top-down and bottom-up.

    Top-down IA aims to bring to the surface the most important information required to fulfill users’ needs when they first access a website or app. Imagine a user coming to your website with an ‘I know what I’m looking for, now how do I find it?’ mindset. To be a bit more specific, this could translate to: ‘it’s Cyber Monday, where can I find today’s deals?’ as an example. In which case, Amazon have hit the nail on the head here:

    Top-down IA: Amazon's home page

    Top-down IA: Amazon’s home page

    This page provides quick access to relevant content required in our example above (a user looking for Cyber Monday offers). Users can also look for specific products using the search box or by using the ‘Shop by Department’ drop-down category menu in the top left-hand corner of the page.

    Bottom-up IA is what you see at page level and is more focused on how the content is presented. This includes page headers, sub-headers (H1s, H2s etc. in HTML mark-up), links to all the other things the page enables you to do, content sequence, and content structure (how the content is ‘chunked’).

    Bottom-up IA: Amazon's product pages

    Bottom-up IA: Amazon’s product pages

    IA informs the entire navigational structure of websites (global, site-wide navigation, local navigation and page-level navigation), their site-search systems, right down to – as mentioned previously – page level content.

    Why IA is Important – No, Crucial

    When IA is designed well, it helps users’ understanding of the information presented: where they are, what they can expect and how they can achieve what they want to. However, not all categorizations will be suitable or relevant to all users. For example, tomatoes are botanically classed as berry-type fruits – but as the saying goes, “knowledge is knowing that a tomato is a fruit, wisdom is knowing not to put it in a fruit salad” – so users could be mentally categorising them either way when doing their online shopping.

    For you to genuinely understand your users, it is necessary to know the context they will be approaching your service with, and design it appropriately to meet their needs and expectations.

    Designing with IA in Mind

    At Bunnyfoot, when we’re working on IA projects, we take the time to understand the needs and goals of the businesses we work with. We then go about understanding their users (customers), the environment they’re providing, their users’ mental models and their desires – all through research activities such as depth-interviews, ethnographic research and card sorting (open, closed, hybrid, reverse card sorts – yes, there are lots!). We also facilitate wireframe walk throughs and conduct usability testing to get a deep understanding of your users.

    Donna Spencer, the author of ‘A Practical Guide to Information Architecture’, put it best: “get people to put stuff into groups that make sense for them. That’s about all there is to it”.

    Card sorting

    It’s a common misconception that high-level site maps is all there is to IA. And while it is an important aspect, IA is actually much more complex and in-depth. To document IA, both high-level and detailed sitemaps should be used in conjunction with flow diagrams and charts, excel spreadsheets, word documents and annotated wireframes. The combination of these assets is then used to communicate the complex structures and relationships that exist between the data.

    IA documentation

    An example of IA documentation (a detailed site map)

    Research, Research, Research

    Conducting the right research is the most important thing you can do in order to understand how your users think, and as a result will assist you in designing appropriate solutions – both online and off – to meet their needs.

    If you want to discover more about Information Architecture, or find out how to improve the overall usability of your projects, we’d love to hear from you!

    • A Straight Forward, Straight Talking Guide to Mental Models
    • Training Course: UX Strategy
    • Training Course: Designing for the Human Mind / Brain
    Customer Insight, Design Tools, Information Architecture, User Experience, User-Centred Design, UX, UX Strategy

    Fergus O'Callaghan

    More posts by Fergus O'Callaghan

    Related Posts

    • What’s in a name? User Experience and UX Design vs. Design Thinking

      Nov 24, 2020

      User Experience (UX), UX design, and design thinking are popular buzzwords and often used interchangeably. But are they interchangeable? What do they mean, exactly, and how should we use them? User experience continues beyond a single touchpoint Let’s unravel the... Read more

    • Tips from Airbnb on Designing a 5 Star Website

      May 30, 2019

      It’s 9:00am and you’ve just touched down in sunny Barcelona and arrived at your Airbnb. You open the door and your eyes dart around the room — lots of light, modern furnishing and most importantly, it’s clean! First impressions are... Read more

    • Highlights from the Service Design Fringe Festival 2018

      Dec 18, 2018

      Giving myself enough time to reflect on the Service Design Fringe Festival as one of the 2018 organisers I can firmly say that the Festival was a success and worth of my time and energy investment putting aside/greying out countless... Read more

    • Video Games – Addictive By Design?

      Nov 5, 2018

      If you were asked to characterise a ‘gamer’, chances are, you’d describe a socially awkward teenage male. That’s the general perception of a gamer – and something that has been perpetuated by films and TV for decades – but it’s... Read more

    Leave a Comment

    Cancel reply

    Your email address will not be published.

    NextPrevious

    Recent Posts

    • ‘AR’-commerce – a novel and functional shopping experience January 26, 2021
    • Webinar: UX & Sustainable Service Design January 12, 2021
    • AR isn’t mainstream… or is it? January 7, 2021
    • What makes an effective UX Consultant? Bunnyfoot speaks to UX Usability Podcast December 11, 2020
    • What’s in a name? User Experience and UX Design vs. Design Thinking November 24, 2020

    Categories

    • Brain Bites: 2 Minute Insights
    • Brain Feasts: Longer Reads
    • Brain Licks: 10 Second Wisdom
    • Bunnyfoot Updates
    • Content: White Papers, Research Reports and More
    • Events
    • News and Announcements
    • Talks and Presentations
    • Tools and Resources
    • Uncategorised

    LONDON

    4th Floor
    54 St John’s Square
    Farringdon
    London
    EC1V 4JL

    Tel: 0207 608 1670

    SHEFFIELD

    The Old Chapel
    8 Mortimer Street
    Sheffield
    South Yorkshire
    S1 4SF

    Tel: 0114 478 2950

    OXFORD

    Boston House
    134 Downsview Rd
    Wantage
    Oxfordshire
    OX12 9FF

    Tel: 01235 606 140

    Cyber Essentials (PLUS) Logo
    • Copyright Statement
    • Terms & Conditions
    • Training Course Terms & Conditions
    • Privacy Policy
    • Jobs
    © Bunnyfoot Ltd 2020 | Bunnyfoot is part of the Sideshow Group
    • Our services
    • About us
    • UX training
    • Our clients
    • Blog
    • Contact us
    Bunnyfoot
    We use cookies on our website to give you the most relevant experience by remembering your preferences and repeat visits. By clicking “Accept”, you consent to the use of ALL the cookies.
    Privacy PolicyREJECTACCEPT
    Privacy & Cookies Policy

    Privacy Overview

    This website uses cookies to improve your experience while you navigate through the website. Out of these cookies, the cookies that are categorized as necessary are stored on your browser as they are as essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may have an effect on your browsing experience.
    Necessary
    Always Enabled

    Necessary cookies are absolutely essential for the website to function properly. This category only includes cookies that ensures basic functionalities and security features of the website. These cookies do not store any personal information.

    Non-necessary

    Any cookies that may not be particularly necessary for the website to function and is used specifically to collect user personal data via analytics, ads, other embedded contents are termed as non-necessary cookies. It is mandatory to procure user consent prior to running these cookies on your website.