Posts tagged as:

User Interface / Usability

Free Icon-a-Rama

by Joey deVilla on November 9, 2007

If you’re doing some development work and need interim (or even final) icons for your user interfaces and are short on cash to hire a designer or even buy icon sets, these free — but decent — icon resources may be just what you need!

User Interface Icons

Samples from User Interface Icons’ icon set

User Interface Icons is a new site created by Abdylas Tynyshov as a personal project. “The objective of this project,” he writes, “is to provide high quality, free icons to software and web application developers at zero cost!” The first set he’s posted is a collection of common application icons with a yellow-and-blue color scheme in 80-by-80, 48-by-48, 32-by-32 and 24-by-24 pixel sizes.

FamFamFam’s “Silk” Icon Set

Samples from Famfamfam’s “Silk” icon set

FamFamFam has Silk, a set of 1000 16-by-16 icons that covers all sorts of application needs. I’ve found these to be quite useful on a number of projects.

Pinvoke’s “Diagona” Icon Set

Pinvoke’s “Diagona” icon set

Pinvoke’s Diagona icon set is similar to Famfamfam’s “Silk”, but has icons in both 10-by-10 as well as 16-by-16 sizes.

Drunkey Love Icons

Samples from Drunkey Love’s icon set

Drunkey Love has a set of over 100 icons 16-by-16 icons in the “Silk” and “Diagona” vein.

BrandSpankingNew’s Teeny Grayscale Icons

Brandspankingnew

If you’re developing a grayscale app — maybe something for older mobile phones, or perhaps you’re going for a “retro” look for your app — BrandSpankingNew’s set of 113 10-by-10 icons might fit the bill.

Stylegala’s “Bullet Madness”

Samples from Stylegala’s “Bullet Madness” icon set

This may be of more use for website design than application development, but when you need a graphic bullets, Stylegala’s got a good collection made by various artists called Bullet Madness.

“Sweetie” Icon Set

Samples from the “Sweetie” icon set

Sweetie is a set of “cute and clear” general application icons created by Joe North.

ASP.NET Icons

Samples from the “ASP.NET Icons” set

If you’re looking for icons with a Windows XP look, ASP.NET Icons has over 300 that should do the trick.

Cross-posted to the Tucows Developer Blog.

{ 0 comments }

Windows Startup Screens and Sounds, from 1.0 to Vista

by Joey deVilla on October 21, 2007

Here’s a YouTube video that shows all the startup screens and sounds for Windows, from version 1.0 up to the present. If they ever make a geek version of Koyanisqatsi or Baraka, they should include something like this:


Can’t see the video? Click here.

{ 0 comments }

Ease of Use Doesn’t Always Mean “Fewer Buttons”

by Joey deVilla on September 28, 2007

In yesterday’s posting, Monkey Knife Fight, I point to an argument made by Elliotte Rusty Harold that Java’s java.util.List is more “humane” than Ruby’s Array since it has fewer methods. He posed the question “Which of these three remotes would you rather use?”:

Two complex TV remotes and the very simple Apple TV remote

There is, of course, a point where having too few buttons or controls is a hindrance. Which instrument would you rather play? This beastly thing with an ancient user interface sporting 88 buttons, each of which reacts with volume proportional to the force with which you press them, and three pedals?

Grand piano

Or this much simpler, more “humane” interface with two controls?

“Music Maker” app with a “Pitch” slider and a “Play Note” button.

{ 0 comments }

Google Maps: Now Embeddable, Just Like YouTube Videos

by Joey deVilla on August 21, 2007

Expect to see more maps embedded in blog entries shortly: Google Maps are now embeddable, YouTube-style. No longer do you need an API key or JavaScript know-how to add a Google Map to your blog entries and web pages — if you know how to embed a YouTube video, you also know how to embed a Google Map. Congratulations to Google on a job well done!

I decided to try it out by getting the code to embed a map showing the location of the Tucows head office, shown below:


View Larger Map

{ 0 comments }

In Praise of the “Demo Button”

by Joey deVilla on August 21, 2007

Synthesizer Demo Buttons

