Wow, today it’s me: your old friend Katie. You remember. Hello!
I’m designing the circuit enclosure and user interface for our power supply project, and boy do I have a lot of thoughts to share about that. I’m actually fascinated by the field of human factors, which is basically a fancier way to say “ergonomics”, which is itself a fancy way to say “remember that a human being will have to use your thing after you design it”.
I think most people consciously encounter ergonomics in a comfort-of-use way, like buying a weird curvy computer mouse or a weird curvy chair to make it slightly less uncomfortable to do your job all day. According to ergonomics, all you need to do to fix all your problems is add swoopy shapes to the objects in your life.

If you’re lefthanded, like me, ergonomics is usually the art of making things physically impossible to use.
Human factors is more than just preventing hand cramps or back strain, though: it’s basically the act of designing the interface between a person and a tool, both mechanically and cognitively. Yes, this is the most pretentious way I can think of to describe it.
At my day job, human factors usually comes into play whenever a component is designed with the expectation that an astronaut will interact with it, and we have to consider not just the torque required to twist a lever or flip a switch or whatever but also what angle they’re going to be approaching from, whether it’s visible to them during use, whether they’re wearing a spacesuit, bleep bloop et cetera. Basically, you don’t want a crewmember to accidentally flip like five switches at once because they were installed too close together and her gloves are huge, especially when the switches all do really important things like “make the crew not die”.
That’s a pretty extreme example, but the logic applies basically any time you design something for human use. Functional design is a really cool field and there’s a lot of theory behind it, and I’m probably not the best person to try to talk about it, so I’m going to stop.
WITH THAT IN MIND, I SPENT A BUNCH OF TIME DOODLING CONTROL PANELS.


You’ll notice some water damage, because Tom Servo jumped into the shower when I was taking a shower, then ran out of the bathroom and onto my desk and all the documents thereon. A common theme of this web blog is probably going to be Cats Ruining Everything.
My personal design process, when it’s at the point where it’s progressed to paper, is usually to start doodling things stream-of-conscious-style to develop an idea in what I hope is a good direction. That way, if I get to a dead end, at least I have a log of where my train of thought was going and I can pick up in another direction. For your entertainment, I’m going to try to step through what I was thinking when I drew that mess.
So, before we get ahead of ourselves, here’s the most important question for functional design: what is the object’s function?
In this case, the power supply circuit is intended to, uh, supply power. That’s literally it! You find something you want to push electrons through, make it touch the supply at two points (power and ground), flip the switch and then electricity happens from point A to point B. The user can adjust the DC voltage and gets visual feedback of that adjustment via a numerical output.

Read all of these up-to-down, right-to-left, like the world’s least-interesting manga.
First thing I did was put down all the components we were planning to use, including eyeballing their rough dimensions. Those are:
- Switch (x1) — power on/off
- LED (x1) — power indication
- Knob (x1) — output voltage adjustment
- Binding Posts (x2) — output voltage terminators
- LCD Screen (x1) — output voltage display
- Fan (x1) — internal airflow
Everything but the fan would be present on the front of the enclosure, and that’s what I was focusing on, so this is the last time you’ll see the fan today. Bye, fan!

Fan (Side): RIP 2015 – 2015
This is basically the universe’s simplest interface: there’s one switch, one dial, one display, and a place to attach a receiving power circuit. Not exactly a life-saving or complicated device. This is probably not an instance where human factors will make much of a difference at all, but it’s still worth devoting a little bit of thought to. Also, I enjoy pointless exercises in overcomplicating things.
Above my component checklist is the literal first layout that came to my mind, and it’s appropriately terrible. Even past that, it’s physically impossible — we want to just steal the display and integrated circuitry from that pocket multimeter from Norrin’s previous post, and a conductive strip on the back of the LCD interfaces directly with the PCB via the stripe of pins at the top here:

Is this these pinstripes I’ve heard so much about
The LCD only protrudes about a quarter-inch from the PCB, and there’s no easy way to add space between the two without rewiring it, so that leaves us with about three inches of unusable space on our control panel right below the display. From an aesthetic standpoint, this is not ideal!
Aesthetics by themselves don’t always contribute much to a tool’s physical functionality (and can often do the opposite), but I’m an artiste and if I’m going to build something, damnit, I’m going to try to make it look cool.
In addition to coolness, a tool’s appearance and interface layout is actually pretty important to how a user’s going to approach it. Stuff like button placement and mapping is important to how we “read” an interface; this is why the Up button on a videogame controller never makes your guy run left. This is something I think about whenever I design GUIs or engineering drawings or comics: is the intended user going to have any idea what the hell they’re looking at when they try to interact with this? Even if all the tools are there for your user to do what they want, will they be able to figure it out without you explaining it to them?
Applied to our power supply control panel: yes, probably, it would be very difficult to screw this one up.
Anyway, at this point I’ve written over a thousand words about functional design and I haven’t showed you any designs. Assuming we want the display at the top of the panel, that means this thing’s going to be at least four inches tall, so the rest of the interface should occupy that space in a functional, readable, eye-pleasing way. Easy!

