Often times wireframes are looked down on as a deliverable for designers who don't have good visual skills. I think that's nonsense. Even if you're an expert visual designer, operating at a lower level of fidelity can save you tons of time (and avoid turd-polishing).
This is an example of what we call a "High-Def" or HD wireframe. Everything is still in grayscale and helvetica. But the layout, selection states, contrast, basic icons, and grid are all in place.
I love working at this level of fidelity because you discover problems that you wouldn't see in low-fi wireframes, and you can absolutely turn it into a prototype for a user study.
3 months ago
@Braden Kowitz I definitely agree. I tend to work the same in a HD setting when it comes to wire framing. I mean, consider the fact that it truly is to better the User Experience. Why not produce in this type of a wire framing solution?
Epic stuff. :)
At this point, all of my wireframes are created like this, and generally made into prototypes prior to me polishing them up.
Really loving it, being closer to the real thing makes sense if you are planing to turn it into a prototype and test it. With what wireframing tool was this made?
This was made with Fireworks. One of these days I'll have to give it up and upgrade.
keyboard shortcuts: ← previous shot → next shot L or F like
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
Copyright © 2009–2014 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.