SlideShare a Scribd company logo
1 of 35
1
Design for Findability:
Collaboration on Congress.gov
Meg Peters (with Jill MacNeice) | July 2013
Web Services | mpete@loc.gov
2
Congress.gov:
United States Legislative Information
• Congressional Bills, Laws, and Resolutions
• Profiles of Members of Congress
• The Congressional Record
(Printed Publication of the Proceedings and Debates of Congress)
• Committee Reports and Committee Profiles
3
A Little Background…
Public Site: THOMAS.gov
Since 1995
Internal Site: LIS
Since 1997
4
These Two Sites Are Completely Separate
Public Site: THOMAS.gov Internal Site: LIS
Managed by Law Library Managed by CRS
5
Congress.gov Is a Completely New Site – Inside and Out!
Congress.gov Beta
Since September 2012
Redesigned
User Experience
New Technical
Infrastructure
New Approach
New Team
6
My Role
• Information Architect
• User Interface Designer
• Usability Specialist – CUA! 
• QA’er
7
The Core Team
Subject-Matter Experts from…
Web Services
Meg the UX’er
Design
Manager
Development
Manager
Technical
Architect
IT Services
Project Manager
8
The Rest of the Team: Total Is 40+ People
Subject-Matter Experts
Web Services
Jill the UX’er
Visual
Designer
CSS / Front-End
Developers
Legal Counsel
IT Services
Back-End Developers
QA’ers
Web Services
Chief
Sys AdminsLaw and CRS
9
Read Team Interviews on the Law Library Blog
Under “Interviews” at:
http://blogs.loc.gov/law/
10
How This Book Helped Make It Happen
Web
Governance
Board Strategy!
11
That’s How We Went From This…
Public Site: THOMAS.gov Internal Site: LIS
Managed by Law Library Managed by CRS
12
To This…
Subject-Matter Experts
Web Services
Jill the UX’er
Visual
Designer
CSS / Front-End
Developers
Legal Counsel
IT Services
Back-End Developers
QA’ers
Web Services
Chief
Sys AdminsLaw and CRS
13
Visual
Designer
Findability Is My Job
Jill the UX’erDesign
Manager Meg the UX’er
On the UX team, we are
“birds of a feather.”
14
We UX’ers Think About These Things All the Time...
8 Pillars of Findability
Internal
1. Can people find what they’re looking for quickly and easily?
2. From any object page, can people easily find related
content and access the rest of the site?
3. Does the overall high level organization make sense to
the typical user?
4. Can people with small screens find and use our content?
15
We UX’ers Think About These Things All the Time...
8 Pillars of Findability
External
5. Can people find our content from a search engine?
(Google, Bing, etc)
6. Can people save and share content easily?
7. Do we reach out to our audience and not just wait for them
to come to us?
8. Can our content be accessed, downloaded in bulk, and
repackaged?
16
What are some challenges with
working on Congress.gov?
(And a few stories… ;)
17
Findability Framework: Design Challenges
Q: Can people find what they’re looking for quickly and easily?
Q: From any object page, can people easily find related content
and access the rest of the site?
Q: Does the overall high level organization make sense to
the typical user?
The first “Q” also relates to metadata (search relevancy).
18
What Are Congress.gov Users Trying to Find?
Legislation Member
profiles
The
Congressional
Record
Committee
reports
To our team, these are search objects.
19
A Bill As a Search Object
Summaries
Text of Bill
Actions
Titles
Amendments
Sponsor
Cosponsors
Committees
Committee
Reports
Related
Bills
Subjects
20
Subject-Matter Experts
Our Subject-Matter Experts Guided Us
• They know the content and the legislative process
• They use the internal system (LIS), which Congress.gov
will eventually replace
21
Visual
Designer
We Guided the Team, Too
Jill the UX’erDesign
Manager Meg the UX’er
We evangelized good design
and usability. BUT…
22
The Core Team Did Not Always Agree
Subject-Matter Experts from…
Web Services
Meg the UX’er
Design
Manager
Development
Manager
Technical
Architect
IT Services
Project Manager
23
Sometimes the Development Cycle Constrained Us
Web Services
CSS / Front-End
Developers
IT Services
Back-End Developers
QA’ers
Sys Admins
We had to remember that “It’s a beta!”
24
Still, We Made Great Strides
We integrated usability testing into our development cycle.
25
We Went From This…
Search box not global.
Limited search scope.
Results cannot be sorted
or filtered.
26
… To This
Global search box
Search across sources
such as Legislation
and Members
Filter using facets
Descriptive search
results
Strategies and specs for
metadata and URLs
27
And From This…
28
… To This
29
And From This…
The footer is not for THOMAS.
30
… To This
31
Our CSS Expert Taught Us Responsive Design
THOMAS is “unresponsive.”
Q: Can people using small screens
easily find and access our content?
32
So That Now We Have This
33
Q: What did I learn as a designer?
A: Data-driven sites must be designed from the bottom up,
not from the top down.
AND…
34
Success Depends Entirely on Collaboration
35
Thank you!
Questions?
Meg Peters (with Jill MacNeice) | July 2013
Web Services | mpete@loc.gov

