Wireframing and UI

I am not a UI or visual specialist- although I'm capable of it, I prefer working with a visual designer to form the aesthetics of my functional work. I use wireframes primarily as a means for ideation, testing and fostering important communication for product development.

You may also wonder why I've visibly spent less effort on this page. In the words of Jorge Arango, "many designers spend a disproportionate amount of time focused on the form layer [UI]." I don't believe a UX designer's true value lies in making something "new and shiny"- it's about the full process from a project's strategy to governance and ultimately structure. To me, it is more important to understand how the business works as a system (including all constraints) to make a successful end to end experience than to pixel push to perfection (which a visual designer would inevitably do so much better).

I can't show you many of those thoughts, conversations and tests due to client privacy, but I'd be more than happy to chat with you for hours on it over a call. In the meantime, here are some scrubbed or non-confidential wires at different fidelities.



Hour Entry App

Low-Fidelity, Balsamiq

I know this can be fairly controversial, but I love Balsamiq. It has done wonders for me in federal work where I've often had a need to clearly distinguish the difference between a deliverable and a rapid prototype for testing. Being able to quickly whip up low fidelity wires in minutes for ideation workshops or exploratory/formative testing is awesome. It also translates great into print by giving the unstructured look I want in a low-fidelity wireframe while still being crisp and readable (as opposed to rapid sketches that need to be scanned or duplicated manually).









Generic State Application App

Mid-Fidelity, Sketch

Here's a "what if" reimagining of aged state government websites that allows citizens to manage their licenses, find services and more at the touch of their fingers.

I typically use Sketch for my mid-fidelity wires in black and white. I don't like getting them too messy for hand-off purposes, so I'll spend the quality time needed to set up a grid and prepare symbols.









Ginnie Mae

High-Fidelity, Sketch

I worked closely with stakeholders from Ginnie Mae and an in-house dev team to create wireframes for their upcoming summit. Due to the fast turn-around of the request (>2 weeks), I was unable to conduct any discovery and relied on competitive analysis and stakeholder meetings instead to produce a final set of high fidelity wires packaged in .pdf format.

If it weren't for the breakneck scheduling, I would have set aside time to create a working mid-fidelity prototype in invision to conduct usability tests against competitor conference sites.

When it typically comes to high fidelity deliverables, I prefer using static screens that I can link together using invision. If I'm making something that is more interaction heavy, I'll import my Sketch file into Axure RP to design the more granular transitional elements.