Friday
Oct132006

It's Helvetica's world, we just live in it.

A film about a typeface to be released in 2007: http://helveticafilm.com/

Microsoft uses a typeface called "Arial" that I discovered only recently is NOT the same as the "Helvetica" font found on Macs. The differences are subtle to my untrained eye, but those with a background in typography don't take the discrepencies lightly.

 

On the battle between Helvetica and Arial

Helvetica vs. Arial: http://www.engagestudio.com/helvetica/

How to spot Arial: http://www.ms-studio.com/articlesarialsid.html

Arial or Helvetica?: http://www.iliveonyourvisits.com/helvetica/

 

Wikipedia's article on Helvetica

http://en.wikipedia.org/wiki/Helvetica

 

The real evil: Comic Sans

The Arial's existence is tolerated by those in-the-know. Comic sans is hated. That is is a shame, because its designer, Vincent Connare, also designed one of my favorite fonts: Trebuchet. Read what Vincent says about Comic Sans.

Trivia: I first knew Vincent as a teammate on an ice hockey team. I remember him as a skilled player and an excellent sportsman. Only later did I discover his contributions to Microsoft's typography.

Wikipedia's article on Comic Sans: http://en.wikipedia.org/wiki/Comic_Sans

Tuesday
Jun202006

Check out NodeBox - a playground for graphics

NodeBox (http://nodebox.net/) is an fun tool to experiment with 2D graphics. NodeBox version 1.0 only runs on Mac OS X, but a beta version of NodeBox V2 found on the NodeBox research Wiki ( http://research.nodebox.net/Home) runs on both Windows and Mac OS X (via Jython).

Before I knew NodeBox version 2 existed, I used Visual Studio 2005 to create a demo WinForms app that used GDI+ (System.Drawing) and IronPython. I plan on using this tool to play with some ideas on visualizing data.

A screenshot of NodeBox V1

 

Monday
Jan092006

I always wondered what Anisotropic Filtering did

And thanks to the following page (pretty pictures!) I know I should turn it on when I play games:

http://www.codinghorror.com/blog/archives/000484.html

From the article:

"In my opinion, anisotropic filtering is the most important single image quality setting available on today's 3D hardware"

And a link to wikipedia for some more information

http://en.wikipedia.org/wiki/Anisotropic_filtering

 

Thursday
Nov242005

Use the built-in Batch Rename in Windows Explorer to give files consistent and readable names

The Scenario

One has a lot of oddly named files such as thsoe produced by a digital camera.

Example of what a digital camera might produce:

  • pic383718.jpg
  • pic120453.jpg
  • pic938889.jpg
  • pic109012.jpg
  • pic433590.jpg
  • pic219093.jpg

The Pain Experienced

  • The names are meaningless
  • The ordering is unclear
  • One has to open them up to determine their content and order

What is Desired

  • Give the files nice names that make sense without having to open them up.
  • A way to do this without having to download or purchase a tool

Windows XP comes with a built-in solution to batch rename files

  • Browse Windows Exploer to the files you want to fix
  • Switch to Details view (recommended, but not required)
  • Order the view by time or name or size as desired
  • multi-select all the files to with the names you don't like
  • While the files are selected, right click on the file you want to consider as the *first* one. The context menu will appear.
  • Select Rename
  • The file upon which you right-clicked will now show that you can edit its name
  • Change the name as desired and add a space and a starting number in parenthesis and leave the extension alone
    • Example:
      • Rename this file: "pic383718.jpg"
      • To this: "My Vacation in Italy (1).jpg"
  • The rest of the files will be renamed to match that pattern.
    • Final Output
      • My Vacation in Italy (1).jpg
      • My Vacation in Italy (2).jpg
      • My Vacation in Italy (3).jpg
      • My Vacation in Italy (4).jpg
      • My Vacation in Italy (5).jpg
      • My Vacation in Italy (6).jpg

What happens if the number in parenthesis is left out? For example, if one named the first file "foo.jpg"?

The results will look like this:

  • foo.jpg
  • foo (1).jpg
  • foo (2).jpg
  • foo (3).jpg
  • foo (4).jpg
  • foo (5).jpg

 

Tuesday
Nov222005

UX: Being Good is better than being Consistent

The Inspiration

This Dave Winer post on firefox ( http://www.scripting.com/2005/11/19.html#convincingFirefoxToSelectallOnClick ) reminded me to post my thoughts on UX consistency.

 

My Observation

By default when we design a User Experience we default to being consistent with some standard (a convention or pattern of UI, a corporate guideline, a previous version, etc.). It's a completely valid approach.

I've seen some people turn this from a default position to an inflexible rule. That is, they will, knowingly or not, sacrifice for consistency even those deviations that, by their own admission, are better for the user.

 

To What End, Consistency?

The reason we make UI consistent is to Make life better for our users and NOT to be consistent (a tautology).

 

A Tool, Not a Dogma

Consistency is just one of many tools we have available to create that better experience.

Although I, in general, start from a position of consistency, all things being equal, I'll take an UI inconsistency that makes a better user experience over a consistent UI that makes it worse.

 

Users can absorb some inconsistency

In some cases, inconsistencies are completely unnoticed by our users.

Example:

  • Case1 - Drag a file (left click) in Windows Explorer from one hard drive to another. The file is copied.
  • Case2 - Drag a file (left click) in Windows Explorer from one folder to another folder in the same drive. The file is moved.

 

  • Why does it do this? I don't know.
  • Is it consistent? No.
  • Does anyone notice? When I've pointed it out to people they were always surprised.
  • Does the iconsistency ever cause a problem? Not that I have heard. As far as I can tell, Windows Explorer in regard to dragging files "Just Works"