Hacker News Reader

Comment by corytheboyd | Hacker News Reader

I've encountered this as well. I am a proponent of just using low fidelity shapes for mocks instead of high fidelity renderings of what it should actually look like.

If you put enough work into the design system, and implemented it well for use in code, all you should NEED is a low fidelity shape telling you where to put existing components, and how to string them together. Everyone already knows what a modal looks like, behaves like, etc. they don't need it designed for them every time it comes up. That just wastes everyone's time.

View on HN

I second this. The most efficient frontier in communication between engineers and designers is about striving for simplicity by stripping visualization to stick figure like representation.

Exactly!

Design is about how it works. That’s more important than how it looks. Low fidelity focuses designers on the app workflow, lets more of the team get involved in design, promotes UI component reuse, and avoids confusing managers about what’s actually finished.

A few days ago I was searching for a cloud native, low fidelity mock up tool, and liked https://gomockingbird.com/

I have no affiliation with them.

I'll check it out, thanks for sharing! Looks promising from one one minute scan.

In a similar vein (also have zero affiliation) I discovered https://whimsical.com today, which also has a few other promising looking tools like flow diagrams, post-its etc.

Marvel App is a nice one. Sketch, photograph, wire photos together into a workflow mockup.

App Cooker on iPad is really nice too, though no longer maintained. It exports the storyboard of all the UI screens connected by transition arrows.

This is true.

It makes it really easy to first building a design system (like Bootstrap, Material Designs, Antd,etc). Which are a bunch of components, from basics like headers, list, to modal, message, cards, etc.

Then just place those components into the wireframe.

If anything need to update, it will be updated from the design system, then sync to the project

Reply on news.ycombinator.com