You know you’ve stumbled onto a passion when you reach mid-week, and you suddenly realize that all you’ve done for your wireframing homework assignment is tumble down a giant rabbit hole of wire frame examples research.
Wireframing is the unexpected sheer JOY I found when I entered the world of UX/IX design. It satisfies my artistic side, but fully activates my analytic puzzle-working mind as well. I assume there are people in the world who look at the pictures above and think, “Boring!” But, I’m hooked.
As I work on my project this week, I’m trying to keep several key elements in mind:
- Clean and minimalist. This Lunch Money Buddy program needs to work for busy people on the go, and it also needs to work for people who aren’t very web savvy. Creating content that is as clean as possible should eliminate frustrations for both parties. The thing is, the less you want to put on a page, the more thought has to go into what you DO include. Every item has to count.
- Function and form should coexist. This elaborates on the idea above, but the design is as much of the equation as the flow. One of the things I love about the emergence of new design for “Internet 2.0” or “The Internet of Things” is the way that classic design from other disciplines is coming into play for the web. One of the IT guys at my office sat down with me for a discussion on the Golden Ratio this week, and how it could apply to web design. AWESOME
- Effort and input at the design stage. Obviously, the wireframes should be thoughtful. I should be working out the puzzle of the user journey and the paths that users will take. I also need to remember that these aren’t the final outcome of my work, however, and that I’ll be taking feedback from my professor and my classmates (or in the real world, from my clients) and editing, changing, and elaborating on these original design sets.
The intention of these structured drawings is to focus mainly on what the screen does, and not exactly what it looks like. Wireframes are supposed to lack color, graphics, or typographic styles; they are not meant to be viewed as final designs and are certainly intended to be a part of an iterative process. Mobile application design could be a long process, and wireframes play a key role in defining the structural foundation of the product, making it easier to understand and refine in the long run.
These wireframes don’t need to be perfect, and in fact, should not be perfect. They are the groundwork for the design conversations and decisions to come. They’re just REALLY FUN to do!
Yay for week 2!