Russ Unger’s wireframing process
Todd Zaki Warfel’s wireframing process.
Will Evans’s wireframing process
As an interaction designer I’ve come to appreciate the beauty of wireframes and the amount of thought that goes into them. They are not the final product but a means or a process to get there. Websites like I ♥ wireframes or Wireframes Magazine provide plenty of great examples of what can be done.
There isn’t one best practice for producing wireframes. It seems the process can range from drawing sketches on paper to complex vector drawings using tools such as OmniGraffle.
A critical aspect of the wireframe is being able to explain the functionality of the website. It’s not meant to be a layout guide for designers but a means to focus on what’s best for the user coming to your website. It’s not so important to try and lock down every single aspect of the usability or function, but to reach about 80% of what needs to be there. The process of going through design iterations at the end can finalize the rest.
There could be better processes to reach the end, but so far this is what I’ve experienced.