Introducing Grandma the Clown
So at this point I’m just doodling different spatial combinations to try to find something nice. Unlike most power supplies, I want the control dial to have a static range: turn it 45° and it will always be 6Vdc, or whatever. That way I can put a graduated indicator on it, like a guitar amplifier; this is something I find visually appealing.

Our control knob will go to eleven. It’s a twelve-volt supply, so that’s actually kind of important.
I was imagining the dial with about a 90° throw, but then I picked up the associated potentiometer and started playing with it and realized it had almost a full revolution of travel.

This is dumb, but the drawings here go upwards on the right and then the notes go back downwards on the left. It didn’t occur to me that other people would look at these. Pretend it’s a case study in bad ergonomics.
I was kind of mentally insistent on the idea of having an acute dial range, so I was thinking about doing some circuit magic [sic] to shorten the span. Knocking it down to 180° would roughly halve the control resolution, and this is the spooky territory where an aesthetic decision would negatively affect the tool’s function. This train of thought made me start thinking about adding another dial, and assigning coarse/fine functionality between them. The supply’s range is only 0-12Vdc, but when Norrin was testing the circuit I noticed that it still took some back-and-forth canoodling to get the potentiometer to land on the exact value you want. Adding a fine-control knob would help with that.
So with that in mind I started thinking about ways to artistically fill the space beneath the display.

Just add some diagonal lines, that should distract everyone.
I got into the idea of putting the display on an angled surface. I like this concept because benchtop power supplies are usually pretty low-profile and if you’re situated too far above your work surface it can get annoying and back-hurty trying to bend down enough to read a vertical display two inches off the table. Putting it at about a 45° angle means it should be legible both from head-on and above.

Oh My Gracious indeed
I like this idea because we’ve solved the empty space problem: pushing the display back a little means stuff can get wired up in front of it. I eyeballed the backshell depths, but they were all pretty similarly sized, so it wouldn’t make a huge difference what height I mounted them.

Read this one bottom-to-top. You probably had to scroll down to read this caption, so it’s too late for you.
I sort of drifted back to having one control knob on this page, because being stubborn is easy. At the top right I got to a concept I liked: control knob right under the display, power switch next to it, and the binding posts above the switch. Visually, this seemed pretty tight!
I scribbled on my first page of notes that I didn’t want to put the posts above anything important, since when in use they’ll most likely have wires drooping down from them and blocking anything beneath them. I figured it was alright to put them above the power switch, since it’s not something that needs to be visible or requires fine motor control. Nice, we have a design!

Two Screaming Robot Heads Pressed Together In Perpetuity
At this point I’ve put the second dial back in and now I’m trying to decide whether the dials or the binding posts should be on the inclined portion of the panel. Eventually, I settled on the first concept, proving that you should never think anything through.

“Too Tall/Weird” also describes my fiance
Now it’s time to put some real dimensions on this design, rather than just drawing it the way I think it’s going to line up. I put a healthy amount of empty “border” space around all the components; this is both visually snazzy and important as a keepout zone, so none of the components are too close together. Remember the astronauts? Think of the astronauts.
I put a little extra vertical space above and below the control dials — below because I don’t want a user to have to mash their hand into the table to use them, and above so I can add some cool labels to them. I also had to consider the fact that Norrin’s fingers are wider than mine, so the dials would have to be spaced further apart than I first thought they should be.
Now that we’ve quantified the design, let’s put it all together to scale! We’ll measure it out with a ruler and everything!

Hmmmmmm
This proved to be useful, because seeing it laid out to scale like this without artistic interpretation made me realize I hated this design. Adding the second control knob means one is partly underneath the binding posts, which I don’t want. I also realized that putting the posts ~3″ off the ground means that any test circuits are going to need longer wire leads, which isn’t always convenient. Never mind!

Hmmmmmmmmmmmm
Switched the control knobs and the binding posts, and this is much better. I drew this with the minimum height dictated by the keepout areas, but then I did some very advanced and scientific seventh-grade trigonometry and realized it didn’t actually need to get any taller to accommodate the multimeter circuitboard when it’s at this angle. Yay!

I tend to name subcomponents on the spot, if you couldn’t tell.
Here’s a quick count of all the components we’ll need (sans holes to be drilled/cut) and a little mockup of the full assembly. We’re putting this together from flat 0.118″-thick sheets of acrylic, and I like the idea of putting a 45° chamfer around all the sheets’ perimeters; that way you wouldn’t see their thicknesses wherever two pieces meet. Then again, we’re doing all the cutting by hand, and I have to see how good I am with our new Dremel before deciding that’s something I can actually get right. For that matter, there was definitely no need for me to dimension these pieces to hundredths of an inch, because there’s no way we’re actually going to meet that accuracy, but here we are.
The fan (remember the fan?) and the power cable will go in the back somewhere. We’ll also have a way to easily access the circuitry once it’s inside, in case it needs repairs or adjustments down the line.
So hey, we now have a housing concept, and all it took was six pages of notes and a ton of pseudo-intellectual rambling! NICE