Creating the next generation of USAJOBS
This design system represents the start of the next generation of USAJOBS. A design system describes the base visual language, using UI elements and style guidelines, upon which the site can be built. It will also include examples and usage guidelines of new components.
Because the design system is brand new it also acts as a prototyping toolkit. This allows us to quickly explore new ideas in code and iterate on our designs. New projects within USAJOBS will leverage and potentially extend the design system further.
Based on the U.S. Web Design Standards
The USAJOBS design system starts with the U.S. Web Design Standards and extends them to meet the needs of the USAJOBS next generation project. This repo allows the team working on USAJOBS to:
- Document where we have intentionally deviated from an existing guildeline in the U.S. Web Design Standards and provide a platform for contributing back to those standards.
- Document where we have unintentionally deviated from an existing guideline in the U.S. Web Design Standards and want to track getting back inline with the standards.
- Design new components or elements that are not yet a part of the U.S. Web Design Standards. These components or elements may or may not be appropriate to contribute back to the standards given their potential for reuse elsewhere.
Design Pillars: Grounded in research
USAJOBS joined forces with The Lab at OPM to conduct qualitative user interviews with applicants and HR specialists. From the research, we developed 6 design pillars to keep in mind as we improve usajobs.gov.
Design Pillar 1: Helping Hands
Clearly guide applicants to the information they need to make confident job search and application decisions.
Design Pillar 2: Keep It Simple
Set clear application expectations and present a unified and simplified application process.
Design Pillar 3: Where's Waldo
Provide opportunities for applicants to showcase their unique qualities.
Design Pillar 4: Speak my Language
Convey information in a language that every applicant can understand.
Design Pillar 5: One Stop Shop
Serve as the most trusted resource for Federal hiring information.
Design Pillar 6: Looks Matter
Provide a thoughtfully crafted experience that helps users accomplish their intended goals.