2 ms·

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

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.

lowdose 6y ago
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.
giovannibonetti 6y ago
A few days ago I was searching for a cloud native, low fidelity mock up tool, and liked https://gomockingbird.com/ https://gomockingbird.com/ I have no affiliation with them.
- corytheboyd 6y ago
  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 https://whimsical.com today, which also has a few other promising looking tools like flow diagrams, post-its etc.
- mch82 6y ago
  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.
docuru 6y ago
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
mch82 6y ago
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.

lowdose 6y ago

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.

giovannibonetti 6y ago

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

corytheboyd 6y ago
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 https://whimsical.com today, which also has a few other promising looking tools like flow diagrams, post-its etc.
mch82 6y ago
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.

docuru 6y ago

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

mch82 6y ago

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.