Ham-fisted developers often have the tendency to SAgfjhtdFYT ITRYFITY their way through form fields when testing application forms, and this soon leads to an interface that bears no resemblance its real-world existence. Worse still, they erase all data from the application with each build so that the interface remains in an “infant” state.

Why use good example data?

• Enjoy distraction-free presentations. Never again hear “Those dates are wrong.” “That name appears twice.” “That’s not in alphabetical order.” etc.
• Identify short-coming in the design. Will designs scale to fit content? Will truncation handling be necessary?
• Find bugs. Does auto-complete work properly? Will it handle non-alphanumeric characters?
• Mitigate developer aversion to complexity Though it pains them, real-world data reveal bugs earlier and helps developers build better tests.

How can example data best be used?

• Pre-sort the data so it appears in the desired alphabetical and/or chronological order.
• For wireframes, use names consistently to better illustrate a real user scenario.
• De-duplicate examples to avoid confusion.
• Compile large example sets of data that populate the application with each build.

What tools can help me create better example data?

• The classic Lorem Ipsum generator is best used sparingly for user-generated paragraphs of text like bio, notes, description. Using it to complete our incomplete design is not advised.
• The Calendar Date Generator from RANDOM.ORG allows you to generate random calendar dates useful for inboxes, tables and… um… calendars.
• The Integer Generator from RANDOM.ORG allows you to generate random integers for things like phone numbers, file sizes, and quantities.
• The Random Name Generator uses data from the US Census to randomly generate male and female names. Most useful for names, but with a bit of processing can be useful to generate usernames, and domains.
• Existing files are a great source of data. Use Google’s filetype operator to find Excel files, CSV files or plain text files

Have your own favourites? Please post in the comments and I’ll update this post accordingly.

It may not be free or open-source but Squarespace has become my #1 recommended solution for small businesses because it’s easy to get up and running, is reasonably priced, and I feel confident that when I hand over the keys to the site, the owner can manage the content succesfully themselves. I wish I had designed it!

Development on the product has been quiet for months, and I’m willing to bet a new release is on the horizon. Before it launches, I decided that I’d best make a wishlist for their team. Most are likely known issues, but even for a near-perfect interface, user feedback is never a bad thing.

• Often buttons respond as if they’ve been pressed, but then action does not occur, as if they’ve been dragged not clicked. Increase hit area?
• Allow pages to have different column layouts. I had to work some CSS magic to get Thom’s homepage to look like this. It’s common for homepages to have more featured content, but subsequent pages to have more room for core content.
• It took me a while to realize that sections can contain either page links, or widgets, but not both together. Now that I know, this is fune, but is this a necessary restriction?
• Change Widths interface too buried. Perhaps promote to become a sibling item of Banner & Navigation?
• Applying a border is overly tedious for most common scenario (all-sided solid border)
• Page links should usage page title as link TITLE. Best for SEO and hint text.
• I have been on projects where the only horizantal navigation is the footer navigation, currently it not supported
• Overhaul image gallery entirely
  • Debug image navigation on a slow connection. Loading can be spastic, and lack of loading indicators do not help.
  • Many image professionals do not want to, or are not allowed to, offer full screen versions. Lightbox should be optional.
  • Consider offering of host of jQuery-based slideshows, even my own Wideslide
  • Allow users to embed image slideshows inside blog posts

More comments will appear are they come to me!

As a search-obsessed UX designer, the best part of the project was not the size of the collection, but the richness of their metadata. Most items are described with media type, language, age level, owning branch, subject, author, and more.

TPL Web Team Manager Dara Renton and I recently gave a presentation at UX Show & Tell so we thought we’d post the presentation for people to see the thinking that went behind the current design. We couldn’t get permission from our volunteers to post their Silverback sessions online, but their participation proved invaluable in helping us prioritize the interface.

Best viewed full screen!

Thanks to the magic of Google, I figured out that the Great Canadian Sox Company is located in Toronto on the northeastern edge of East York, so my brother and I took a trip to their outlet located in an industrial park on Waterman Avenue.

What a find! On sale were the Icelandics as well as the socks they produce for Sorel, L.L. Bean and others. It turns out that their flagship brand J.B. Field’s was founded in 1877 to make socks for the Canadian logging industry. It’s a shame their branding doesn’t really reflect the pedigree because these could be the next Canada Goose coat.

A decent pair of winter socks from MEC costs around $20. I walked out of there with 7 pairs of -30°C 70% merino wool socks (pictured above) for under $25. They were apparently seconds but I still haven’t found a flaw on them. Regular pairs are $8.00 or 3 pairs for $20.00.

Store is located at 25 Waterman Avenue open Tuesday to Saturday, 10am – 5pm.

View Larger Map