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

Content Strategy looking from the bottom up

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

User Experience looking from the top down

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

Information architecture (ia) Where content and design meet

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

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

Content inventory #BoozAllen #Drupal4Gov

Content inventory: The Basics #BoozAllen #Drupal4Gov

Content inventory: Adding metadata #BoozAllen #Drupal4Gov

Types of Card sorts In-person, moderated Remote, unmoderated photo credit: Yandle Nick Sorting Cards: http://www.flickr.com/photos/13316988@N00/907104063 Creative Commons 2.0 license: https://creativecommons.org/licenses/by/2.0/ In-person, moderated Remote, unmoderated #BoozAllen #Drupal4Gov

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

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

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

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

Content Inventory – Adding structure #BoozAllen #Drupal4Gov

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

Content audit #BoozAllen #Drupal4Gov

Draft Navigation: the Label Evaluation framework #BoozAllen #Drupal4Gov

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

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

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?

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

Page Location and Taxonomy #BoozAllen #Drupal4Gov

Page Location and Taxonomy #BoozAllen #Drupal4Gov

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

Content Entry Forms #BoozAllen #Drupal4Gov

Wireframes, prototypes, & Usability testing #BoozAllen #Drupal4Gov

Development: Content Type Definition #BoozAllen #Drupal4Gov

Development: Annotated wireframes

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: https://www.drupal.org/booz-allen-hamilton Join the Conversation… …And Come Visit Our Booth! #BoozAllen #Drupal4Gov

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, Solano_Dana@bah.com Kevin McDermott, Content Strategy Lead, McDermott_Kevin@bah.com Contact NIAID’s New Media and Web Policy Branch to learn more about NIAID web projects: Tori Garten, Branch Chief, tori.garten@nih.gov Alice Litsinger, Supervisory Digital Information Specialist, litsingera@niaid.nih.gov Please contact Booz Allen’s Strategic Innovation Group for more information on our Drupal practice: Arash Farazdaghi, Solution Architect, Farazdaghi_Arash@bah.com Eric Robbins, Solution Architect, Robbins_Eric@bah.com Craig Warsaw, Principal Solution Architect, Warsaw_Craig@bah.com Join the Conversation… …And Come Visit Our Booth! #BoozAllen #Drupal4Gov