I suppose my playing the accordion is a development resulting directly from my dislike of being tied down behind keyboard stacks. That’s why, prior to my getting my first accordion, I was an aficionado of the uncoolest way to play keyboards: the keytar. I’ve rented a number and owned two. My first was the Yamaha SHS-10, pictured below:

Yamaha SHS-10 “keytar”

The next keytar was the one pictured below, the Yamaha SHS-200. I’m on my second one of these:

Yamaha SHS-200 “Keytar”

These two keyboards were released in the late 1980’s and were among the first wave of synthesizers to come with a “demo button”. The first affordable “workstation” synths were appearing on the market around then — these were synths that had enough sounds for pop songs, from keyboards to strings and horns to guitars and drums — and many of them also had sequencers, which could record “perfomance data” (that is, the keys you pressed and also how you pressed them). Pressing the demo button would start up a built-in song that would demonstrate the sound and recording capabilities of the keyboard. In the case of the SHS-200, the demo song was an obviously Japanese jazz fusion number, while for the SHS-10, Yamaha had somehow managed to licence Last Christmas by George Michael’s old group, Wham! I recall that the Roland D-5 synth had a pretty good intro to its demo song — so good that the Happy Mondays sampled it as the intro to one of their numbers.

Although these demo songs were cheesy, they were still useful in the showroom, as they gave the synth shopper a decent idea of a given keyboard’s sonic capabilities. It’s been a dog’s age since I hung around a keyboard showroom checking out the latest models, but I’m pretty sure that many synths, especially the ones aimed at hobbyists and amateur musicians, still have demo buttons.

html2wiki’s Demo Button

I found the html2wiki page by way of Reddit. It takes HTML that you type or paste in or HTML from an URL and converts it to wikitext, which you can then copy and paste into a wiki:

Screenshot of html2Wiki, with the demo button highlighted.
Click the screenshot to go to the html2wiki page.

When I thought about giving it a try, I thought “Well, I’d better go look around for some suitable HTML to try,” when I noticed the Use Sample HTML at the bottom of the form. I clicked that and a moment later, I had sample HTML as well as its conversion to wikitext.

There’s all sorts of research as well as personal experience that suggests that web users are an impatient sort. A lot of people might have navigated away and never seen html2wiki in action had it not been for that sample button. By providing that “demo button” at the bottom of the form, the creators of the page removed a small but not insignificant barrier to taking html2wiki for a test spin and provided a moment of satisfaction that users will remember.

It’s got me thinking about the software and services that I work on — are there places where a demo button would come in handy?

{ 0 comments }

Google Directions Now Include a Rush Hour Estimate

by Joey deVilla on August 2, 2007

Many lanes of traffic

It may be a small addition, but it’s a useful one. You know how Google Maps directions give you an estimate of how long your trip will take? They now include an additional estimate: how long your trip will take in traffic.

{ 0 comments }

Hey, Facebook: It’s Spelled “availAble”!

by Joey deVilla on July 22, 2007

One area of user interface development that could stand some improvement is spell-checking. I’m not aware of any widely-used system for spell-checking a web application’s template or resource files, but good spelling certainly helps an app look more professional.

The latest spelling mistake in an application I’ve seen comes from the “Edit App” page for Facebook developers. One of the fields on the page lets you specify the “Canvas Page URL”, the URL within apps.facebook.com where your app can be found. It uses Ajax to give you instant feedback as to whether the URL is available or not as you type — but the word “Available” is misspelled:

Facebook Developer UI telling me that my chosen application URL is “availible”

Cross-posted to the Tucows Developer Blog

{ 0 comments }

Jing’s Approach to Installing on the Mac

by Joey deVilla on July 21, 2007

In the most recent posting on Jeff Atwood’s excellent developer blog Coding Horror, the question is posed:

Why does the Mac require the user to jump through a bunch of manual hoops to install an application? Why not use a traditional installer (a.k.a. setup.exe) that automates this manual work for you?

Rather than get into the details of the debate in the comments to that article over the ease of installing apps on the Mac the manual way, let me instead show you Jing’s answer to the question:

Jing’s installer options

(I wrote about Jing in the last post.)

