Brent Sordyl's blog » wireframing

20 Steps to Better Wireframing

Brent Sordyl — Sat, 01 Aug 2009 20:00:04 +0000

19) Choose the Right Tools
Pen and paper is often the way to start. It is much easier and faster than using a computer and lets you get thoughts and ideas down as the concept evolves.

Once you start creating the document our advice would be to use the tool you’re most comfortable with. Developers for example may use Microsoft Visio, project managers PowerPoint, Designers Adobe Fireworks.

I think that the wireframe should be a document though rather than something interactive (like design, it can be a distraction) and therefore creating HTML may not be the best thing.

There are a number of specific tools for wireframing, for example Balsamiq provides an environment for quickly adding and customising common interface elements. They have given it a hand drawn feel to provide a visual lift while not actually being design.
(Link: 20 Steps to Better Wireframing)

Product Planner – View and Create User Flows and More

Brent Sordyl — Fri, 17 Apr 2009 13:33:58 +0000

Product Planner was born out of the need to help people understand and create user flows for their web products. The idea is that by looking at examples of other successful web products, you can get a better idea of how to create your own.

Product Planner – View and Create User Flows, Viral Loops, and More

Link: Slammer – design with grids on mac

Brent Sordyl — Thu, 26 Mar 2009 14:00:05 +0000

Slammer – design with grids on mac
Are you:
Designing a web page?
Designing for the Mac?
Designing an iPhone App?

You need Slammer.
Generate a grid.
Drag the grid on top of your design tool.
Push those pixels until they line up with the grid.