List of projects and categories / font size

Hello,
in the left pane, in the list of categories and projects, I have various entries. See attached picture.

I get always confused of the order of the entries because of the wrong font size.

MUSEUM is the main category.
„Outreach …“ and “Aufmerksamkeitspsychologie …“ are sub categories.
„Allgemeines“ is the project in e.g. „“Outreach …”.

I get confused because the fontsize of the sub categories is smaller than the the one of projects. In my opinion it should be at least the same font size.

Even „Hide/show archived elements“ (?, Ido not know the exact title in English right now) is larger than the sub categroy.

Alsothe line distance between each entriy is the same. I think above each sub category the distance should be a little bit higher. And between the projects smaller.
Also the proejcts can be some pixels further to the right.

Greetings,
Claus

Bildschirmfoto 2021-10-26 um 19.30.53

1 Like

Don’t know if this should be the other way around, because those entries should be easily clickable in a touch-based interface.

But I do find some typography choices within the interface of Agenda a bit confusing, too. Same goes for ‘On the agenda’ where category titles use a lot of space.

In both cases those categories / location paths could remain small, if some subtle contrasting background colours and font styles are added to create (repeating) sections in the UI.

Just some thoughts…

Regards,
Maik

1 Like

As always it’s a tricky balance, we’ve tried many things but settled on this as the best option. It has to be clear that the it’s a category (same color and font as the parent category) and that it’s a subcategory, which would be much harder to quickly tell if the font size would be the same and you would only have to rely on indentation (we would have to increase indentation, which would then leave less space for longer titles).

I also disagree that it’s a problem that the subcategory font size than the one of the project title, the finder does the same thing:

Screenshot 2021-11-02 at 09.26.54

Long story short, we’re not very likely to change the sidebar look at this moment.

For me, the sidebar in Finder shows something different. These are locations or containers without another layer of informations.

In Agenda we habe a hierachy of data and informations.
In my case above I have „Allgemein“ (similar to „General Infos“), there could be also „Contacts“ or „Customers“. In each subcategory (in my case these are projects) more or less the same structure. Now I see two times „Allgemeines“ because both projects are open.
As the projects titles are smaller than e.g. „Allgemeines“ I need search first for the sub category as I want to edit e.g. „Allgemeines“ in the first subcategory. My focus is forst on „Allgmeines“, then the subcategory and then again on „Allgemeines“.
It would be much easier to put the optical focus on the subcategory and then e.g. „Allgemeines“.

For me the way how it is designed now is a failure in GUI as it does not follow (optically) the logical way of hierachical structuring of information.

Another example:
Category „Fruits“

  • Subcategory „Apples“
    — Project „Types“
    — Project „Orders"
    — Project „Customers“
    — Project „Feedback“
  • Subcategory „Berries“
    — Project „Types“
    — Project „Orders"
    — Project „Customers“
    — Project „Feedback“
  • Subcategory „Bananas“
    — Project „Types“
    — Project „Orders"
    — Project „Customers“
    — Project „Feedback“

The subcategory title is smaller than the projects titles. Looking at the categories I see first 3x „Types“, then I have to find „Berries“ and then again „Types“. Better would be to have optical mor present „Berries“ as I need to edit „Types“ in „Berries".

I’m sorry, but have you ever tried to add some sub-folders to the sidebar? It results in the same problem @csterneck describes here.

You can sort / drag those folders underneath their corresponding (cloud) drive locations, but as they have the same size, color and spacing, etc. there’s no support for visually separating them.

Folders and entries in a nested (or collapsible) tree structure are by far a better example for the navigation in apps like Agenda. And, with the indentations in the current layout, that’s exactly what you’re after.

Those suggestions are about stylesheet-based improvements to the UI, not a complete rewrite of the left-side menu and notes list.

Best regards,
Maik

1 Like

Last days I started too create a bigger project in Agenda by creating a structure and adding notes.
For me, now the left pane looks very (too) crowded - very difficult to get a (quick) overview. It takes always (!) up to several seconds to find the category, the subcategory, the project I search for.

  • The (in my opinion) wrong font size (too small) of categories (same size as projects)
  • Font size of subcategories is smaller than the font size of projects
  • Colour - grey on grey - of categories makes it more difficult to read
  • Not enough indentation for categories, subcategories and projects
  • Wrong distance before and after a category (same distance to the category above and below to a subcategory)

The left pane in Finder is also not a good idea for a comparison as the left pane in Agenda is „alive“, we change the content of left pane much more often, adding categories, subcategories, projects.

I wonder how other users manage the left pane - using a lot of categories, subcategories and projects - in different colours.

Now, after about two, three weeks of working on two (little bit bigger) projects in Agenda I decided to think about another solution. I am not able to adapt to the look&feel of the project pane. For me the GUI is chaotic and does not correspond to how projects are structured hierarchically. As I already described above the sucategories are much too small, not enough indentation, spacing, plus gray on gray … I have several categories with less „content“, all in all difficult to find quickly what I searched for. For organizing notes, informations it is ok for me, but not to manage a project with a more extensive structure.