#672 Revamp start.fedoraproject.org
Opened 3 months ago by duffy. Modified 23 days ago

phenomenon

All new Fedora users / fresh installs of Fedora have start.fpo as the default homepage. The design is looking a little stale, and could use a revamp.

Things to keep in mind with a redesign:

  • Our desktop already has a cool auto-launch video tutorial of how to use the desktop, so we don't need to teach any basics of how to use Fedora on the start page.
  • We probably want to keep pointing at the documentation and chat help options.
  • We probably want to keep using this page as a way to point users at how to join the Fedora project, but it is absolutely not the primary goal of the page, just a nice to have for us as a project.
  • Fedora Magazine is a great resource we can use to link to and to provide fresh 'what you can do with Fedora' content for the screen.

Metadata Update from @duffy:
- Issue assigned to duffy

3 months ago

Metadata Update from @duffy:
- Assignee reset

3 months ago

Metadata Update from @duffy:
- Issue assigned to abesu

3 months ago

I suggest to do something for non English users.
Our websites speaks multiple languages. GNOME does translates its UI and DOC. Our documentation is now close to be fully translatable. Last steps are dynamic content, stats.fpo should help us to improve here.

It would be great for fedora-diversity#75 to be taken into account for this ticket too. I would like a photo carousel or some equivalent with rotating pictures of our community.

If any engineering time goes into this, the Community Blog media library is a treasure trove of lots of pictures of people and communities around the world. Tapping into that as a dynamic media library would align maintenance of publishing pictures to the CommBlog editor workflow.

Sounds like a Great Idea.

For helping newcomers to join Fedora, We can redirect them to the Join SiG.

+1 @jflory7 Community Blog is indeed filled with lots of pictures of People and Communities around the world and having that in a Photo Carousel in the main page would be awesome as it feels pretty awesome to watch all those and how awesome things fedora has done & is doing.

Work progress:

User tasks list:
#1 A user just opening the browser window to go somewhere in the
browser and doesn't care about what the default page says. Maybe if
something catches their eye they will look at it, but they aren't
opening the browser to look at it intentionally.
#2 A user is a new Fedora user, and is opening the browser for the
first time in playing around with / evaluating the system. They may be
receptive to learning more about what they can do with Fedora at this
point.
#3 A user is a new Fedora user (or just new to this version of Fedora,
maybe they upgraded). They may be receptive to learning more about what
they can do with this new version of Fedora.
#4 A user is a new / less skilled Fedora user and is seeking help in
using it.
#5 The Fedora project would love to recruit new contributors, this page
seems like a good piece of real estate to do it.

Mock-ups:
https://abesu.gitlab.io/start.fedopro.gitlab.io/
&
https://abesu.gitlab.io/start.fedopro.gitlab.io/original

no carusells
no tons of bootstrap css with unused values
no fontawesome if just 3 or 5 icons from it are used
SVG before other pictures
all files minimized and compressed

https://fedoramagazine.org/design-faster-web-pages-part-1-image-compression/
https://fedoramagazine.org/design-faster-web-pages-part-2-image-replacement/
https://fedoramagazine.org/design-faster-web-pages-part-3-font-css-tweaks/

diversity, has something to do with giving all people a chance, I really always ashamed that getfedora needs 4 minutes loading time

hey @gnokii for context, @abesu's html is prototype / mockup and not production level!

hey @gnokii for context, @abesu's html is prototype / mockup and not production level!

I know, I just want to remind that we address this, this time. Same with more prominent linking to torrent download option.

Just some follow up on some off-ticket discussions / feedback:

So I think the feedback you got on the task list hasn't conflicted with the list, so you can move forward with the 5 tasks you came up with:

USER TASK LIST

#1 A user just opening the browser window to go somewhere in the
browser and doesn't care about what the default page says. Maybe if
something catches their eye they will look at it, but they aren't
opening the browser to look at it intentionally.

#2 A user is a new Fedora user, and is opening the browser for the
first time in playing around with / evaluating the system. They may be
receptive to learning more about what they can do with Fedora at this
point.

#3 A user is a new Fedora user (or just new to this version of Fedora,
maybe they upgraded). They may be receptive to learning more about what
they can do with this new version of Fedora.

#4 A user is a new / less skilled Fedora user and is seeking help in
using it.

#5 The Fedora project would love to recruit new contributors, this page
seems like a good piece of real estate to do it.


The only modification I might suggest to the task list is added the qualifier that users are international, to include the consideration that was raised for translated content.

So I think the next step would be to come up with a list of "requirements" for the design - features or things that the design should and could include to enable the task list. For example, here are a few design requirements that I suggested in my last email that came out of the feedback you got:

DESIGN REQUIREMENTS LIST

  1. start.fpo should include translated content for non-English speaking users.
  2. Photography / graphics on start.fpo should be reflective of a diverse user base & community.

  3. Any pointers to help users join Fedora as a contributor on start.fpo should point to https://docs.fedoraproject.org/en-US/fedora-join/welcome/welcome/

Can you come up with some more design requirements, basically listing things the design needs in order to enable the 5 tasks we came up with? In case it is helpful, I thought this guide might help you:

https://www.uxpin.com/studio/blog/write-good-product-requirements-document/

Login to comment on this ticket.

Metadata