Information Architecture & Drupal

Summary:
- What’s IA and what problems does it (try to) solve?
- IA Components
- Getting things done
- From wireframes to Drupal

Transcript

1. Information
   architecture & Drupal
   @vlledo
   Delirium Coder
   Drupal Camp Spain
   2016 - Granada
   

   View Slide

2. • What’s IA and what problems does it (try to) solve?
   • IA Components
   • Getting things done
   • From wireframes to Drupal
   Summary
   

   View Slide

3. • Information overload
   • A lot of ways to access
   information
   Problems that IA addresses
   

   View Slide

4. Just because you can’t see it, doesn’t
   mean it isn’t here.
   

   View Slide

5. • The art and science of shaping information
   products and experiences to support usability,
   findability, and understanding
   • The structural design of shared information
   environments
   Defining IA
   

   View Slide

6. • From data to information
   • Structuring, organizing, and labeling
   • Finding and managing
   • Art and science
   Some concepts
   

   View Slide

7. The basis of IA practice
   Context
   Content Users
   

   View Slide

8. • IA starts with people and the
   reason they come to your site:
   they have an information
   need.
   Design for finding
   

   View Slide

9. • As with (building) architects,
   information architects are
   concerned with creating
   environments that are
   understandable and usable by
   human beings.
   Design for understanding
   

   View Slide

10. • Organization systems
    • Labeling systems
    • Navigation systems
    • Searching systems
    IA components
    

    View Slide

11. Organization systems
    We organize to understand, to explain, and to control
    

    View Slide

12. • Hierarchical (top down)
    • Hierarchical (bottom up)
    • Social classification
    Organization structures
    Organization Schemes
    • Alphabetical
    • Chronological
    • Geographical
    • Topical
    • Task-oriented
    • Audience-specific
    • Metaphor-driven
    • Hybrids
    

    View Slide

13. Labeling systems
    Designing effective labels is perhaps the most difficult
    part of IA
    

    View Slide

14. • Build a labeling table
    • Benchmarking
    • Content analysis
    • Users
    • Search logs
    How to develop it?
    Develop consistent
    labeling systems
    • Style: punctuation, case…
    • Presentation: fonts (families
    and size), colors, grouping…
    • Syntax: verb-based, noun-
    based, question-based…
    • Granularity
    • Comprehensiveness
    • Audience
    

    View Slide

15. Navigation systems
    Structure and organization are about building rooms.
    Navigation design is about adding doors and windows
    

    View Slide

16. Global navigation
    Contextual navigation
    Local navigation
    

    View Slide

17. Search systems
    Another form of finding information
    

    View Slide

18. Users Interface Engine Content Creators
    query results
    Search Engine
    

    View Slide

19. • Research
    • Strategy
    • Design
    Getting (IA) done
    

    View Slide

20. Research
    Shine the flashlight and understand what we see.
    Context research, content research, and user research
    

    View Slide

21. Context research
    • Strategy team meeting.
    • Communication team meeting.
    • Content management
    meeting.
    • Dig into the past
    

    View Slide

22. Content research
    • Heuristic evaluation
    • Content analysis
    • Content mapping
    • Benchmarking
    

    View Slide

23. User research
    • Usage analysis
    • Search log analysis
    • Surveys
    • Interviews
    • Card sorting
    • User testing
    

    View Slide

24. Strategy
    A high-level conceptual framework for structuring and
    organizing an information environment
    

    View Slide

25. The strategy report
    

    View Slide

26. Design
    From process to deliverables
    

    View Slide

27. Producing a clear and well-defined IA
    • Provides multiple views of an
    information architecture
    • Develop those views for
    specific audiences and needs
    • Make it visually (diagrams)
    • Communicate IA diagrams in
    person
    

    View Slide

28. From wireframes to
    Drupal
    Shaping our IA in Drupal
    

    View Slide

29. • Menus
    • Taxonomies
    • Views
    • Blocks
    Top down
    Bottom up
    • Content types
    • Taxonomies
    

    View Slide

30. Thanks, folks!
    @vlledo
    www.deliriumcoder.com
    

    View Slide