More Related Content

Similar to Design for Findability: Collaboration on Congress.gov

24 Hours of UX, 2023: Preventing the Future
24 Hours of UX, 2023: Preventing the Future24 Hours of UX, 2023: Preventing the Future
24 Hours of UX, 2023: Preventing the FutureJoshua Randall
 
CWP Meetup - All of Government Design
CWP Meetup - All of Government DesignCWP Meetup - All of Government Design
CWP Meetup - All of Government DesignAndrew Underwood
 
Confused CMS Presentation - Internet World London 2011 #iwexpo. Delivered on...
Confused CMS Presentation - Internet World London 2011 #iwexpo.  Delivered on...Confused CMS Presentation - Internet World London 2011 #iwexpo.  Delivered on...
Confused CMS Presentation - Internet World London 2011 #iwexpo. Delivered on...✪ Chris Lewis ✪
 
Content Management System, Web, Social and Beyond
Content Management System, Web, Social and BeyondContent Management System, Web, Social and Beyond
Content Management System, Web, Social and BeyondDanielle Brigida
 
3 Techniques to Get Your Community on Site Selectors' Shortlist
3 Techniques to Get Your Community on Site Selectors' Shortlist3 Techniques to Get Your Community on Site Selectors' Shortlist
3 Techniques to Get Your Community on Site Selectors' ShortlistBen Wright
 
Community Systems How Economic Development Pros Use Data to Compete
Community Systems How Economic Development Pros Use Data to CompeteCommunity Systems How Economic Development Pros Use Data to Compete
Community Systems How Economic Development Pros Use Data to CompeteBen Wright
 
Your Road to Modern Communication Sites
Your Road to Modern Communication SitesYour Road to Modern Communication Sites
Your Road to Modern Communication SitesD'arce Hess
 
Web engineering notes unit 2
Web engineering notes unit 2Web engineering notes unit 2
Web engineering notes unit 2inshu1890
 
Web Engineering Notes II as per RGPV Syllabus
Web Engineering Notes II as per RGPV SyllabusWeb Engineering Notes II as per RGPV Syllabus
Web Engineering Notes II as per RGPV SyllabusNANDINI SHARMA
 
Web Engineering UNIT II Notes as per RGPV Syllabus
Web Engineering UNIT II Notes as per RGPV SyllabusWeb Engineering UNIT II Notes as per RGPV Syllabus
Web Engineering UNIT II Notes as per RGPV SyllabusNANDINI SHARMA
 
What does it take to create the world's best corporate website?
What does it take to create the world's best corporate website?What does it take to create the world's best corporate website?
What does it take to create the world's best corporate website?MSLGROUP
 
Tackle Your Everyday Business Problems Like an Architect, Melissa Shepard
Tackle Your Everyday Business Problems Like an Architect, Melissa ShepardTackle Your Everyday Business Problems Like an Architect, Melissa Shepard
Tackle Your Everyday Business Problems Like an Architect, Melissa ShepardCzechDreamin
 
