Skip to content

Needs design analysis: can we improve highlighting in category bar? #89

@cellio

Description

@cellio

https://meta.codidact.com/posts/287669

In the category-specific bar, one of "posts", "tags", or "edits" is highlighted, depending on where you are. The changed rendering tells you at a glance where you are. However, "Create Post" also has the same highlighting, presumably because it's a button not a section.

Especially on a narrow screen this looks kind of confusing:

screenshot

Can we figure out a way to visually distinguish section highlighting from button highlighting? We're not using the regular button highlighting there (if you start to create a post, the button at the bottom there is different). I don't think we want that bright blue of other buttons in the header bar, which I assume is why we changed it, but instead of changing it to the section styling, can we think of a third thing? Just an idea -- I am not a graphic designer -- but would it work to use the lighter color from the upper part of the banner, sort of like this? Or is this also confusing?

mockup

Please, please, somebody with actual design clues, please suggest something less ugly than that and still workable with the color theming CoDesign has.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions