← All Wireframes
WF-06b IIIF Archives — Compact Sidebar Redesign
1440 × 1720 px
MiradorViewer.jsx
search
collapsible groups
compact rows
Option A: Keep the sidebar, make it scale — add search, collapse groups, compact rows (32px vs 52px current).
36 items with all groups open = ~1,100px scroll. With 2 groups collapsed + search = manageable at any count.
REDESIGN OPTION A — COMPACT SIDEBAR WITH SEARCH + COLLAPSIBLE GROUPS (36 manifests shown)
SPACEWAYS OF SUN RA
Discography
Timeline
Videos
Musicians
Poetry
Films
Books
Magazines
IIIF
Home / Archives
Archives
Archival materials from the Alton Abraham Collection, Hamilton College Sun Ra Research zines, and the Smithsonian.
Click any item in the sidebar to open it in the viewer. Use search or collapse groups to navigate long lists.
INSTITUTIONS
All
Univ. of Chicago (5)
Hamilton College (15)
Smithsonian (14)
ULB Münster (2)
36 items · 2 pending
CATALOG
36 manifests · 4 institutions · 2 pending
Search manifests…
⌘K
UNIV. OF CHICAGO
5
HAMILTON COLLEGE
15
Sun Ra Research, Issue 01
zine · 1995
Sun Ra Research, Issue 02
zine · 1995
Sun Ra Research, Issue 03
zine · 1995
Sun Ra Research, Issue 05
zine · 1996
Sun Ra Research, Issue 06
zine · 1996
Show 10 more ↓
ULB MÜNSTER
2
SMITHSONIAN INST.
14
Sun Song (Delmark Records)
publication
Sun Ra Screenprint (McNeill)
artwork
Space Is the Place Poster
poster
Show 11 more ↓
sidebar scrolls independently
overflow-y: auto
+ Add window
Mirador 4 Workspace
Sun Ra Research, Issue 01 (May, 1995)
Hamilton College · zine
✕
thumbnail strip
Mirador canvas
① Search across all manifests
Real-time filter by title. ⌘K shortcut.
Works across all institution groups.
② Compact rows — 32px vs 52px
36 items × 32px = ~1,152px total scroll.
Type badge (right) shows format at a glance.
(Without collapse: 36 × 52px = 1,872px)
③ Collapsible groups
Click group header to expand/collapse.
Collapsed = 32px header only per group.
4 headers collapsed = 128px for all 36 items.
④ Wider sidebar — 300px vs 264px
Extra 36px allows type badge + title on one row
without truncating. Mirador: 1,140px (vs 1,176).
DESIGN NOTES — COMPACT SIDEBAR
STATE: SEARCH ACTIVE
sun ra zine
✕
4 results for "sun ra zine"
Sun Ra Research, Issue 01
Hamilton
Sun Ra Research, Issue 02
Hamilton
Sun Ra Research, Issue 03
Hamilton
Sirius is Serious (Diederichsen)
ULB
(no results below)
group headers hidden during search
STATE: ALL GROUPS COLLAPSED
Search manifests…
UNIV. OF CHICAGO
5
HAMILTON COLLEGE
15
ULB MÜNSTER
2
SMITHSONIAN INST.
14
Total collapsed height: 128px
for all 36 manifests
Design rationale
Pros
+ Familiar sidebar pattern — no UX relearning
+ Search is the fastest way to find any manifest by title
+ Collapsible groups work well per institution
+ Compact rows let ~25 items show without scrolling
+ Type badge gives visual at-a-glance format cue
+ Mirador retains its current large footprint (1,140px)
+ Low implementation risk — CSS + small state changes only
Cons / tradeoffs
− Sidebar still exists as a dedicated panel (uses 300px)
− Very long lists (100+ manifests) will still require lots of scrolling
− No visual preview of manifest content before clicking
− Groups with 15 items still need "show more" pagination
Best for: moderate catalog growth (up to ~80 items).
Primary implementation path — minimal disruption.
WF-06b · Compact Sidebar with Search + Collapsible Groups · 1440 × 1720 · Spaceways of Sun Ra