Graphics Design  ·  Level 6
User Experience Design
Chapter 2: Develop information architecture
📚 0 Topics
⚑ What you will be able to do

By the end of this chapter, you will be able to:

  • Carefully analyse a research brief to understand project goals and requirements.
  • Thoroughly examine insights and data to gather meaningful information for your design work.
  • Create clear and detailed personas and archetypes that accurately represent your target users.
  • Determine the right personas and archetypes based on the research brief.
  • Conduct effective stakeholder interviews to gather valuable input for your project.
  • Accurately analyse data in line with the project brief to guide your design decisions.
  • Create wireframes that clearly outline the structure and layout of your design.
  • Build, test, and review prototypes to ensure they are functional and user-friendly, following the project brief.

Mastering these skills will help you create user experiences that truly meet client and user needs in the real world of design.

Information architecture is a foundational aspect of user experience design, especially for graphics design professionals who craft digital interfaces such as websites, mobile apps, and interactive kiosks. In Kenya's rapidly growing digital economy, clear and intuitive structuring of content and navigation is essential to ensure users, whether in banking platforms or educational portals, can easily find and use information. This chapter focuses on understanding information as the core material that information architecture organizes, enabling graphics designers to create seamless user journeys that align with both client goals and user needs.

1.1 Introduction to Information

Information is the raw content and data that users seek when interacting with digital or physical products. For graphics design professionals, managing information effectively means knowing what content to present, how to categorize it, and how to make it accessible through well-planned layouts and navigation structures. In Kenya, where digital literacy is increasing but still uneven, presenting information clearly and logically helps bridge gaps and enhances user satisfaction across diverse sectors such as healthcare, education, and finance.

1.1.1 Nature and Types of Information

Understanding the nature and different types of information is critical for structuring content in user interfaces. Information can be factual, procedural, descriptive, or navigational, and each type requires different design considerations to ensure clarity and usability.

Nature of Information

  • Dynamic vs Static: Dynamic information changes frequently, such as news feeds or stock prices, requiring flexible design that accommodates updates. Static information, like company profiles or FAQs, remains constant and benefits from stable, easy-to-locate placement.
  • Structured vs Unstructured: Structured information is organized in predefined formats, such as databases or tables, which facilitate search and filtering. Unstructured information, like blog posts or multimedia content, needs thoughtful categorization and metadata to be discoverable.
  • Contextual: Information often depends on user context, such as location or user role, which affects how it should be presented. For example, a mobile banking app in Nairobi might show different options than one used in rural areas.
  • Hierarchical: Information typically has levels of importance or relationship, such as main topics and subtopics, which should be reflected in the interface through menus or breadcrumb trails.
  • Interactive: Some information requires user interaction, such as forms or quizzes, demanding clear prompts and feedback mechanisms.

Types of Information

  • Textual Content: Includes articles, instructions, labels, and descriptions that convey meaning through language. Effective typography and concise writing are essential for comprehension.
  • Visual Content: Images, icons, infographics, and videos that support or replace textual information, aiding faster understanding or emotional engagement.
  • Audio Information: Voice instructions or sound effects that enhance accessibility, especially for users with visual impairments.
  • Metadata: Data about data, such as tags, categories, or timestamps, which help organize and retrieve information efficiently.
  • Functional Information: Elements like buttons, links, and menus that guide user actions and navigation within the interface.

1.1.2 Role of Information in User Experience Design

Information acts as the backbone of user experience, determining how users perceive and interact with a product. Its organization influences usability, satisfaction, and the overall success of a design project in Kenya’s diverse markets.

Enhancing Usability Through Information

  • Clarity: Well-presented information reduces cognitive load, helping users find what they need quickly without confusion. For instance, a county government portal with clear service categories enables citizens to access information without frustration.
  • Consistency: Uniform use of terminology and layout across different sections builds user familiarity, as seen in banking apps like Equity Bank’s mobile platform.
  • Relevance: Tailoring information to user needs and context prevents information overload and ensures engagement. An educational platform that adapts content based on the learner’s progress exemplifies this.
  • Accessibility: Designing information to be usable by people with disabilities, such as using alt text for images or readable fonts, widens the user base.
  • Navigation Support: Information architecture provides the pathways, menus, links, search functions, that help users move through content logically and efficiently.

