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.
We've just started using Blockframes and they are very useful way of getting an idea of the groiund. There is less discussion of details and we are able to sketch the big picture. It is a useful part of the design process.
Great to hear, Brian. Anything you could share a screenshot of?
Hey Jon, here is our website as a blockframe. We used it when reviewing the page last month.
Let me know if you have any thoughts.
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.
ALSO, there's a burrito emoji?!?
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