The Jing approach is to give you two options:

  1. The incredibly easy way: Double-click the installer script and you’ll be shown this a dialog box that tells you that you’re about to initiate an action that will:
    • Copy Jing to the Applications folder
    • Eject the disk image
    • Start Jing
  2. The traditional manual way, in which you drag the app to the Applications folder. An alias to the Applications folder is provided, so you don’t have to open another Finder window.

No options dialog boxes, no EULAs, no extraneous messages for the purposes of marketing — just install and go.

I think it’s a good solution. What say you, Jeff?

{ 0 comments }

ThinkPad 700c

According to The Register, today is the 15th birthday of the Thinkpad, the laptop originally made by IBM and now Lenovo. Aside from re-establishing IBM’s reputation as a computer hardware manufacturer and becoming an icon for businessperson on the go, the ThinkPad is also notable for popularizing the TrackPoint controller.

And Now, The Saucy ThinkPad Story

IBM TrackPoint controller
Image borrowed from Coding Horror — it’s from the Touchpad vs. Trackpoint article.

My co-worker at OpenCola, Helen Waters, told me this story.

Helen was our tech person was OpenCola (this was back in the late ’90’s), making sure that people got the machines they needed, that their software got installed and so on. One day, she had presented a woman at the office with her new company-assigned ThinkPad whose pointing device, naturally enough, was a TrackPoint.

The woman, who’d used only mice and touchpads before, had no idea how to mouse around with the TrackPoint and began tapping on it as if it were a button — first a couple of tentative taps, and then taps in rapid succession — with predictable results.

Helen stepped in and quickly demonstrated the TrackPoint principle. She reached in and with her finger, pointed the TrackPad the way it was meant to be used — like a tiny joystick.

“It figures,” said the woman, “It was obviously designed by a man.”

{ 0 comments }

XBox 360’s New Controllers

by Joey deVilla on July 11, 2007

XBox 360

It Just Feels Right

I’ve had my XBox 360 for nearly a year now (having won one in a trivia game at last October’s Ajax Experience conference), and it’s been the best experience I’ve ever had with any Microsoft product…because it doesn’t feel like a Microsoft product. Where most Microsoft “consumer” products make you feel as if they were designed by the “B-team” — the ones who didn’t make the cut for the stuff aimed at corporate customers — the XBox 360 feels right. I don’t, as Danny O’Brien puts it, “feel like I’m eating out of the trash bins outside a cubicle farm”.

(According to Scoble, one of the reasons the XBox is a good gaming console is that their headquarters were purposely located miles away from the Microsoft campus.)

The XBox 360 now occupies a nice middle ground between the inexpensive casual/party-game oriented Wii and the overly expensive grind-away-for-hours PlayStation 3, and the two new controllers suggest that the XBox folks know this and are pressing this advantage.

For the Hardcore: The Chatpad

“Chatpad” controller for the XBox 360

The Chatpad marries the standard XBox 360 controller to a QWERTY thumb keyboard, which I assume will be used for in-game communications and IMing among the more hardcore XBox Live set. They’ve been talking about this for some time, and there’s been demand for this sort of thing, so this isn’t a surprise.

What I find more interesting is the other controller…

The “Big Button” Controller

“Big Button” controller for the XBox 360

The upcoming Scene It? game will be bundled with four of these controllers, which have the standard A/B/X/Y buttons and a different-coloured giant button for each one so you can tell them apart. Unlike the standard or Chatpad XBox controllers, whose design seems to be for the more serious gamer playing alone or as a twosome, these controllers’ design suggest that they’re for ther casual gamer in a more social setting. It’s apparent that the XBox team is learning lessons from the Wii.

When I first saw these controllers, I thought of two things:

  • First, I thought that this would be a perfect opportunity to resurrect the game You Don’t Know Jack, one of the most fun computer games I’ve ever played. The game is simple enough for them to turn it into something you could download from XBox Live, and I think it would be a hit. I’m not the only one; check out the comments to this Engadget story on the Big Button controller.
  • I was also reminded of Microsoft’s trackball for kids, the Easyball:

    Microsoft Easyball

{ 0 comments }