Great article.
Silas Sao

Oh man, I can’t even begin to tell you how excited I am that someone asked about it!

Honestly, it’s just a term I invented for the style of “wireframing” I do. Whenever I try to do low-fidelity designs for screens, I always end up putting way too much detail into each one. It ends up being a waste of time, because I should have just spent my time doing it in full fidelity.

Here’s a look at some wireframes I’m putting together using Auto Layout from the team at Anima App:

They’re basically just blocks of color that represent different regions or areas of my design. I can quickly iterate on layouts and settle on one that I think will work for the high-fidelity design. Once I pick the idea layout, then I’ll start using the auto layout pinning to set up the responsiveness of each area.

Hope that helps! It’s been a great technique to help me stay focused on the overall UX and interaction flow(s) before diving into hi-fi design.

Like what you read? Give Jon Moore a round of applause.

From a quick cheer to a standing ovation, clap to show how much you enjoyed this story.