#224 Fedora_docs_frontpage_redesign
Opened by ladyluchi. Modified
fedora-docs/ ladyluchi/docs-fp-o prod  into  master

Download 224.patch

Modified user experience and user journey

My first impression of the fedora docs front page is that it is too wordy. Moving further to the other pages, it was the same experience. Humans have a very short reading attention span and the document will definitely be a boring read thus giving users a bad experience. Also, the lack of structure in the information is equally a problem. After thorough study and research, I decided to map the information into relevant groups into project documents, buttons ( about project, teams, partnerships, community, quick docs and get help) call to action button for downloading the Fedora coreOS. This call to action is necessary because it will enable more users to quickly see the coreOS and download it.

I also incorporated pictures to make the front page engaging and interesting. I also iconized the search bar and the language selector and placed them together with the contribute/edit icon and report icon at the top center of the page for users to easily see it as compared to the former page that had some of the icons in words. I also used the Fedora colors more minimally. I also put the Linux 34 and 35 and the server on the header with full details for easy navigation.

My overall suggestion is that the entire project language needs a review, more images are needed, and proper classification of the items. For instance, a different name should be used to differentiate between the engineering team and the mindshare team who both have different functions.

@ladyluchi I don't see a link to the design. Am I missing it?

@ladyluchi I don't see a link to the design. Am I missing it?

@bcotton It is there but here it is again https://pagure.io/Fedora_docs_frontpage_redesign and also a direct link to the Figma file
https://www.figma.com/file/vR5kJjYRs0NbhrRK9GTrnT/Fedora-Docs-page-redesign?node-id=0%3A1

Thanks for the link. I don't see any indication in this pull request that you created a new repo, so I'm not sure I'd have been able to find it.

As for the design, I like the use of the graphics. I agree that the current page is very wordy.

  • Why does Server have featured billing across the top (alongside F35 and F34)? None of the other Editions get that.
  • The contributor documentation is very hard to find. I completely missed it at first look.
  • "Get Help" should include thinks like Ask Fedora. It should explicitly not contain the Packaging Guidelines, which are contributor documentation.

OK. thanks for the feedback. I will make the necessary corrections

@bcotton If I get you correctly, I assumed that developers who access the documentation page will most probably visit the core Fedora documentation which were captured with those three cards. However, what I could add would be to make it a carousel that includes other documentation links where they can access new releases from the-get-go other than having to click on those Icons to find out what to expect. Or what do you think?

I'm not sure I understand what you're suggesting.

I'm not sure I understand what you're suggesting.@bcotton

In addition to restructuring the information architecture, I had 3 things in mind when I redesigned the front page.
1. The usability- achieved by information restructure, reducing the wordiness of the layout, and using smaller font sizes.

  1. The usefulness: I decided to place the Linux 35, 34, and server in the 'header' position to highlight them and increase their visibility to contributors and page visitors because Fedora Linux 35 is the latest version of Linux released on November 2nd, 2021 which was preceded 6 months ago by Linux 34 and i decided to represent them in carousel form(like a slide show for the three of them).
    I don't understand the question on why the server has a billing feature as I do not see where it is on the redesign. I did not add or remove from the information I saw on the old document on the server

  2. Enjoyability: achieved by incorporating pictures to make it interesting for the readers and contributors. I have added the suggestions you made by changing the call to action button to contribute, and also iconized the download packages function.

Metadata