Complex Diagrams

June 1, 2008

Pixel rulers in Visio

Filed under: diagrams, mine, how to, user experience, interface, visio — Noah @ 11:05 pm

Should you be required to work in Visio, you may well find yourself, as I did, wishing to measure your drawing in pixels. I couldn’t figure out how do do it, though Visio does support such diverse measurements as Ciceros and Didots.

I finally found the definitive answer from Microsoft: For some types of drawings, you may want to change the measurement units to pixels. However, a pixel isn’t a unit of measurement. A pixel is just a dot on a screen and the size of the dot varies for different screens. To simulate pixels, set the measurement units to points.

Needless to say, this is not satisfying. It’s true a pixel is only an on-screen measure, and is clearly only useful for a few, obscure situations, such as when creating interface mockups, wireframes, or prototypes for software, the web, or any other sort of images meant to be viewed on a screen.

Luckily, Visio provides a set of features that allow a fairly simple, two step work-around. Warning: doing this on existing Visio documents may severely distort your existing drawings. I suggest working on duplicate files, not originals.

Step One Open the File > Page Setup menu and select the Page Properties tab. In the Measurement units field select Picas.
page_properties

Step Two In the same dialog box, select the Drawing Scale tab. Select the Custom Scale radio button and set the ratio to 1 p = 16 p.
drawing_scale

That’s it. Click OK and you’re all set to go.

Why it works Picas are 6 to the inch. By setting the ratio at 1:16, Visio presents a diagram at 96 picas per inch, the same as the Windows standard of 96 pixels per inch. You could set an appropriate ratio with any of the available units, but it works well with picas, and I find it useful that all units are labeled as p.

Here is a Visio file template with the units set properly.

January 7, 2008

Shopping cart map

Filed under: user experience, maps, physical — Noah @ 3:09 pm

Visiting unfamiliar contexts can lead to interesting discoveries. In this case I’m in Williamsburg Virginia, and was impressed that a regional grocery chain, Bloom, had store maps mounted on their shopping cart handles. Brilliant.

Shopping cart map
(click for full sized image)

A quick google for them reveals a blurb where they characterize their stores as “uncomplicated” and “hassle-free.” Their aim for a positive customer experience seems to be yielding some good ideas.

Powered by WordPress