0. With Our Powers Combined…
Content Strategy and User Experience to Create a Super-powered IA Presented by Dana Solano | Booz Allen Hamilton Kevin McDermott| Booz Allen Hamilton
Drupal GovCon 2017

1. Content Strategy looking from the bottom up

2. Content strategy process
Content Inventory
Reveals all content on the site
Multipurpose tool that evolves to meet goals
Content Audit
Page-by-page review
Is all content still relevant?
Can content be consolidated?
Taxonomy
Can content be related regardless of location?
Content Types
Is content structured and manageable?
#BoozAllen #Drupal4Gov

3. User Experience looking from the top down

4. User experience (UX) process
User Research
Who are our users?
What are they trying to accomplish?
Card Sort
What language are users using?
What do they see as related?
Tree Test V1
Can users quickly find the content they are looking for?
Tree Test V2
Have we addressed most of the issues from V1?
Interface Design
Does the content work with the new structure?
How can we best support findability and scanability with our designs?
Usability Test
Did we address any outstanding issues from tree test V2?
Did any new issues arise with the interface or content?
#BoozAllen #Drupal4Gov

5. Information architecture (ia) Where content and design meet

6. Why would you spend this much time on your information architecture?
Ensure quality with a repeatable, data- driven process
Verify you’re building what users need before investing in developer hours
Find the right balance between existing content and user wants and needs
#BoozAllen #Drupal4Gov

7. Step 1: Establishing a Baseline
Content Inventory < Influence > Card Sort < Influence > Draft Navigation

8. Content inventory
#BoozAllen #Drupal4Gov

9. Content inventory: The Basics
#BoozAllen #Drupal4Gov

10. Content inventory: Adding metadata
#BoozAllen #Drupal4Gov

11. Types of Card sorts In-person, moderated Remote, unmoderated
photo credit: Yandle
Nick Sorting Cards:
Creative Commons 2.0 license:
In-person, moderated
Remote, unmoderated
#BoozAllen #Drupal4Gov

12. Creating an open card sort for the NIAID intranet
We analyzed the existing “Topics”
We created cards for topics, subtopics, and pages relevant to all employees
Removed acronyms ex: FSA
Removed branding ex: Inside NIAID Newsletter
Used descriptions when terminology was not consistent ex: telework vs. remote work
Conducted an open card sort
#BoozAllen #Drupal4Gov

13. Most Common Architecture
Original
Information Technology
Communications
Ethics
Spaces
Travel
Human Resources
Most Common (20/72)
Information Technology; Computers & Technology
Writing & Publishing; Writing for NIAID
Ethics
Building Information
Travel
NIAID News; Communications
Pay & Leave
Professional Development
Recreation & Welfare; Work/Life Balance
#BoozAllen #Drupal4Gov

14. Example of commonly grouped cards from results
Information Technology
Connecting to wireless internet
Remote access (Citrix or VPN)
Using a SmartCard to login
Reset your password
Requesting a computer
(Sometimes) Reporting damage of equipment
(Sometimes) If you forget your badge
Building Information
In & around the building
Lost & found
Mail & shipping
Relocating to a new office
If you forget your badge
Parking & transit
#BoozAllen #Drupal4Gov

15. Draft Navigation Structure
Card Sort
User Vocabulary
Perceived Relationships
Draft Nav
Content Inventory
Site Vocabulary
Site Hierarchy & Structure
#BoozAllen #Drupal4Gov

16. Content Inventory – Adding structure
#BoozAllen #Drupal4Gov

17. Step 2: Ensuring quality
Content Audit < Influence > Tree Test < Influence > Information Architecture Map

18. Content audit
#BoozAllen #Drupal4Gov

19. Draft Navigation: the Label Evaluation framework
#BoozAllen #Drupal4Gov

20. Tree test
A participant sees…
Results returned
#BoozAllen #Drupal4Gov

21. Example NIAID Intranet Tree test Task – locate telework information
#BoozAllen #Drupal4Gov

22. Answers questions like:
The pie tree
Answers questions like:
What section did people check first?
If they didn’t click into the correct section first, how deep did they go before they turned around?
Did people turn around when they saw the list containing the item? Is the label not recognizable?

23. Example Information architecture map for the NIAID Public website
#BoozAllen #Drupal4Gov

24. Page Location and Taxonomy
#BoozAllen #Drupal4Gov

25. Page Location and Taxonomy
#BoozAllen #Drupal4Gov

26. Step 3: Building a structure
Content Types< Influence > Wireframes < Influence > Development

27. Content Entry Forms
#BoozAllen #Drupal4Gov

28. Wireframes, prototypes, & Usability testing
#BoozAllen #Drupal4Gov

29. Development: Content Type Definition
#BoozAllen #Drupal4Gov

30. Development: Annotated wireframes

31. Join the Conversation… …And Come Visit Our Booth!
Links & Resources
Websites mentioned in this presentation:
National Institute of Allergy and Infectious Diseases (Public Website)
Optimal Workshop
OptimalSort – online card sort tool
Treejack – online tree testing tool
Booz Allen’s Drupal.org Profile:
Join the Conversation…
…And Come Visit Our Booth!
#BoozAllen #Drupal4Gov

32. Join the Conversation… …And Come Visit Our Booth!
For more Information…
Today’s speakers – Please visit the Booz Allen Hamilton booth for further Q&A:
Dana Solano, User Experience Lead,
Kevin McDermott, Content Strategy Lead,
Contact NIAID’s New Media and Web Policy Branch to learn more about NIAID web projects:
Tori Garten, Branch Chief,
Alice Litsinger, Supervisory Digital Information Specialist,
Please contact Booz Allen’s Strategic Innovation Group for more information on our Drupal practice:
Arash Farazdaghi, Solution Architect,
Eric Robbins, Solution Architect,
Craig Warsaw, Principal Solution Architect,
Join the Conversation…
…And Come Visit Our Booth!
#BoozAllen #Drupal4Gov