Really great tip toward the end on how to best present layouts to clients. I can think of several presentations off the top of my head that would have gone much better had we used this technique.
Thanks, Donnie! Yeah it's been really impactful in our presentations with clients. They're hyper focused now and always ask good questions.
Just curious, how many designers use this as their primary style of wireframing?
This has always been where I start, since I started doing UI/UX. I mean, it's how I would block out a design for print so I just took it from that experience I guess?
+1. Was coming to say that this is a great article, but that I thought this is how everyone started design planning. Actually, I start a step back (no color, no styling), because my shallow designer brain gets hung up on how those meaningless things (at this point anyway) look.
ALSO, there's a burrito emoji?!?
This isn't anything new. It is though, a great way to "formalize" sketches for client meetings and executive presentation, where you need to communicate an idea more than a layout.
I usually do this when I'm starting a project or any new feature. This helps to clear out the noise and just focus on placement and flow of components. I even take it a step further and strip out any color indicators and just go monochrome (different hues of blue) I do like how you explain the presentation of this near the end. I would usually just show the monochrome blocks, and break down each block into more detail before showing the whole sh-bang. Is "blockframing" the official term?
Sounds like "greybox" to me. https://www.slideshare.net/FloorvanHerreweghe/the-art-of-wireframing