Today I want to talk about the importance of wire-framing. It’s one of those key elements of good design that I think a lot of people tend to gloss over when talking about the web design process. There’s TONS of posts and videos about color theory, white space, line spacing, etc., but relatively few content pieces on this topic.
In my opinion, the reason why wire-framing is important is twofold: It helps you clearly determine where elements will be, and it also shows you where things will not be, and both of these things are important.
For more on the importance of white space, feel free to read this previous post: https://mutinywerks.com/2019/09/27/on-the-importance-of-whitespace/
The case for spacing your elements is similar; you need to give the user’s eyes and mind breathing room. If you cram too much info into a space, they’ll have hard time reading if it’s text, if it’s graphics they may have a hard time making sense because of all of the extra input being thrown at them.
When you create a wire-frame, it allows you to create a page more like a canvas. Additionally, any extra planning type step you can take will only help your project in the long run; wire framing and expose concept flaws in a given design, or show that something that works well on mobile may not work so well on desktop (and vice versa). This helps you account for variances well before you encounter them in the implementation stage.
Well, that’s really all I have to say on this one. Let me know what you think in the comments section. Do you think Wire framing is important? Why or why not?
Until next time!