Interaction lab · thirty-six navigation experiments
Navigation experiments
Alternate ways to explore the same body of work through geometry, hierarchy, motion, and spatial navigation. These are interaction studies, not replacements for my canonical portfolio.
Usability lab
The earlier comparison set includes Clex, HexUX, Prism, Sphere, and twelve additional interaction studies. The neutral harness supplies repeatable tasks, timing, and event telemetry for the fourteen studies that implement its shared contract.
Luke’s Stuff, six ways
Six candidates for the page that lists everything I have shared, all built from the same catalog. They are staged here to try on real devices; none has replaced the current page.
Fold
Each section is folded shut in its color. Opening one unfolds three featured pages to the left, right and above, then drops its list. Search opens the section with the best match.
Cut paperDepth
Sheets of sun, cobalt and tomato: the finder, Featured and the list. Category order becomes a table of picture tiles.
StrataTerraces
The directory as bands of blue, lighter to deeper, each main line with a shelf of its rows.
Transit mapTransit
Seven lines leave one station. Open a line to see its stops.
DialChord
Every destination is a notch on one dial, and scrolling turns the ring.
Plain listList
Every destination as one row, in the style of the games index: sortable by name and visitors, with a field to find things.
Voronoi
Irregular cells turn the site map into one continuous surface, with area and position carrying hierarchy.
Pie & radial
One shared blooming implementation exposes alternate organizations of the same catalog alongside the earlier petal study.
Nightingale Rose
Weighted petals bloom open around the hub, with real imagery inside each sector.
Observed trafficTraffic
GoatCounter page views set log-scaled wedge weights; unmeasured outbound destinations retain a minimum readable share.
Intent sunburstWayfinder Bloom
Traffic’s layered bloom reorganized by intent, with usable things first.
Product sunburstProduct Bloom
Web apps and tools lead a product-first view of the same destinations.
Hierarchy sunburstSite Map Bloom
Eight blooming layers preserve the serving portfolio’s editorial order.
Entry-surface sunburstEntry Surface
The Traffic wheel reorganized by where each destination opens: browser, install, code, reading, play, organizations, or contact.
Domain sunburstSubject Field
The identical wheel grouped by accessibility, language, social web, space, data, tools, play, and professional work.
Artifact sunburstArtifact Type
Equal-weight destinations grouped by what each link contains, from live tools and downloads to writing and profiles.
Host sunburstHost Map
The same bloom organized by public host: the portfolio, lab, independent product sites, publishers, partners, and profiles.
Alphabetical sunburstAlphabetical Index
A neutral A–Z control using the exact Traffic implementation and the same forty-six current destinations.
Fan & unfolding
These studies reveal structure through expansion: shards separate, levels rise, and honeycombs grow from the selected path.
Shatter Field
A dark field breaks into navigable shards with imagery glowing through the cracks.
Layered fanPaper Terraces
Nested levels rise into place and use depth to make hierarchy tangible.
Folding honeycombWaggle
The selected route stays lit while neighboring hexagons fold in and out.
Persistent honeycombOpen Comb
Every opened tile remains on the lattice as the structure grows outward.
Hex expansion
Five studies apply Clex geometry, HexUX progressive disclosure, and Hexsweeper Sphere UX to real portfolio navigation.
Clex Fold
A six-neighbor ring hinges destination cells out from each family.
Progressive petalsHexUX Bloom
Categories spring outward, then open three focused destinations.
Persistent pathHex Trail
Every choice extends a honeycomb route that records the exploration.
Axial catalogClex Atlas
The complete project catalog unfolds inward as the six-cell ring makes room.
Tessellated sphereHexsphere Aperture
A real Goldberg shell splits along whole faces to reveal projects inside.
Spatial & schematic
Site structure becomes a visible system: a spiral, a transit network, a periodic table, a live arrivals board, or the whole body of work as one metro map.
Constellation Spiral
Every destination occupies one spiral; selecting a family lights its contiguous arm.
Network mapTransit
Seven thematic lines meet at a central station, with shared work crossing lines.
Intent networkWayfinder Transit
Six lines organize the full destination set by visitor intent.
Product networkProduct Transit
Web apps and tools anchor a product-first transit system.
Hierarchy networkSite Map Transit
Eight lines follow the serving portfolio’s exact section order.
Taxonomy gridThe Elements
Families become columns and each destination receives a compact symbolic identity.
Ranked boardArrivals
A split-flap board ranked by real visits, live from the site's own counter every five minutes; filter by line.
Transit mapLuke Central
The work as one transit network: every line leaves Luke Central, and work on several lines becomes an interchange.
Transit map, liveLines
A homepage preview drawn as a metro map, with trains running to the pages people are visiting right now.
Opening treeLines: Reveal
The same map opened one theme at a time, in five styles from octilinear transit to a turning globe.