18f / join.tts.gsa.gov Goto Github PK

If there are no open positions (cc #1) or none of the open positions are relevant to them, there should be a way that people can subscribe to new openings. Might be as simple as "subscribe to 18F's mailing list / Twitter".

Issue: To create more spacing between the headers, I used a horizontal line. There has to be a better way to do this but we will need someone with html/css to help out.

Launch the MVP version of our TTS join site.

• A way for people to know what TTS is
• A way for people to know that there are different parts of TTS
• A way for people to apply for TTS jobs
• A way for people to what the hiring process is

To-Do

• Register Domain
• Get on Federalist
• Create/Transfer initial site copy
• Create job posting template
• Copy Editing (Writing Lab)
• Create first live job posting
• QA site
• Confirm new process with Outreach

We have made a number of optimizations and quality of life improvements on how we are managing the site. I need to go through all of the existing posting files and make sure they align with our new approach.

• Remove all duplicate files (There should only be one file for each role)
• Make sure the correct file is being used for the postings
• Fix all the file names and titles
• Make sure the frontmatter is correct for each posting
• Add all required redirects

Roles to be fixed

• Consulting Software Engineer
• Content Designer
• Product Manager
• Strategist
• UX Designer
• Visual Designer
• UX Design Lead
• Cloud Adoption
• Contact Center
• Customer Experience
• Data & Analytics
• Infrastructure Optimization
• PIF

The consulting software engineer position description currently includes the following as a Key Requirement:

Register with Selective Service, if you are a male born after 12/31/1959.

This line isn't entirely accurate, and it's causing transgender would-be applicants confusion and concern.

From sss.gov:

Individuals who are born female and changed their gender to male are not required to register. U.S. citizens or immigrants who are born male and changed their gender to female are still required to register.

Considering that the same page lists other reasons someone might be exempt, I suggest we change our standard line to:

• Register with Selective Service, if you are a non-exempt male born after 12/31/1959.

...link and all. Thoughts?

From Will Slack via Slack: "Looks like the join.tts.gsa.gov site isn't friendly for Galaxy S5"

OSC requested we remove the black GSA starmark and update with the blue starmark. Also remove "Technology Transformation Services" shouldn't be next to starmark.

Also we need to add the USWDS identifier to this site

Add the GSA logo, navigation links, links to GSA and other required information to the footer.

The site has 5 interior pages with information about how to apply, TTS offices, and working in the government. The pages are just text and can feel long and overwhelming.

We would like a new visual design that made the information easier to digest and understand. This could be a different design for each page or a template that could be applied across all pages. The pages have not previously been worked on by a visual designer, so the team is open to all suggestions.

The design should use the U.S. Web Design System and maintain the color palette and brand of the current site. The final output would a Sketch file that a front-end designer could then implement.

Some way that we can host/house or current version performance profiles so that people can see the types of roles we've hired for in the past or people can use our profiles for their own hiring needs.

Probably just a new page on the join page with a curated selection of profiles and the appropriate contextual information.

Create a hypothesis and research plan to learn what type of content and information architecture will increase visits and help potential partners find our jobs and application process.

We need a way to make more sections of a job post modular. By modular I mean that the content is inserted from another source based on some variable

Here are some sample use cases:

• Each job had a job announcement number. This number shows up in multiple places on the job post. We should be able to enter the number once and have it be populated wherever it needs to be
• The Duties section of a job is dependent on the GS level. There are 3 GS levels that we commonly use, so the Duties section should be automatically populated based on the GS level that's populated.

Some of this I think I can do on my own so will at least try:

• Introduce variables for the standard fields
• Use logic to control small sections of content
• Update includes files with the new variables

This issue focuses on the potential visual directions / patterns, borrowing from USWDS v.2.

The tasks here will be:

• Create and share with JoinTTS team the directions
• Select the best direction (or if none, continue to iterate until a direction is selected)
  • Work on more visual applications / mockups to get a better idea
• Discuss any additional issues before proceeding to implementation

Issue: Candidates current employers are being notified by the background/security team that the candidate is currently in process for a new job. This is before the candidate has resigned, given notice, etc!!

We need to understand why this is happening and what can be done about it.

Regardless of the outcome of the discussion with HR, we will need to include some information about this so the candidates understand what is going to happen.

While looking thru the site, I figured it would be easier to print out a couple of the pages so I can take notes. However, the print view is wonky due to the An official website of the United States government header. The screenshot below does a better explanation of this issue.

The easiest solution for this would be to include a @media query for print in the site.scss file or create a print.scss. If I have time today/tomorrow, I may try to tackle this.

Join TTS page has a grid that breaks the layout of the page when on mobile. Screenshot taken on Firefox in Inspect Mode.

• Work with DAP to get analytics on the site

Based on feedback from a potential applicant provided by @afeld : "I took a look at the 18F application process and I do admit it looked a bit daunting."

The process is daunting and we may even want it to appear so, though that was not the current intent of the page. We can make some minor changes to the page to reduce the potential anxiety that it may cause in applicants.

• Add some kind of thing that provides a simplified view of the process as a way of onboarding the potential applicant
• Make it clear that not all of the information on the hiring process is required reading or that it's not all required at the same time
• Add TLDR's to the major sections of the pages or something that does something similar

I stole this approach from https://github.com/GSA/centers-of-excellence as a way to have an embedded video instead of just linking.

Here are the relevant files:

• https://github.com/18F/join.tts.gsa.gov/blob/master/pages/index.md
• https://github.com/18F/join.tts.gsa.gov/blob/master/_includes/how_to_apply.md

Was hoping to have a way to make the iframe/embedded video look nicer on the page. Could include stuff like:

• making it larger, so it at least fits the width of the surrounding content
• centering it with the other content on the page

Also if there is a better way to embed video other than this approach, very happy to have it changed to that.

To compare and contrast TTS with the sibling-level sub-brands

• 18F
• The Office of Products and Programs (OPP)
• Centers of Excellence (CoEs)
• Presidential Innovation Fellows (PIF)

And TTS with its parent brand - General Services Administration.

The purpose of gathering screenshots is to give the team a better idea of where TTS Join site should differ while maintaining the same family branding at least.

• Typography
• Color Palettes
• Design patterns and hierarchy

Given the length and complexity of the content, it would be helpful to have a sticky left hand navigation so users could more easily navigate around the site.

Need to add language on site about GSA being a drug-free workplace

Thinking about the use case like EPA and their innovation fellowship.

Draft new homepage content aimed at meeting these goals.

• Concise explanation of what TTS is
• Highlight the video
• Move open and upcoming jobs up the page
• Additional explanation of upcoming jobs
• Clearer call to action and next step for candidates

Next steps

• Draft content
• Clear with Jenn and Karen
• Create research plan to test content

are we still doing events with USDS and are we involved in any other events? A good way to advertise these would be to add an events page to our join page. May also want to consider adding any events where we have TTS people speaking

Steps to reproduce:

1. Open the website on a phone, or reduce the width of the browser on desktop until the Menu button appears in the header.
2. Click the Menu button.

Expected behavior:

Clicking the button should toggle a menu open/closed.

Observed behavior:

A slightly darker overlay appears on the screen, but no menu appears.

There are a number of implementations for how someone can sign up for the Talent newsletter. Andre and Jenn will go through them, pick the option that seems best, and implement it on the site after #171 is merged.

Options

We need a way to redirect visitors from positions that have closed back to the home page at least. The use case being that if someone saved/bookmarked a link to a job posting, the could return to the posting without knowing that it was closed and get an error.

The solution is to use redirect from, but it needs to be implemented on this site.

I was hoping to send in an application for the TTS soon, so I was browsing the resume section and got a security error. After a bit of research it looks like the link was a casualty of the domain change and should be changed to ({{site.baseurl}}/resume/) to correctly send people to the example by @amandacostello. I hope this won't be seen as obnoxious, but I figured I would throw a PR in like any other repo. Thanks!

Issue occurs between breakpoint 341px – 370px the page layout breaks, effects <main id="main-content"> content block.

• Observed on mobile (iPhone 6s)
• Reproduced using the web inspector in FireFox and Chrome.

Screenshots:

Impacts content area in orange.

Breakpoint: 342

Breakpoint: 369

Might want to note "this site is open source" or something - had to know where to look to find the repository. Thanks!

There is an issue with the href in the sidebar on the TTS Offices page (tts-offices.md file) linking to Office of 18F.

There are also 7 failures that the HTML-Proofer in CircleCI caught.

bundle exec rake test
Running ["LinkCheck", "ImageCheck", "ScriptCheck"] on ["./_site"] on *.html... 


Checking 39 external links...
Ran on 44 files!


- ./_site/join/content-designer/index.html
  *  linking to internal hash #other-information that does not exist (line 191)
     <a href="#other-information">Other information</a>
  *  linking to internal hash #what-to-expect that does not exist (line 192)
     <a href="#what-to-expect">What to expect</a>
- ./_site/join/user-experience-designer/index.html
  *  linking to internal hash #other-information that does not exist (line 191)
     <a href="#other-information">Other information</a>
  *  linking to internal hash #what-to-expect that does not exist (line 192)
     <a href="#what-to-expect">What to expect</a>
- ./_site/join/visual-designer/index.html
  *  linking to internal hash #other-information that does not exist (line 191)
     <a href="#other-information">Other information</a>
  *  linking to internal hash #qualifications that does not exist (line 189)
     <a href="#qualifications">Qualifications</a>
  *  linking to internal hash #what-to-expect that does not exist (line 192)
     <a href="#what-to-expect">What to expect</a>
rake aborted!
HTML-Proofer found 7 failures!

Describe what's important about each section
How someone should use each section to help create an application

• Evaluation
• Qualification

@rooneywp need to be two upcoming statements. Need to add one statement where we do not have the line "Applications will be open for submission on...". We could just remove that statement when creating the job template, but then we would need to remember to re-enter it with all that code.

thoughts?

We have another use case where we want to post a job on our site but the official announcement is being housed on USAjobs.

This is time sensitive so I'm going to try an interim solution of adding a state to accommodate, but this will need to be addressed with a better solution. The interim solution I chose is to add a new state called USA Jobs and it appears to be working.

Use Case: Posting a role on Join TTS that uses the USA Jobs site/process (applicable to roles that are career (e.g. Direct Hire)

Expected Outcome:
We have a job that's listed under open positions that contains the relevant information and links to the USAjobs site for the role where the user will see the official information and application link.

What's different:

• TTS does not own/host the official job content or application
• TTS Join Page post only needs to have the performance profile (summary + key objectives), intro paragraph (What is the CoE, etc), Basic Info
• How to Apply link directs the person to the USA jobs site

This is not a state (open, closed, upcoming), the states are still applicable to this use case. I think this is really related to hiring authority (excepted, direct hire, competitive, ses). For example, anything that isn't excepted service will have different posting requirements, process and information. In those cases TTS wouldn't own the content/posting/application, like we do for the majority of our roles because they are excepted service.

Currently, only a Federalist preview build runs on pull requests. A back-end developer or someone else with the relevant experience should evaluate if we should add additional tests to run on all pull requests before we merge them.

The current descriptions on the TTS Offices page provide a high level overview of the mission of each office, but they don't address questions about what it's like to work in that office.

Hypothesis: Editing each description to focus on the experience and work of staff will help potential candidates better understand the office and help them decide whether to apply. This description should focus on the project types, team structure, mission and cultural while remaining concise and providing a link for more information.

• Draft content
• Karen review
• Bill and Jenn review
• Publish

Let's add language to Join TTS about accommodations. This content will:

• Help individuals with disabilities understand what to expect from the hiring process
• Signal to individuals with disabilities that TTS is ready and willing to provide accommodations

Change verbiage under "Eligibility" section to be consistent with verbiage in job postings (excluding GSA employees) - "All United States citizens and nationals (residents of American Samoa and Swains Islands) and applicants must not be GSA employees or contractors.”

These examples can go on the TTS Offices page. The goal would be to help new visitors better understand the work and impact of each office. The hypothesis is that this will help them understand where they should apply and get them more excited about applying to TTS.

• Create list of existing case studies
• Clear list with office heads
• Write up summaries of each case study
• Clear summaries with Karen and office heads
• Publish

Optional

• Get design help for adding case studies

The current homepage is a basic 1 column text layout with a video. We would like a new visual design that helps inform visitors about TTS, open positions, and how to take the next step towards applying. We recently completed an artifact analysis of private sector career pages. The visual design could follow the recommendations from that research.

The design should use the U.S. Web Design System and maintain the color palette and brand of the current site. The final output would a Sketch file that a front-end designer could then implement.

@rooneywp two issues:

1. when you click the 18F office button it does not go to the 18F office section, rather it goes to the Front office section
2. We need a button for CoE

My solution was to use an html table for spacing and use buttons inside the table. There has to be a better way to do this.

The goal is to have a nice looking list of the offices so someone can see what offices are part of TTS and then they can click on the office if they want to learn more about it specifically.

Just got feedback from an applicant that the flow between systems is a bit confusing:

This is what the web http://usajobs.gov page says "You will leave USAJOBS and be sent to the Technology Transformation Service application system once you select "Continue to Agency Site."

When I click "Continue to Agency Site", I'm sent to an archaic looking monster US GSA website with on pithy error message "We were unable to complete your request at this time."

Presumably this is how it's meant to work (minus the error message), as indirect as it is? If that's the case, might be good to lay expectation out in the application documentation, or a "here's what's about to happen" in the How to Apply section of listings.

@rooneywp etc: Especially since we now show upcoming job postings, is there any reason not to?

The Acquisitions Office content should be worked into the 18F section where possible.

• Draft new version
• Karen review
• Publish

Though we'll be doing additional research during this project, it'd be good to gather and review any existing research on the TTS Join page, 18F join page, other recruitment materials, and feedback from candidates on the process.

• Gather research into a single folder
• Synthesize results with an eye toward applying it to this project
• Each member of the team individually reviews synthesis
• File new issues based on past research

While talking to a potential applicant for the 18F Consulting Software Engineer role, I received feedback on the "Role Summary" section of the job posting. The feedback seemed thoughtful and actionable:

• "More of a conversational tone would be good."
• "More specifics — what is a typical day like?"
• "One line about perks, one line about expectations... make it easy to read."

For inspiration about how to achieve a more conversational tone and make the job posting more readable, scannable, and attractive to candidates, we could look at the Careers page for Glitch, which I think does a good job in these areas: https://glitch.com/about/careers

Addressing this user feedback could involve working with the Writing Lab. Or it could involve gathering a group of interested engineers around a Google Doc to see what improvements we could make without expert outside help.

The eng-hiring site has content around Resume Review:
https://eng-hiring.18f.gov/resume-review/

The Eng chapter used to do the reviews, but we don't any longer. We'd like to remove this content from the eng-hiring site, but received feedback that the info was useful and should be available somewhere.

This Issue asks you to review the content on the page linked above and to incorporate relevant information into the join.tts.gsa.gov site.

Figure out where to put text about no open positions so people don't think that they are confused or can't find where the jobs are posted.