Route Fifty

A Redesign

Problem Statement

Route Fifty is an online journal publication concerning itself with news and policy impacting those in the government and public sectors of the work force.

Route Fifty is a digital publication, meant to be a springboard of information for government workers. This website looks crowded and navigation is not intuitive. While acceptable for exploitative work, user frustrations are related to navigation and stylization.This forces people to “bounce around” the website looking for relevant articles. By streamlining the homepage, and addressing their navigation my goal is to make this site easier to use, connecting people to the data and stories they need to make educated policy decisions. 

Research

  • Learn about the technology people use to consume information

  • Learn about the kinds of sites that people do enjoy using and what differentiates them

  • Explore the most common frustrations users experience on any news site

  • Understand what keeps someone engaged on a site, and what drives them to leave after looking at the homepage.

Objectives

  • Time: little time to user test on existing products due to the short nature of the study

  • Number of test users was limited to the availability of participants within this time frame

Limitations

Competitive Research

A SWOT analysis was conducted on 2 alternatives to Route Fifty. Government Technology and Federal News Network

A look at alternatives to Route Fifty

Government Technology website banner with logo, map, capitol building, and cityscape images.
Text on a green background listing website design strengths: "Logo is top and center above the fold, clear continuation below the fold with scrolling indication, search bar and menu are clean icons at the top, reducing clutter."
List of website weaknesses including average visit duration of 35 minutes, over 60% bounce rate, use of hamburger menu, search bar as an icon, and intrusive ads between pages.
List of website improvement opportunities, including making dropdown menus clickable instead of hover, highlighting active tab for awareness, decreasing above-the-fold clutter, and improving navigation by relocating items from the "more" tab to the homepage.
List of threats including other sources of news, YouTube, and social media.
Federal News Network website navigation bar with menu items including Technology, Defense, Workforce, Pay & Benefits, Federal Drive, Events, Resources, Advertise, and a Listen Live button.
List of website strengths, including good contrast, clear menu titles, central trending stories, and non-cluttered separation lines.
A list highlighting website weaknesses, including lack of breadcrumbs, over 60% bounce rate, intrusive ads, distracting drop-down menus, overlapping tabs, and large gaps between sections below the fold.
List of suggested improvements for website navigation and user interaction titled 'Opportunities,' including making dropdown menus clickable, highlighting active tabs, reducing clutter, and improving navigation.
List titled 'Threats' including government sites, video platforms like YouTube, Facebook, X, and news sites.

User Interviews

A total of 4 people were interviewed

Interviews were done 1 on 1 and lasted about 40 minutes

Interviewees are from around the Bay Area

  • Simple usability and screens that were not cluttered was brought up in every interview. One user brought up “reader view” multiple times as the reason to return to certain sites.

  • Paywalls were brought up as a deterrence from perusing articles.

  • Getting annoyed or confused by distractions whether the site was too loud or there were too many sponsored messages was a frustration brought up by every interviewee ·

Learnings

“Like it’s easy to read, they separate everything from like technology… I like that you can tell like, Oh! this is sports, this is opinions, as compared to like the New York Times, immediately, first things first, like the first thing you see on the times is “subscribe!”

Two people sitting at a table conducting an interview in a brightly lit room.

Personas

Both of these personas are the result of the research phase of this project with an emphasis on interviews and secondary research.

User Flow

Proper drop down menus allow users to browse news topics without having to leave the Home Screen.

Related topics are grouped together for easy navigation

This user flow shows the journey one takes to search for the article they want.

finding the right article

Flowchart showing user flow for finding the right article on a website. Starts with homepage, clicking topic tags, determining if the correct article is found, clicking article title, reading article, and deciding whether to continue reading. Includes options for browsing related articles or ending the process. Created by Teodora Ivanova 2025.

Design

Crazy 8s and wireframes

Side-by-side comparison of a digital webpage layout and a hand-drawn webpage sketch. The digital layout features a "Route Fifty" header, main headline, and sections for trending stories. The hand-drawn sketch has labeled sections including logo, topics, big story of the week, story trending, and sponsored content.

Adding state and federal news tabs to the home page, as well as the implementation of a drop down menu allow the user to explore relevant topics without bouncing around the website

Prioritizing clean lines, clear groupings and an intuitive menu was a priority in design

Prototyping

Main Task: Looking for the Right Article

Screenshot of Route Fifty website displaying headlines, navigation menu, and subscription option. Featured article discusses government efficiency amid DOGE push, with images of a government meeting and the U.S. Capitol. "A New Administration" section highlights trade and international relations.
Informational webpage on cybersecurity, featuring two main articles titled 'National Security' and 'Cybersecurity in school', with related article headlines on the side. Includes digital graphics of a lock and shield, symbolizing security.

A mid fidelity prototype was created in order to test the navigational functions of the home page and address any usability and accessibility concerns.

Certain actions were limited or disabled in order to focus attention on certain aspects of the user interface

User Testing

Webpage featuring a Route Fifty article titled 'Exclusive: StateRAMP to rebrand later this year' by Chris Teale, dated February 14, 2025, with a cloudy tech background. Includes a dropdown menu under 'Public Safety' listing Cybersecurity, Law Enforcement, and Management. The page also displays a section with a partially visible image of a police officer and trending articles with placeholders.

Users

  1. One woman, 33 Foster City. Formulation Scientist

  2. One woman 31, Saratoga. Animator

  3. One man, 40, Mountainview. Postdoc.

Tasks

  • Ask the test user to navigate the prototype and find an article on cybersecurity in schools.

  • Ask the user to navigate back to the home page.

  • Ask the user to navigate from federal to state news.

Settings

  • Each user test was conducted at the user’s home

  • Each test took about 10- 15 minutes.

  • Tests were conducted in early evening.

  • Each user conducted the study on their own laptop.

Route Fifty website header with social media icons and navigation menu, including search bar.

Learnings

  • Both users commented on the home page looking clean. When asked to expand, they mentioned lack of pop-up advertisements which clutter most online journals.

  • One user mentioned that the “state/Federal” tabs looked cluttered under the Logo.

  • Users appreciated the register button not being “aggressive”.

  • One user mentioned she liked the menu because the drop-down feature allowed her to browse subjects without leaving the page.

Person using a tablet at a desk with a laptop in the background.
Screenshot of Route Fifty website featuring an article about StateRAMP rebranding, dated February 14, 2025. The page includes various sections such as Events, Finance, and Public Safety. A headline about Arizona Police being hacked is visible, along with trending news sections.

Reflections

Takeaways and Next Steps

  • Playing around with layout and menu allowed me to explore visual cues and the ways in which different news outlets may prioritized information and articles

  • Users appreciate being able to clearly navigate topics without having to leave the homepage.

  • Reducing the steps to search for information lowers the initiation barrier in following through with tasks.

  • Continue to make iterative changes to the menu with further research. 

  • An open card sort would be optimal to gain a better understanding of how people group content and title subjects.

Smartphone screen displaying a news app with headlines focused on COVID-19 updates, positioned next to a tablet on a light wood surface.
Route Fifty website screenshot with article headlines about state-level digital government efficiency and related topics.