What does it take to create the world's best corporate website?
What does it take to create the world's best corporate website?What does it take to create the world's best corporate website?
What does it take to create the world's best corporate website?MSLGROUP
 
Week 2 - Purpose of a website
Week 2 - Purpose of a websiteWeek 2 - Purpose of a website
Week 2 - Purpose of a websiteGraeme Smith
 
NYC UXPA: 2014 - Bringing Together User Experience and Web Analytics (Michael...
NYC UXPA: 2014 - Bringing Together User Experience and Web Analytics (Michael...NYC UXPA: 2014 - Bringing Together User Experience and Web Analytics (Michael...
NYC UXPA: 2014 - Bringing Together User Experience and Web Analytics (Michael...NYCUXPA
 
IWMW 2004: Introduction To JISC And The Web Community (1)
IWMW 2004: Introduction To JISC And The Web Community (1)IWMW 2004: Introduction To JISC And The Web Community (1)
IWMW 2004: Introduction To JISC And The Web Community (1)IWMW
 
LibTech 2010: Knowledge Management in an Academic Environment: A Case Study
LibTech 2010: Knowledge Management in an Academic Environment: A Case StudyLibTech 2010: Knowledge Management in an Academic Environment: A Case Study
LibTech 2010: Knowledge Management in an Academic Environment: A Case StudyHamilton Public Library
 
Content Strategy for UX Designers
Content Strategy for UX DesignersContent Strategy for UX Designers
Content Strategy for UX DesignersGatherContent
 
What Makes SharePoint UX Good?
What Makes SharePoint UX Good?What Makes SharePoint UX Good?
What Makes SharePoint UX Good?Thomas Daly
 
Designed by Committee: An Analytics and User-Focused Approach to the Overhaul...
Designed by Committee: An Analytics and User-Focused Approach to the Overhaul...Designed by Committee: An Analytics and User-Focused Approach to the Overhaul...
Designed by Committee: An Analytics and User-Focused Approach to the Overhaul...nealw6971
 

Similar to Design for Findability: Collaboration on Congress.gov (20)

24 Hours of UX, 2023: Preventing the Future
24 Hours of UX, 2023: Preventing the Future24 Hours of UX, 2023: Preventing the Future
24 Hours of UX, 2023: Preventing the Future
 
CWP Meetup - All of Government Design
CWP Meetup - All of Government DesignCWP Meetup - All of Government Design
CWP Meetup - All of Government Design
 
Confused CMS Presentation - Internet World London 2011 #iwexpo. Delivered on...
Confused CMS Presentation - Internet World London 2011 #iwexpo.  Delivered on...Confused CMS Presentation - Internet World London 2011 #iwexpo.  Delivered on...
Confused CMS Presentation - Internet World London 2011 #iwexpo. Delivered on...
 
Content Management System, Web, Social and Beyond
Content Management System, Web, Social and BeyondContent Management System, Web, Social and Beyond
Content Management System, Web, Social and Beyond
 
3 Techniques to Get Your Community on Site Selectors' Shortlist
3 Techniques to Get Your Community on Site Selectors' Shortlist3 Techniques to Get Your Community on Site Selectors' Shortlist
3 Techniques to Get Your Community on Site Selectors' Shortlist
 
Community Systems How Economic Development Pros Use Data to Compete
Community Systems How Economic Development Pros Use Data to CompeteCommunity Systems How Economic Development Pros Use Data to Compete
Community Systems How Economic Development Pros Use Data to Compete
 
Your Road to Modern Communication Sites
Your Road to Modern Communication SitesYour Road to Modern Communication Sites
Your Road to Modern Communication Sites
 
Web engineering notes unit 2
Web engineering notes unit 2Web engineering notes unit 2
Web engineering notes unit 2
 
Web Engineering Notes II as per RGPV Syllabus
Web Engineering Notes II as per RGPV SyllabusWeb Engineering Notes II as per RGPV Syllabus
Web Engineering Notes II as per RGPV Syllabus
 
Web Engineering UNIT II Notes as per RGPV Syllabus
Web Engineering UNIT II Notes as per RGPV SyllabusWeb Engineering UNIT II Notes as per RGPV Syllabus
Web Engineering UNIT II Notes as per RGPV Syllabus
 
What does it take to create the world's best corporate website?
What does it take to create the world's best corporate website?What does it take to create the world's best corporate website?
What does it take to create the world's best corporate website?
 
Tackle Your Everyday Business Problems Like an Architect, Melissa Shepard
Tackle Your Everyday Business Problems Like an Architect, Melissa ShepardTackle Your Everyday Business Problems Like an Architect, Melissa Shepard
Tackle Your Everyday Business Problems Like an Architect, Melissa Shepard
 
What does it take to create the world's best corporate website?
What does it take to create the world's best corporate website?What does it take to create the world's best corporate website?
What does it take to create the world's best corporate website?
 
Week 2 - Purpose of a website
Week 2 - Purpose of a websiteWeek 2 - Purpose of a website
Week 2 - Purpose of a website
 
NYC UXPA: 2014 - Bringing Together User Experience and Web Analytics (Michael...
NYC UXPA: 2014 - Bringing Together User Experience and Web Analytics (Michael...NYC UXPA: 2014 - Bringing Together User Experience and Web Analytics (Michael...
NYC UXPA: 2014 - Bringing Together User Experience and Web Analytics (Michael...
 
IWMW 2004: Introduction To JISC And The Web Community (1)
IWMW 2004: Introduction To JISC And The Web Community (1)IWMW 2004: Introduction To JISC And The Web Community (1)
IWMW 2004: Introduction To JISC And The Web Community (1)
 
LibTech 2010: Knowledge Management in an Academic Environment: A Case Study
LibTech 2010: Knowledge Management in an Academic Environment: A Case StudyLibTech 2010: Knowledge Management in an Academic Environment: A Case Study
LibTech 2010: Knowledge Management in an Academic Environment: A Case Study
 
Content Strategy for UX Designers
Content Strategy for UX DesignersContent Strategy for UX Designers
Content Strategy for UX Designers
 
What Makes SharePoint UX Good?
What Makes SharePoint UX Good?What Makes SharePoint UX Good?
What Makes SharePoint UX Good?
 
Designed by Committee: An Analytics and User-Focused Approach to the Overhaul...
Designed by Committee: An Analytics and User-Focused Approach to the Overhaul...Designed by Committee: An Analytics and User-Focused Approach to the Overhaul...
Designed by Committee: An Analytics and User-Focused Approach to the Overhaul...
 

Recently uploaded

Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Rndexperts
 
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证nhjeo1gg
 
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...katerynaivanenko1
 
西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造kbdhl05e
 
306MTAMount UCLA University Bachelor's Diploma in Social Media
306MTAMount UCLA University Bachelor's Diploma in Social Media306MTAMount UCLA University Bachelor's Diploma in Social Media
306MTAMount UCLA University Bachelor's Diploma in Social MediaD SSS
 
Iconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing servicesIconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing servicesIconic global solution
 
Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxUntitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxmapanig881
 
(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一
(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一
(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一D SSS
 
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degreeyuu sss
 
Design and Managing Service in the field of tourism and hospitality industry
Design and Managing Service in the field of tourism and hospitality industryDesign and Managing Service in the field of tourism and hospitality industry
Design and Managing Service in the field of tourism and hospitality industryrioverosanniejoy
 
Passbook project document_april_21__.pdf
Passbook project document_april_21__.pdfPassbook project document_april_21__.pdf
Passbook project document_april_21__.pdfvaibhavkanaujia
 
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改yuu sss
 
cda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptcda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptMaryamAfzal41
 
shot list for my tv series two steps back
shot list for my tv series two steps backshot list for my tv series two steps back
shot list for my tv series two steps back17lcow074
 
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一z xss
 
Call Girls Meghani Nagar 7397865700 Independent Call Girls
Call Girls Meghani Nagar 7397865700  Independent Call GirlsCall Girls Meghani Nagar 7397865700  Independent Call Girls
Call Girls Meghani Nagar 7397865700 Independent Call Girlsssuser7cb4ff
 
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
PORTAFOLIO   2024_  ANASTASIYA  KUDINOVAPORTAFOLIO   2024_  ANASTASIYA  KUDINOVA
PORTAFOLIO 2024_ ANASTASIYA KUDINOVAAnastasiya Kudinova
 
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree 毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree ttt fff
 
How to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIHow to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIyuj
 

Recently uploaded (20)

Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025
 
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
 
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
 
西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造
 
306MTAMount UCLA University Bachelor's Diploma in Social Media
306MTAMount UCLA University Bachelor's Diploma in Social Media306MTAMount UCLA University Bachelor's Diploma in Social Media
306MTAMount UCLA University Bachelor's Diploma in Social Media
 
Call Girls in Pratap Nagar, 9953056974 Escort Service
Call Girls in Pratap Nagar,  9953056974 Escort ServiceCall Girls in Pratap Nagar,  9953056974 Escort Service
Call Girls in Pratap Nagar, 9953056974 Escort Service
 
Iconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing servicesIconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing services
 
Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxUntitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptx
 
(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一
(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一
(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一
 
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
 
Design and Managing Service in the field of tourism and hospitality industry
Design and Managing Service in the field of tourism and hospitality industryDesign and Managing Service in the field of tourism and hospitality industry
Design and Managing Service in the field of tourism and hospitality industry
 
Passbook project document_april_21__.pdf
Passbook project document_april_21__.pdfPassbook project document_april_21__.pdf
Passbook project document_april_21__.pdf
 
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
 
cda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptcda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis ppt
 
shot list for my tv series two steps back
shot list for my tv series two steps backshot list for my tv series two steps back
shot list for my tv series two steps back
 
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
 
Call Girls Meghani Nagar 7397865700 Independent Call Girls
Call Girls Meghani Nagar 7397865700  Independent Call GirlsCall Girls Meghani Nagar 7397865700  Independent Call Girls
Call Girls Meghani Nagar 7397865700 Independent Call Girls
 
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
PORTAFOLIO   2024_  ANASTASIYA  KUDINOVAPORTAFOLIO   2024_  ANASTASIYA  KUDINOVA
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
 
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree 毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
How to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIHow to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AI
 

Design for Findability: Collaboration on Congress.gov

  • 1. 1 Design for Findability: Collaboration on Congress.gov Meg Peters (with Jill MacNeice) | July 2013 Web Services | mpete@loc.gov
  • 2. 2 Congress.gov: United States Legislative Information • Congressional Bills, Laws, and Resolutions • Profiles of Members of Congress • The Congressional Record (Printed Publication of the Proceedings and Debates of Congress) • Committee Reports and Committee Profiles
  • 3. 3 A Little Background… Public Site: THOMAS.gov Since 1995 Internal Site: LIS Since 1997
  • 4. 4 These Two Sites Are Completely Separate Public Site: THOMAS.gov Internal Site: LIS Managed by Law Library Managed by CRS
  • 5. 5 Congress.gov Is a Completely New Site – Inside and Out! Congress.gov Beta Since September 2012 Redesigned User Experience New Technical Infrastructure New Approach New Team
  • 6. 6 My Role • Information Architect • User Interface Designer • Usability Specialist – CUA!  • QA’er
  • 7. 7 The Core Team Subject-Matter Experts from… Web Services Meg the UX’er Design Manager Development Manager Technical Architect IT Services Project Manager
  • 8. 8 The Rest of the Team: Total Is 40+ People Subject-Matter Experts Web Services Jill the UX’er Visual Designer CSS / Front-End Developers Legal Counsel IT Services Back-End Developers QA’ers Web Services Chief Sys AdminsLaw and CRS
  • 9. 9 Read Team Interviews on the Law Library Blog Under “Interviews” at: http://blogs.loc.gov/law/
  • 10. 10 How This Book Helped Make It Happen Web Governance Board Strategy!
  • 11. 11 That’s How We Went From This… Public Site: THOMAS.gov Internal Site: LIS Managed by Law Library Managed by CRS
  • 12. 12 To This… Subject-Matter Experts Web Services Jill the UX’er Visual Designer CSS / Front-End Developers Legal Counsel IT Services Back-End Developers QA’ers Web Services Chief Sys AdminsLaw and CRS
  • 13. 13 Visual Designer Findability Is My Job Jill the UX’erDesign Manager Meg the UX’er On the UX team, we are “birds of a feather.”
  • 14. 14 We UX’ers Think About These Things All the Time... 8 Pillars of Findability Internal 1. Can people find what they’re looking for quickly and easily? 2. From any object page, can people easily find related content and access the rest of the site? 3. Does the overall high level organization make sense to the typical user? 4. Can people with small screens find and use our content?
  • 15. 15 We UX’ers Think About These Things All the Time... 8 Pillars of Findability External 5. Can people find our content from a search engine? (Google, Bing, etc) 6. Can people save and share content easily? 7. Do we reach out to our audience and not just wait for them to come to us? 8. Can our content be accessed, downloaded in bulk, and repackaged?
  • 16. 16 What are some challenges with working on Congress.gov? (And a few stories… ;)
  • 17. 17 Findability Framework: Design Challenges Q: Can people find what they’re looking for quickly and easily? Q: From any object page, can people easily find related content and access the rest of the site? Q: Does the overall high level organization make sense to the typical user? The first “Q” also relates to metadata (search relevancy).
  • 18. 18 What Are Congress.gov Users Trying to Find? Legislation Member profiles The Congressional Record Committee reports To our team, these are search objects.
  • 19. 19 A Bill As a Search Object Summaries Text of Bill Actions Titles Amendments Sponsor Cosponsors Committees Committee Reports Related Bills Subjects
  • 20. 20 Subject-Matter Experts Our Subject-Matter Experts Guided Us • They know the content and the legislative process • They use the internal system (LIS), which Congress.gov will eventually replace
  • 21. 21 Visual Designer We Guided the Team, Too Jill the UX’erDesign Manager Meg the UX’er We evangelized good design and usability. BUT…
  • 22. 22 The Core Team Did Not Always Agree Subject-Matter Experts from… Web Services Meg the UX’er Design Manager Development Manager Technical Architect IT Services Project Manager
  • 23. 23 Sometimes the Development Cycle Constrained Us Web Services CSS / Front-End Developers IT Services Back-End Developers QA’ers Sys Admins We had to remember that “It’s a beta!”
  • 24. 24 Still, We Made Great Strides We integrated usability testing into our development cycle.
  • 25. 25 We Went From This… Search box not global. Limited search scope. Results cannot be sorted or filtered.
  • 26. 26 … To This Global search box Search across sources such as Legislation and Members Filter using facets Descriptive search results Strategies and specs for metadata and URLs
  • 29. 29 And From This… The footer is not for THOMAS.
  • 31. 31 Our CSS Expert Taught Us Responsive Design THOMAS is “unresponsive.” Q: Can people using small screens easily find and access our content?
  • 32. 32 So That Now We Have This
  • 33. 33 Q: What did I learn as a designer? A: Data-driven sites must be designed from the bottom up, not from the top down. AND…
  • 34. 34 Success Depends Entirely on Collaboration
  • 35. 35 Thank you! Questions? Meg Peters (with Jill MacNeice) | July 2013 Web Services | mpete@loc.gov

Editor's Notes

  1. Ultimately Congress.gov will contain all the legislative information currently on THOMAS.gov. To be added: Nominations Treaties Executive Communications All legislative information for Congresses prior to 1973
  2. LIS is used by Congressional staff and Library of Congress staff.
  3. Lots of search objects, lots of data over many years! 40 years of legislation 82 years of Member profiles 24 years of the Congressional Record 18 years of committee reports
  4. Other search objects: Member Congressional Record Article Committee Report Later: Nomination Treaty Committee And more…
  5. We user test for every major release, and we test in between. We do both moderated and unmoderated testing, and we leverage web and search analytics.
  6. Homepage for a bill.
  7. The global footer is for the Library of Congress, not THOMAS.