Impact on Business and Client Goals

  • Brand Perception: Clear and professional information presentation enhances credibility and trust, vital for institutions like NHIF or retail businesses competing online.
  • Conversion Rates: E-commerce sites with well-structured product information and easy navigation see higher sales and customer retention.
  • Compliance and Transparency: Public sector websites that organize legal and procedural information clearly support governance and citizen engagement.
  • User Retention: Engaging and easily navigable information encourages repeated use, important for platforms like SACCO member portals.
  • Feedback and Improvement: Analyzing how users interact with information helps designers refine content and structure to better meet needs.

1.1.3 Sources and Gathering of Information

Before organizing information, graphics designers must identify and collect relevant content from reliable sources. This process ensures that the information architecture is built on accurate and complete data.

Primary Sources

  • Client Interviews: Direct discussions with clients reveal business objectives and key content areas. For example, a university’s website redesign starts by understanding departmental priorities from faculty.
  • User Research: Surveys, focus groups, and usability tests provide insights into user expectations and behaviors, crucial for tailoring information to real needs.
  • Content Audits: Reviewing existing materials such as brochures, websites, and databases helps identify what information is already available and what needs updating or creating.
  • Analytics Data: Web analytics from platforms like Google Analytics show which pages users visit most and where they drop off, guiding content prioritization.
  • Stakeholder Workshops: Collaborative sessions with marketing, IT, and customer service teams surface diverse perspectives on what information is essential.

Secondary Sources

  • Industry Reports: Studies from organizations like KRA or NEMA provide authoritative data that can enrich content with factual accuracy.
  • Competitor Analysis: Examining how similar organizations structure their information offers benchmarks and inspiration.
  • Legal and Regulatory Documents: Compliance requirements dictate inclusion of certain information, such as privacy policies or terms of service.
  • Academic Publications: Research papers and articles inform best practices in content presentation and user cognition.
  • Online Repositories: Public databases and libraries offer supplementary information that can support user education and engagement.

1.1.4 Challenges in Managing Information

Graphics designers face several challenges when dealing with information, especially in the Kenyan context where digital infrastructure and user literacy vary widely. Addressing these challenges is crucial to developing effective information architectures.

Common Challenges

  • Information Overload: Excessive or poorly filtered content overwhelms users, making navigation difficult, common in government portals with numerous services.
  • Inconsistent Content Quality: Variations in writing style, outdated data, or contradictory information reduce trust and usability.
  • Language Diversity: Kenya’s multilingual population requires content to be accessible in multiple languages or dialects, complicating information presentation.
  • Technical Constraints: Limited bandwidth and device capabilities in rural areas affect how rich content like videos or high-resolution images can be delivered.
  • Changing Content: Keeping information current amid frequent updates demands flexible design solutions and ongoing content management.

Strategies to Overcome Challenges

  • Content Prioritization: Focusing on essential information and using progressive disclosure techniques helps manage complexity.
  • Standardization Guidelines: Establishing style guides and templates ensures consistency across content creators.
  • Localization: Translating and culturally adapting content increases relevance and comprehension.
  • Performance Optimization: Designing lightweight interfaces improves access in low-bandwidth environments.
  • Content Governance: Implementing workflows for regular review and updates maintains accuracy and relevance.

Practice Questions

  1. Explain the different types of information relevant to user experience design and how each type influences interface layout. (10 marks)

  2. Discuss five ways in which well-organized information can enhance user experience in digital platforms used in Kenya. (10 marks)

  3. Identify and explain six sources from which a graphics designer can gather information to build an effective information architecture. (12 marks)

  4. Describe four common challenges faced when managing information in Kenyan digital projects and suggest strategies to address each. (12 marks)

The rest of this chapter
🔒

Create a free account to open more of this chapter.

Free: practical guides, quick cards, workplace scenarios and more.

Create a free account
🔒2.1 Types of Content

In the field of graphics design, especially when focusing on user experience design, understanding the types of content is fundamental. Content forms the backbone of any digital interface or communication medium, shaping how users interact with and perceive a…

🔒2.1 Content Developing Techniques

Content development is a critical phase in creating effective information architecture for user experience design. For graphics design professionals in Kenya, mastering content development techniques ensures that digital products such as websites, mobile appli…

Chapter Summary

