UX: Reduce cognitive load and improve scanability #26

New issue

Closed

opened 2026-04-04 05:35:48 +00:00 by Brouie · 4 comments

Brouie commented

2026-04-04 05:35:48 +00:00

(Migrated from gitlab.com)

too many sections compete for attention at once. use clear visual hierarchy -- size, contrast, spacing -- so the eye naturally flows to what matters. group related info, use progressive disclosure for detail, reduce wall-of-numbers feeling.

Brouie commented

2026-04-06 06:52:50 +00:00

(Migrated from gitlab.com)

reviewed on 254999d. the page is a long vertical scroll with 17+ distinct sections all competing for attention at the same weight. onchain contract data, charm curves, participation stats, sale parameters, buy panel, warbow rules, podium categories, podium payouts (3 separate category cards), podiums onchain, recent buys, charm redemptions, podium batch runs, podium payouts indexer, referral buys, fee sinks, fee distributions. no progressive disclosure -- everything is expanded. no visual hierarchy -- all cards have the same styling. the eye doesn't know where to go. needs: grouped sections, collapsible detail, size/contrast hierarchy, fewer visible sections at once. screenshot attached.

reviewed on 254999d. the page is a long vertical scroll with 17+ distinct sections all competing for attention at the same weight. onchain contract data, charm curves, participation stats, sale parameters, buy panel, warbow rules, podium categories, podium payouts (3 separate category cards), podiums onchain, recent buys, charm redemptions, podium batch runs, podium payouts indexer, referral buys, fee sinks, fee distributions. no progressive disclosure -- everything is expanded. no visual hierarchy -- all cards have the same styling. the eye doesn't know where to go. needs: grouped sections, collapsible detail, size/contrast hierarchy, fewer visible sections at once. screenshot attached.

Brouie commented

2026-04-06 07:09:03 +00:00

(Migrated from gitlab.com)

{width=460 height=600}

![image.png](/uploads/b57e7b765124e67c1220b7d86e5b7fc3/image.png){width=460 height=600}

PlasticDigits commented

2026-04-09 04:53:15 +00:00

(Migrated from gitlab.com)

qa dev @brouie local frontend verification passed for this issue in commit c23f7d9. Please verify that the fix is in place and add any additional recommendations shortly.

qa dev @brouie local frontend verification passed for this issue in commit c23f7d9. Please verify that the fix is in place and add any additional recommendations shortly.

Brouie commented

2026-04-09 06:36:42 +00:00

(Migrated from gitlab.com)

Verified on 4e4ec94 with local Anvil stack (live data). Fix is in place. Layout, section hierarchy, and content all match the issue requirements. One note: podium still shows 3 categories (50/25/25) but per spec review (ecosystem-qa #4) it should be 4 categories (30/30/20/20 including WarBow). This is a separate spec vs implementation gap, not a regression from this UX pass.

Verified on 4e4ec94 with local Anvil stack (live data). Fix is in place. Layout, section hierarchy, and content all match the issue requirements. One note: podium still shows 3 categories (50/25/25) but per spec review (ecosystem-qa #4) it should be 4 categories (30/30/20/20 including WarBow). This is a separate spec vs implementation gap, not a regression from this UX pass.

Brouie (Migrated from gitlab.com) closed this issue

2026-04-09 06:39:38 +00:00

No milestone

No project

No assignees

1 participant

Notifications

Due date

The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set

Reference

code/yieldomega#26

No description provided.

Rows
Columns