apps.fp.o is hard to read and hard to use

[genodeftest]

The current apps.fp.o landing page looks like this:

It has several usability problems:

1. some items (in this case most of what's below Packaging) are not accessible because they are hidden behind the description
2. there is no useful content without javascript. This is bad for search engines or users with limited browser functionality.
3. if you select a leaf node everything changes. This is disturbing the user.
4. it is barely usable on smaller screens (vertical+horizontal scrolling) due to its fixed size.
5. text overlaps, making it hard to read and pick leaf nodes.

How about a structured list, more like fedmenu plus a sidebar showing the description(s)? additionally a full text search in descriptions would be useful for people new to fedoraproject.

[Grinnz]

+1 to all those points. I am struggling to come up with constructive criticism, but I am not a designer, and I cannot think of a way to make it usable without a total redesign.

• The site should be statically laid out, maybe with expanding sections but not with everything moving around and certainly not with a huge animation delay.
• Every link should be a big clickable button, not some words in the middle of a graphic.
• The links to actually go to each site should be near where you find them on the page, not on the side of the screen. (This may be better with another layout, I am not sure)
• I am not sold on the circular layout overall.

[ralphbean]

there is no useful content without javascript. This is bad for search engines or users with limited browser functionality.

Are you sure? I thought it was supposed to render a YAML representation of the same data.

[ralphbean]

That aside, it's definitely showing its age. We just need someone to re-do it.

A requirement on that effort is that we maintain the structure of the data at https://apps.fedoraproject.org/js/data.js, since it is now used by fedmenu and other things (as well as the apps.fp.o landing page).

[Peppa-Peddler]

I would like to work on this. I can re-do it, would like some assistance to review my ideas. Please answer me when possible.

[genodeftest]

I would like to work on this. I can re-do it, would like some assistance to review my ideas. Please answer me when possible.

I can comment on user interface / user experience stuff if you want. I don't know enough about Fedora infrastructure internals, but it is quite open so you should be able to find most information if you start digging at the right place … ;)

[Peppa-Peddler]

@genodeftest Fine, later today I can start building something, I will PM you.

[genodeftest]

@Peppa-Peddler I'm living in a different time zone so don't expect me to be fast on this ;)

[Peppa-Peddler]

@genodeftest @ralphbean
Hello everyone, I just finished a version, would like a review and some assistance to push the project. You can see a live version here: https://peppa-peddler.github.io/

[Peppa-Peddler]

Here is the forked repo https://github.com/Peppa-Peddler/apps.fp.o

[Peppa-Peddler]

#45

[sfshameem5]

Is it done ?

[sfshameem5]

I think I can help.

[jwflory]

@sfshameem5 Since it's still open, I would consider this to be fair game. Before proceeding, I would look into some of the history in #45 and see the feedback there, so you can see the discussion from the previous redesign and the feedback that was given there.

[sfshameem5]

I think that a small tweak would make the page great.
That would be to center the fedora apps div and to make the graph responsive.

Shall I proceed, any suggestions ?