27 lines
1.2 KiB
HTML
27 lines
1.2 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
|
<title>Abel Hall • Mars Interface Sketches</title>
|
||
|
|
<style>
|
||
|
|
body { background: #0a0a0a; color: #e0e0e0; font-family: system-ui, sans-serif; max-width: 720px; margin: 40px auto; padding: 20px; line-height: 1.6; }
|
||
|
|
h1 { color: #fff; }
|
||
|
|
.sketch { border: 1px solid #333; padding: 20px; margin: 20px 0; background: #111; }
|
||
|
|
a { color: #8ab4f8; }
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<h1>Mars UX: Layered Habitats Like North Shore Trails</h1>
|
||
|
|
<p>Designing colony interfaces the way I plan museum paths or debug Arduino boards. Iterative. User-first. Every data point matters.</p>
|
||
|
|
|
||
|
|
<div class="sketch">
|
||
|
|
<h2>Habitat Navigation</h2>
|
||
|
|
<p>Chess-like logic: 4 zones, clear affordances. Warm glazes over cool primer — light catch like Bon Iver layers. Reference: Walker Art Center wayfinding.</p>
|
||
|
|
<p>Python flow: sensors feed decision trees. No rushed prototypes.</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<p>Grounded in Burnsville discipline. Next: full 3D mock with Photoshop assets.</p>
|
||
|
|
<footer>abel-hall.4ort.net • 2024</footer>
|
||
|
|
</body>
|
||
|
|
</html>
|