~sircmpwn/sr.ht-discuss

3 3

Visually differentiate between main project page and git/lists/etc

Benjamin Cama <benoar@dolka.fr>
Details
Message ID
<ZeoJg_4_WkWxk99r@dolka.fr>
DKIM signature
missing
Download raw message
Hi,

Small nit but big usability issue for my aging brain: I always happen to 
hang when stumbling upon (nice) sr.ht projects, clicking on “source” 
and… not understanding where I landed because the breadcrumb look the 
same but I don’t immediatly get that the page is actually different.  
Same for the mailing-list, even if the left bar makes it more obvious.

So, maybe the git/lists/etc page could include the project’s summary 
breadcrumb, and display themselves as second level? Or something else to 
make it more obvious that I actually landed on some different page? Or 
am I too dumb for the very nice sourchut service?

Thanks!
-- Benjamin
Details
Message ID
<20240308103446.GA9532@cvut.cz>
In-Reply-To
<ZeoJg_4_WkWxk99r@dolka.fr> (view parent)
DKIM signature
pass
Download raw message
> Or something else to make it more obvious that I actually landed on
> some different page?

It's small detail, but the selected "subpage" (like git, builds, todo,
lists, etc...) is black instead of gray at the top of the page.

If nothing is black, it's projects hub page.
Rens Oliemans <hallo@rensoliemans.nl>
Details
Message ID
<87h6hh9c90.fsf@rensoliemans.nl>
In-Reply-To
<20240308103446.GA9532@cvut.cz> (view parent)
DKIM signature
pass
Download raw message
> It's small detail, but the selected "subpage" (like git, builds, todo,
> lists, etc...) is black instead of gray at the top of the page.

Additionally, the text of the active header is white, rather than the muted gray of the
non-active headers. I would agree that this is difficult to distinguish, would it be
better UI if the non-active headers mirror the non-active nav entries in the top navbar?

For example, see my mockup at
https://git.sr.ht/~rensoliemans/srht-navbar-header/tree/main/item/README.md, would this
make the active header easier to distinguish?
Benjamin Cama <benoar@dolka.fr>
Details
Message ID
<ZesqnQ9B-b0lSFHG@dolka.fr>
In-Reply-To
<87h6hh9c90.fsf@rensoliemans.nl> (view parent)
DKIM signature
missing
Download raw message
Le Fri, Mar 08, 2024 at 12:47:07PM +0100, Rens Oliemans a écrit :
>> It's small detail, but the selected "subpage" (like git, builds, todo,
>> lists, etc...) is black instead of gray at the top of the page.
>
>Additionally, the text of the active header is white, rather than the muted gray of the
>non-active headers. I would agree that this is difficult to distinguish, would it be
>better UI if the non-active headers mirror the non-active nav entries in the top navbar?

For both of you, I should mention that I use the default “light” 
color-scheme, not the “dark” one. The active selected tab is clearly 
visible, this is not my issue.

My “problem” is just that the look of the page when hitting git, lists 
or some other subpage is *exactly the same at the top* (same colors, 
same displayed title, same navbar look, etc). Well, of course the 
content is not the same when paying attention, it’s just about the 
“feel” that you get when your brain is slow and you’d like some cue that 
what you clicked actually led you to some different place.

Of course I’m nitpicking, but it’s just a random remark on useability.  
Otherwise, I like the sourcehut design very much.

Regards,
-- Benjamin
Reply to thread Export thread (mbox)