Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Improve navigation clarity: Rename 'News' to 'Tutorials' in drop-down navigation menu #59017

Open
vmkiss opened this issue Feb 26, 2025 · 7 comments · May be fixed by freeCodeCamp/news#1100
Open
Labels
help wanted Open for all. You do not need permission to work on these. scope: UI Threads for addressing UX changes and improvements to user interface

Comments

@vmkiss
Copy link
Contributor

vmkiss commented Feb 26, 2025

Is your feature request related to a problem? Please describe.

On FreeCodeCamp’s homepage and learn page, discrepancies in naming make it difficult for users to find the page containing tutorials. In the upper left corner of the screen, there is a search bar with text that says “Search 11,600+ tutorials.” This makes it easy for users to search for a tutorial on a specific topic, but if a user wants to view all of FreeCodeCamp’s tutorials, they have to click on the dropdown menu in the upper right corner of the screen and click on the “News” option. This naming seems unintuitive and may be confusing to new FreeCodeCamp users, as the title “News” implies that section might contain articles about recent developments in programming or news about FreeCodeCamp rather than tutorials.

To view the tutorial search bar and the drop-down menu:
Navigate to the homepage (https://www.freecodecamp.org/) and click the drop-down menu in the right upperhand corner of the screen to view the “News” navigation option. The tutorials search bar is in the left upperhand corner of the screen.
Navigate to the learn page ( https://www.freecodecamp.org/learn/) and click the drop-down menu in the right upperhand corner of the screen to view the “News” navigation option.The tutorials search bar is in the left upperhand corner of the screen.

Here are some screenshots that show the search bar and navigation menu.

Screenshot of homepage:

Image

Screenshot of learn page:

Image

Describe the solution you'd like

Since the overwhelming majority of the content on the News page consists of tutorials and how-to-guides, it would make more sense to rename the “News” option in the dropdown navigation menus on the homepage and the learn page to “Tutorials” to better represent the content.

Describe alternatives you've considered

While tutorials comprise most of the content on the FreeCodeCamp News page, there is some other content on the page that might not fall as neatly into that category (e.g. podcast episodes). Re-naming the navigation option to “Tutorials & News” would be another alternative, although it may be a little clunky. I’m also aware that FreeCodeCamp has a lot of longtime users that may be used to the current menu navigation, so the costs of changing the navigation menu names may outweigh the benefits of renaming.

Additional context

No response

@vmkiss vmkiss added the status: waiting triage This issue needs help from moderators and users to reproduce and confirm its validity and fix. label Feb 26, 2025
@moT01
Copy link
Member

moT01 commented Feb 26, 2025

I think the term "news" was deliberate - not sure exactly why - maybe for SEO or something. I think we probably want to keep it. That being said, perhaps we could change the search bar text. "Search 11,600 news articles, tutorials, and books" or something.

@jdwilkin4
Copy link
Contributor

I like the idea of updating the search bar text

@vmkiss
Copy link
Contributor Author

vmkiss commented Feb 27, 2025

I like the idea of updating the search bar as well. I think it would make it clearer that the news articles, tutorials, and handbooks are all part of the same section/page without affecting the SEO (totally understand why you wouldn't want to mess with those).

@ilenia-magoni
Copy link
Contributor

ilenia-magoni commented Feb 27, 2025

It looks like the strings are here

"default": "Search our tutorials",
"numbered": "Search {{ roundedTotalRecords }}+ tutorials"

NOTE: change only English files

also there is to check that the string still fits and doesn't have overflow or other weird visual effects

@ilenia-magoni ilenia-magoni added help wanted Open for all. You do not need permission to work on these. scope: UI Threads for addressing UX changes and improvements to user interface and removed status: waiting triage This issue needs help from moderators and users to reproduce and confirm its validity and fix. labels Feb 27, 2025
@moT01
Copy link
Member

moT01 commented Feb 27, 2025

@gikf
Copy link
Member

gikf commented Feb 28, 2025

There's also text when there's nothing found, but changing it similarly would make key name no longer make sense:

"no-tutorials": "No tutorials found",

For that using the no-results might be more feasible, after it's modified. GitHub cannot find it to be used currently anywhere.

"no-results": "We could not find anything relating to <0>{{query}}</0>",

@ilenia-magoni
Copy link
Contributor

Reminder for contributors, the search bar is tested, so making changes to the search bar needs also making changes to the tests

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
help wanted Open for all. You do not need permission to work on these. scope: UI Threads for addressing UX changes and improvements to user interface
Projects
None yet
5 participants