[TP]: Developing Solution for Unavailable content related to job listings (1 out of 3)

[astkhikatredi]

Context/background

In TP users may face situations where they click on a saved link, expecting to access specific content, only to find that the content is no longer available. This can lead to user confusion. To increase user satisfaction and provide clear communication in such scenarios, we need to develop a technical solution.

What needs to be done?

Develop a mechanism that redirects users to an informative page when they click on a link to content that is no longer available due to reasons such as a deleted job listing, an expired job listing, or job listings from hidden company. The informative page should present a user-friendly message, clarifying that the content is no longer accessible or has been relocated.

To dos:

• Display an customised Error 404 page when accessing unavailable content;
• Redirect to a landing page with a pop-up message, for example: 'We're sorry, but the link you are trying to access is no longer available or may have been moved. If you have any questions or need further assistance, please contact our support team. Thank you for your understanding"
• Consider any other standard practices applicable in these situations.

Depending on the technical solution, design files may be required to ensure that the visual presentation of the messages aligns with the overall platform design.

Here are some practices for 404 page:
GitHub: GitHub's 404 page features a cute "Octocat" image with the message "This is not the web page you are looking for." It also includes a search bar to help users find what they're looking for quickly.

LEGO: LEGO's 404 page is playful and on-brand, featuring a LEGO construction worker with the message "Oops! Not everything is awesome." It also includes links to popular pages and a search bar.

Behance: Behance's 404 page is visually appealing and artistic, showcasing various creative projects in a grid layout. It encourages users to explore more projects and provides a link to the homepage.

Medium: Medium's 404 page features a simple and clean design with the message "Well, this is embarrassing" and a link to return to the homepage. It maintains the platform's minimalistic aesthetic.

Dropbox: Dropbox's 404 page is straightforward and user-friendly, with a simple illustration and the message "Page not found." It provides links to common pages and a search bar to help users navigate the site.

Design file

The design file is here. If you have any questions, please reach out to @ligiamxm :)

[astkhikatredi]

Here are comments from our slack convo:

1. Comment from Eric: I'm generally used to seeing the 404 message at the same url I tried to access. We can probably implement that through if (noMatchCondition) return <404Message /> inside each page component. What do you think? That also leaves the door open for some simple customization, e.g. <404Message message="The job listing you've tried to access either doesn't exist or it expired" />
2. Comment from Anil: I think a generic 404 page with a message like the following could be used for all scenarios:
   “404: Oops, this page either doesn’t exist or you don’t have access to it. Please contact [support@redi-school.org](mailto:support@redi-school.org) if you think there’s a mistake.”Message can be changed.