web design

Share |

Pixel-perfect social media graphics

How right-sized graphics can lend a whole new dimension to your online appearance

Tangled measuring tape

Most organizations would never send their leaders to a news conference in pizza-stained sweatpants and a moth-eaten Planet Hollywood t-shirt. But a startling number of them do the digital equivalent.

They stretch low-resolution logos and graphics to serve as cover images. They shovel photos online without noticing that the call to action is getting cropped out. Use intricate, complex images as pinkie-nail-sized profile photos.

The result is a blotchy, pixelated, distorted, unreadable mess.

Share |

In defense of white space (and choices)

Gmail's new design offers plenty of white space... and a good example

Big white square

Gmail has had a very interesting redesign. (I love the big fat red "Compose" button. Doesn't work on me, though; I press it, and I'm just as anxious as ever.) You can read about some of the details on the Gmail blog, including an account of the choices they made around designing the left sidebar.

Share |

Colour commentary

Veerle Pieters at SXSW on colour and the Social Signal web redesign

Pencil crayons in many colours

For something that has such a huge impact on our emotional response, colour often gets surprisingly short shrift in web projects. People who can argue for hours about the relative merits of "About" over "About Us" will flip a coin to choose between blue, purple or green as the colour for text links.

Share |

Run IE on your Mac with free ies4osx

ies4osx logoIt happens so often: a Mac web designer creates a site that looks amazing in Firefox and Safari. It validates flawlessly.

And then one day they happen to be looking at it on a friend's Windows machine running Internet Explorer, and it looks like hell: padding and margin settings blown out, weird little bugs popping up all over the place, and that wonderful design generally shredded.

The usual suggestion is to buy a full copy of Microsoft Windows (cha-ching!) and either use Boot Camp (rebooting every time you want to test a tweak to your design) or pony up the cash for virtualization software. Either way, you're dropping a chunk of change and using up a boatload of disk space.

Perhaps more appealing, you could buy CrossOver Mac, which for $60 lets you install and run lots of Windows software on your Mac.

But if all you want to do is test web sites, there's a much cheaper solution to your problem. As in free.

ies4osx is a Mac-friendly version of IEs 4 Linux, which uses the open-source WINE project to run slimmed-down versions of IE 5, 5.5, 6 and 7. (CrossOver Mac uses WINE as well.)

Installation is drop-dead easy:

  • download a disk image, and drag the folder it contains to your Applications folder,
  • download, unzip and run the ies4osx installer,
  • and run ies4osx itself to download your choice of flavours of IE.

The result? IE icons in your Applications folder, ready for you to launch 'em.

X11 logoOne little thing: when you run IE, it actually opens in X11, which is installed automatically in OS X 10.5, but is optional in earlier editions - Tiger users, dig out that installation disk.

A bigger issue: this only works for Intel-based Macs. G5 and G4 owners, my sympathies.

If my experience so far is typical, ies4osx is a winner. The installation process was flawless (although it would have been nice to have a progress indicator as the app installed various versions of IE -- as it turned out, that was only about 10 minutes or so).

So far so good on running IE... even simple Flash movies (like the ones that make up the headlines on the Social Signal blog) render fine, although more complex ones seem to choke.

So: Windows software without Windows, and without breaking out the Visa. Nice.

What exactly is your job again?

What exactly is your job again?(Consultant pointing at empty browser window) We still need to flesh out the concept, interface, content, feature set, information architecture, use cases and business model, but there's your wireframe. That'll be $38,000.

Social Signal on...

RSS feedTwitterFacebookGoogle+

Work Smarter with Evernote

Get more out of Evernote with Alexandra Samuel's great new ebook, the first in the Harvard Business Press Work Smarter with Social Media series!

Available on Amazon, iTunes and HBR.