This chapter explored the foundational concept of information and its critical role in structuring user experiences effectively. It examined various types of content, emphasizing how different formats and purposes influence the design of information architecture. The discussion highlighted the importance of organizing content in a way that supports easy navigation and user understanding. Techniques for developing content were presented, focusing on methods that ensure clarity, relevance, and alignment with user needs. The chapter emphasized the need for systematic approaches to content creation that enhance accessibility and engagement. Through understanding information, categorizing content types, and applying robust development techniques, designers can create intuitive and efficient information architectures. This foundation supports the overall goal of improving how users interact with digital environments.

Self-Assessment

🔒 PDFDownload this self-assessment, with answers

A. Written Assessment

  1. What is information architecture in the context of graphic design? (2 marks)
  2. Identify three key objectives of developing effective information architecture for a website. (3 marks)
🔒20 more in this section.

Chapter Examination Questions

🔒 PDFDownload these examination questions, with worked answers

SECTION A (40 Marks) - Answer ALL Questions

  1. Define information architecture in the context of graphics design and explain its importance when designing a website for a Kenyan retail business. (4 marks)
  2. Identify and describe four types of content commonly used in graphics design projects for corporate branding. (4 marks)
🔒18 more in this section.

Chapter Practical Activities

Practical 1: Create a hierarchical site map diagram for a corporate website

Graphics Design · Level 6
User Experience Design
PRACTICAL ASSESSMENT
TIME: 4 HOURS
⬇ PDFCandidate Instructions (Candidate Tool)

Type: Individual

INSTRUCTIONS TO CANDIDATE:
1.  You are required to perform the following task:
i.  Create a hierarchical site map diagram for a corporate website with at least 3 levels and 12 pages, sized to fit an A4 sheet in portrait orientation.
2.  You have been provided with the following resources for the practical task:
Tools & EquipmentMaterials
Computer with professional design software and word processing software and internet connectivityA4 printing paper
PencilsGlossy printing papers
Eraser
Ink pens/ball pens
Colored pencils
⬇ PDFResources Required (Cutting List)
S/NItemQuantity
1Computer with professional design software and word processing software and internet connectivity1 Computer Per Candidate
2A4 printing paper5 Pieces Per Candidate
3Glossy printing papers2 Pieces Per Candidate
4Pencils1 Set Per Candidate
5Eraser1 Pc Per Candidate
6Ink pens/ball pens2 Pcs Per Candidate
7Colored pencils1 Set Per Candidate
8Dust coat1 Pc Per Candidate
⬇ PDFAssessor Guide
Items to be EvaluatedMarks AvailableMarks ObtainedComments
TASK 1: Develop Information Architecture
Candidate wears dust coat and uses PPE
(Award 1 mark if PPE worn and used properly, else 0)
1
Candidate conducts project research and collects relevant data
(Award 1 mark for research conducted, 1 mark for data collected)
2
Candidate analyzes research findings and prepares a research brief
(Award 1 mark for analysis, 1 mark for brief preparation)
2
Candidate organizes website content logically and hierarchically
(Award 1 mark each for logical layout, user-centric structure, intuitive navigation)
3
Candidate ensures consistency, searchability, and user flow in site map
(Award 1 mark each for consistency and user flow/searchability)
2
Candidate presents a clear, well-labelled site map diagram
(Award 2 marks for clarity and labelling)
2
Sub-Total12
PRODUCT CHECKLIST
Site map diagram contains at least 12 pages arranged in minimum 3 hierarchical levels
(Award 3 marks if both conditions met, else proportional)
3
Diagram fits properly on A4 sheet in portrait orientation with neat presentation
(Award 2 marks for correct sizing and neatness)
2
All pages and navigation paths clearly labelled and easy to understand
(Award 3 marks for clear labelling and readability)
3
Logical grouping and intuitive navigation paths reflecting user-centric design
(Award 5 marks for logical grouping and navigation)
5
Sub-Total13
GRAND TOTAL25
ASSESSMENT OUTCOME:   ☐ Competent    ☐ Not Yet Competent (competent if at least 50%)

Practical 2: Develop detailed user flow diagrams for a mobile banking application

Graphics Design · Level 6
User Experience Design
PRACTICAL ASSESSMENT
TIME: 4 HOURS
⬇ PDFCandidate Instructions (Candidate Tool)

