Clive Howard, has a interesting post where he talk as his personal experience with a project without a plan and wireframes.

Wireframing is one of the first steps in your planning process and arguably it’s one of the most important ones. This is when the idea starts to take shape as an application, becoming boxes and buttons that users will interact with. This article will take you through a wireframing process; who should be involved, the tools to use and tips to enable you to make better wireframes.

Here are 20 short tips that you should take in consideration:

1. Be Clear About Your Objective
2. Make it Functional, Not Pretty
3. Draw on Your Experience
4. Decide Who’s in Charge?
5. Involve Everyone
6. Set a Deadline for Completing the Wireframe
7. Keep it clean
8. Avoid Designing Your Wireframe Too Much
9. Remember that UI is not UX
10. Think About the User
11. Don’t Get Lazy
12. Organise Your Wireframe into Sections
13. Number Your Pages
14. Look for Repetition
15. Check it all Makes Sense
16. Ads are Functional
17. It’s Not Just the Public Site
18. Know When to Stop
19. Choose the Right Tools
20. Consider Dependencies

Do you have any other tips to add to the list?
What do you think about wireframing?

1. Sketching, a easier job | Candes | Cristian Neagu - UI Designer, Developer, Consultant on February 19th, 2009 at 3:04 pm

   [...] yesterday add a post about wireframing, today I found a awesome resource that can make sketching a easier job. Michael Angeles is starting [...]
2. Wireframe Websites That Wow | Web Design Blog by Union Room Web Design on May 26th, 2009 at 1:50 pm

   [...] Tips for a better wireframe [...]
3. Mohammed Alaa on September 9th, 2009 at 8:41 pm

   Thanks a lot Cristian, it’s a very nice article i would only add 1 point:
   1- insure your work flaw is easy to achieve for all users.

   Thanks again,
   Mohammed