Type: Individual

INSTRUCTIONS TO CANDIDATE:
1.  You are required to perform the following task:
i.  Develop a detailed user flow diagram illustrating navigation paths for a mobile banking app covering login, account overview, funds transfer, and transaction history with dimensions 210mm x 297mm (A4 size).
2.  You have been provided with the following resources for the practical task:
Tools & EquipmentMaterials
Computer with professional design software and word processing software and internet connectivityA4 printing paper
PencilsGlossy printing papers
Eraser
Ink pens/ball pens
Colored pencils
⬇ PDFResources Required (Cutting List)
S/NItemQuantity
1Computer with professional design software and word processing software and internet connectivity1 Computer per Candidate
2A4 printing paper5 Pieces per Candidate
3Glossy printing papers2 Pieces per Candidate
4Pencils1 Set per Candidate
5Eraser1 Pc per Candidate
6Ink pens/ball pens2 Pcs per Candidate
7Colored pencils1 Set per Candidate
8Dust coat1 Pc per Candidate
⬇ PDFAssessor Guide
Items to be EvaluatedMarks AvailableMarks ObtainedComments
TASK 1: Develop user flow diagrams
Candidate wears dust coat before starting work
(Award 1 mark for dust coat worn before commencement, else 0)
1
Conducted research on user navigation needs of mobile banking apps
(Award 2 marks for documented research and analysis, else 0)
2
Planned logical navigation paths covering login, account overview, funds transfer, and transaction history
(Award 3 marks for clear, logical navigation planning, else 0)
3
Produced a detailed user flow diagram with labeled steps and decision points
(Award 4 marks for completeness and clarity of user flow diagram, else 0)
4
Used professional design software effectively to create the user flow diagram
(Award 2 marks for appropriate software usage, else 0)
2
Sub-Total12
PRODUCT CHECKLIST
User flow diagram is on A4 size paper (210mm x 297mm) and printed clearly
(Award 2 marks if diagram is to correct size and legible, else 0)
2
Navigation paths cover all specified app features: login, account overview, funds transfer, transaction history
(Award 3 marks if all features are included and flow is logical, else 0)
3
Diagram uses consistent symbols, color coding, and labeling for clarity
(Award 2 marks for consistency and clarity in visuals, else 0)
2
Diagram shows clear entry and exit points with decision nodes correctly placed
(Award 3 marks for correct use of decision points and flow direction, else 0)
3
Sub-Total10
GRAND TOTAL22
ASSESSMENT OUTCOME:   ☐ Competent    ☐ Not Yet Competent (competent if at least 50%)
🔒

Free: practical guides, quick cards, workplace scenarios and more.

Create a free account
🔒Organize Content Categories for an E-Commerce WebsitePractical 3
🔒Design a website navigation menu structure 1200mm widePractical 4
🔒Develop wireframe sketches for a mobile banking app homepagePractical 5
🔒Create and Conduct a Physical Card Sorting Exercise for Website ContentPractical 6
🔒Label content with metadata for improved information retrievalPractical 7
🔒Develop a breadcrumb navigation structure 600mm wide for a website hierarchyPractical 8
🔒Map user personas to information architecture componentsPractical 9
🔒Test Information Architecture Using Paper PrototypesPractical 10
Flashcards 20 cards Study deck ▾
Question
1

↻ Tap card to reveal answer
🔒

18 more in this section.

Create a free account
Test Yourself 18 questions Start quiz ▾
0%
0 / 2
🔒

16 more in this section.

Create a free account
Am I competent?

At the start of this chapter we promised you would be able to:

  • Carefully analyse a research brief to understand project goals and requirements.
  • Thoroughly examine insights and data to gather meaningful information for your design work.
  • Create clear and detailed personas and archetypes that accurately represent your target users.
  • Determine the right personas and archetypes based on the research brief.
  • Conduct effective stakeholder interviews to gather valuable input for your project.
  • Accurately analyse data in line with the project brief to guide your design decisions.
  • Create wireframes that clearly outline the structure and layout of your design.
  • Build, test, and review prototypes to ensure they are functional and user-friendly, following the project brief.

Tick each one you can genuinely do.

So, are you there yet?

You're competent when you can confidently do 50% or more of what this chapter promised.

Sign in to record how you're doing.