journal: mac

Of GUIs and iCandy

Applications are like toast, I guess: you want it toasted to an even golden-brown.

Deep Thought and our friend over at codepoetry have had a little bit of a back-and-forth regarding the current gooey state of the Mac GUI. In case you missed it, here’s what happened last time on “The Young and the Geeky”:

There will be a quiz on the above articles tomorrow.

Okay, I’m not an interface designer, nor am I a programmer. I really don’t know what goes into designing a user interface in terms of coding, aside from dragging stuff around in Interface Builder, so I really only have experience from an end-user’s perspective in this regard.

A lot of what Adam Knight discusses in his posts on this issue has to do with what he describes as “overcooked UIs"—that is, user interfaces that use copious amounts of eye candy—with a secondary focus on the “undercooked apps"—applications with incomplete, missing, underdeveloped, or poorly-implemented feature sets or codebases—that the overcooked UIs belong to. (The epicures reading this must be cringing right about now with all this talk of over- and under-cooked stuff.) Most of this article will be dealing with the issues that Knight discusses in his last article on this topic, though not necessarily with his article itself. And no, I won’t directly rebut Knight’s response to Pilky’s blog entry on the topic.

The following excerpt from More on Overcooked UIs sums up Knight’s point pretty well:

The death of the Macintosh UI will come in the form of fades, wipes, slides, and every other element of the overcooked GUI.

The Macintosh UI used to be clean, sharp, and useful. It used to get you right to the point of what you wanted in a non-modal way and not get anything else in the way as you did it...The idea was to give you a workspace for what you wanted to work on and try to prevent any situation from coming up that would block you from working if at all possible.

Now it’s turned into a perverse nightmare of animated doohickies and gizmos and every effect known to man flashing by when something is clicked. It’s like...Flash took over the desktop and is taunting us with its mystic flair. It’s animation overkill.

How much iCandy (or “eye candy” for those of you who want to kill the lower-case “i” prefix) is too much? Where do you draw the line? When does it get in the way of usability? Is eye candy a bad thing?

What is eye candy?

For the sake of this article, eye candy is defined as any visual effect that is not required to complete a given task on a computer or give a minimal amount of visual feedback. So while a button darkening or changing color when clicked would not count as eye candy (since it is a minimal amount of visual feedback), the button spinning, bulging, and then being sucked into a vortex after being clicked would be considered eye candy.

Assorted sweets

I really don’t think eye candy itself is a bad thing. There is absolutely nothing wrong with integrating eye candy into an application or operating system. In fact, eye candy can be a good thing. For example, Mac OS X comes with a fair amount of visual effects, large icons, anti-aliased text, and such. Minimized windows zoom into the Dock. Switching users yields a cube effect. Dialog boxes and alerts implemented as sheets slide out from window title bars. Application Dock icons bounce as the application launches. You get the idea. There’s plenty of visual effects in OS X, and aside from looking cool, most effects actually serve a logical purpose. They keep you notified as to the status of a task, for example, or they keep you abreast of changes in your working environment. A minimized window doesn’t just disappear from your desktop and show up in your Dock, but quickly zooms into your Dock via the Genie or Scale effect. The idea behind sheets is that a dialog can pertain to a particular window without hogging the entire application. The sliding action reinforces the connection between the dialog and the window it pertains to.

I guess I should qualify my initial assertion. Eye candy can be a good thing when it serves a useful purpose.

Mac OS X’s use of eye candy is generally organic and subtle. The drop shadows under the windows reinforces which window is in front. Animations are quick and simple. After using Mac OS X for even a short amount of time, many of the effects become a natural extension of using the operating system and are unobtrusive (for most people anyway—you can’t make everyone happy).

So I’ll qualify my statement again: eye candy is a good thing when it serves a useful purpose and is unobtrusive.

Burnt to a crisp

Now that I’ve discussed eye candy when it comes to Mac OS X as a whole, what about eye candy in third-party applications? Let’s start with one of the more popular Mac apps of recent years, Delicious Library. Adam Knight had this to say regarding Delicious Library:

At least Delicious Library did something useful and well with that over-cooked interface; it had a saving grace. What does eye candy give you if that’s your only “feature”?

I don’t know about calling Delicious Library’s interface as “over-cooked” but I’ll discuss that in a minute. I find Delicious Library to be an application that uses eye candy wisely and to its benefit, as Knight says. For example, music CDs are represented by a CD jewel case; DVDs are represented by a DVD case; and books are represented by, well, a book (duh). At first glance this detail seems kind of silly and useless, but it serves as a subtle reminder of what the item in question is, since CD, DVD, and book cover art can sometimes look interchangeable (e.g. a DVD cover could look like a book cover at first). Overall, this is an unobtrusive but nice touch and actually useful. There a numerous other touches to Delicious Library such as this. This is where I object to using the word “over-cooked” to describe Delicious Library’s interface.

To me the ideal modern application has a strong feature set and an interface which compliments the feature set. It would be clean and easy to use and easy to learn. It would feature eye candy when appropriate to accentuate the feature set. Delicious Library, in my opinion, does a reasonably good job at hitting this goal. And Knight does imply that he feels Delicious Library does a good job at what it is supposed to do. I just feel that Knight uses “over-cooked” as a derogatory term, and I don’t think that “over-cooked” is the right word to describe Delicious Library’s interface.

How does Delicious Library stack up to the criteria I set up earlier? Is the eye candy useful? Yup. Unobtrusive? Yup.  So in my mind Delicious Library is eye candy done right. Other examples of well-crafted, useful implementations of eye candy include iTunes’ Cover Flow feature (a great way to browse through your albums and it re-creates an old school jukebox) and Quicksilver (a little program I can’t live without which uses some simple and unobtrusive fading effects as it appears and disappears).

The problem with eye candy is when it gets in the way or becomes over-the-top. The biggest example that comes to my mind right away is the starfield in screenshots of Leopard’s Time Machine. The zooming windows effect serves some purpose in that it clearly shows that you’re stepping back into previous incarnations of a window or application, but the starfield is too much. In that case, I think Adam Knight and I are on the same page, and that’s the point he was trying to make in his original point, although it is indeed a “vague blog post,” as he puts it.

So did I just write something worthwhile? Do I agree with Adam Knight? I have no idea; this whole thing is a bit convoluted. If anything, I think I’m agreeing with him on certain points (e.g. glitzy interfaces do nothing if your application sucks) and disagreeing with him on others (e.g. what classifies as an “overcooked” user interface,). To those developers out there reading my nice long rant, let me say this: have a little fun with your apps, just don’t get carried away. Churn out software that has a high level of quality from feature set to inner workings to user interface. Make something that is not only fun to use but lets the users get stuff done quickly and easily. And let’s not forget one of the Ten Commandments from The Macintosh Bible, Fourth Edition: “This is the Mac. It’s supposed to be fun.”

And with that, I ask myself; did I actually write all that on the usefulness of visual effects? The non-geeks out there must think we’re all nuts.

Stir in some mixed nuts...

I’ll be pulling back from Deep Thought for about a month from the middle of November through the middle of December while I tackle two large papers. If all goes well, I will be a UC Berkeley graduate with a degree in English by Christmas. Yay me!

Also, my MacBook’s power adapter appears to be failing; the wires where the cord attaches to the MagSafe connectors seem to be weak, as it cuts in and out. My brother had an iBook power adapter spark on him. I’ve had a previous iBook adapter die on me. My sister’s two-year-old PowerBook adapter is on its way out. We have not had much luck with Apple power adapters. Bah.

This has got to be the most Gruber-esque article I’ve ever written, at least in terms of length. I don’t think I’ve written a blog entry this long before.


« Previous · mac journal · Next »

thinkback

1.

Gruber-esque is a high standard in my opinion. I enjoyed the article tremendously and would agree with your comparison.

I have to admit I have sympathy with both yourself and Mr. Knight. Perhaps this is because both of you share a common viewpoint that has frustrated me lately, namely that interface and appearance are synonymous. Both of you may say now upon reading this that you disagree, but your arguments show a clear conflation of the two concepts. This trend was unfortunately started by Apple itself when Steve Jobs presented the “Aqua Interface” by saying that they started off with the most fundamental of things like, “What does a button look like in Aqua?’ The question should have been, “What does a button do in Aqua?” The result of this perspective is regrettably what Mr. Knight is complaining about.  However, his spartan rhetoric seems to ignore the fact that real interface design is functional.

You touch on the point that paying attention to usability can result in something that looks good. I wholeheartedly agree with this. I am concerned about the trend toward appearance for appearance’s sake. My concern is amplified by the fact that something as hideous and anti-productivity as iClip Lite won the Apple Design Award for best dashboard widget. (Use text clippings, they are far better.)

One last point, your praise of iTune’s cover flow view neglects to notice how a view change is made into an irritating mode change. Hitting the forward arrow no longer skips the song, but changes the album cover display.  I am concerned that the backwards approach of placing appearance over usability will cause more problems like this, and more serious problems in the future. I believe this is possibly the crux of Mr. Knight argument.

2.

I’m glad you enjoyed it, David. smile

One last point, your praise of iTune’s cover flow view neglects to notice how a view change is made into an irritating mode change. Hitting the forward arrow no longer skips the song, but changes the album cover display.  I am concerned that the backwards approach of placing appearance over usability will cause more problems like this, and more serious problems in the future. I believe this is possibly the crux of Mr. Knight argument.

Yeah good point. I hadn’t even thought of that when I wrote the article.

3.

CMND Arrow.

4.

Appearance is a huge aspect of user interface design. Appearance has a purpose and it communicates information.

The problem with this debate is people are making blanket statements. Pointing out one example of bad eye candy that takes away function does not mean all eye candy is bad.

We shouldn’t ignore appearance. To me, having a poof when I drag something off of the Dock communicates that it is gone versus moved. The computer could communicate this to me with a “beep” too, but I think the poof is better. I understand what “poof” means. It means it’s gone.

Color Flow lets me see just the albums without all the clutter of the song titles. I can quickly scroll through the album art and I think it’s great (if you have all the album art). There is a purpose there. I wouldn’t say Color Flow is an example of Apple implementing eye candy that has no purpose to the detriment of the function of the application or to the detriment of the function of the user interface. The arrow keys do different things in Icon/List/Colum view in the Finder, as I would expect.

5.

Regarding Macfan’s suggestion of CMD-Arrow:

I am happy that a keyboard shortcut is provided- but why does it need to be a different shortcut?  A change in view that causes a change in gesture-command relationship is still bad UI design. It is inconsistent and works against habituation as the user must keep themselves alert of the view mode to skip songs properly.  Also- I have noticed a bizarre selection-focus modality when in cover-flow mode where when the cover is selected covers flip and when a song is selected in the list, songs skip. There is not even any highlighting to ameliorate this bad-to-begin-with behavior.

Hopefully, Apple can learn that these inconsistant design decisions are not good and are making their usually great software obnoxious and harder to use.

6.

Well, the bizarre selection-focus modality happened only once for me. Is it a feature or a bug? I can’t tell anymore.

The original inconsistency still stands.

7.

“I am happy that a keyboard shortcut is provided- but why does it need to be a different shortcut?  A change in view that causes a change in gesture-command relationship is still bad UI design.”

Why is that bad design? It’s a different mode, a different purpose.

When you have a folder selected in Column view and you press right arrow, it opens the contents of that folder and then presents them in a column to the right. Would you want Apple to be consistent and make the same thing happen when you have a folder selected in Icon view - open the contents of the folder? I wouldn’t. I’d want the right and left arrows to navigate between the icons in Icon view, which is what it does.

The purpose of Color Flow view is to scroll through big pictures of your albums without having files in-between. That’s the purpose. If right and left arrow went through songs instead of scrolling the large albums at the top, I’d be flabbergasted.

None of this has anything to do with the eye candy debate, BTW.

8.

Mac Fan Wrote:

>Why is that bad design? It’s a different mode, a different purpose.

Because, a basic and empirically proven principle of good interface design is that modes are bad to begin with.

%%%%%%%
from:

http://en.wikipedia.org/wiki/Mode_&#x28 ;computer_interface)

In user interface design, a mode is a distinct setting within a computer program or any physical machine interface, in which the same user input will produce perceived different results than it would in other settings.

...

Modes are generally frowned upon in interface design because they inevitably lead to input errors, known as mode errors, when the user forgets what state the interface is in.
%%%%%%%

Those input errors are exactly the problem cover-flow introduces.

Mac Fan Wrote:

>Would you want Apple to be consistent and make the same thing happen when you have a folder selected in Icon view - open the contents >of the folder? I wouldn’t. I’d want the right and left arrows to navigate between the icons in Icon view, which is what it does.

I agree that that would be a horrible solution to a real problem.  A non monotonous interface (one in which one gesture can mean different things) will inevitably present the consistency problem you raise, but traditional design solutions to this problem such as reducing the number of necessary commands or creating a single view (such as a zooming interface) to handle navigation better than icon or column are favorable to your suggestion of arbitrarily enforced consistency. Interface design is difficult. I don’t pretend to have all the answers to every problem but I know unfortunate choices when I see them and I have seen some in the latest version of iTunes.

Introducing command consistency into the cover-flow view of iTunes would not create the same kind of problems that the arbitrary consistency would in the Finder. I agree that this is a new behavior, flipping through albums, why not have a new gesture for the new behavior (Possibly command-option-forward) thus eliminating the mode?

9.

the link broke on the line:

Link JS giving no feedback in Safari or OmniWeb so:

<http://en.wikipedia.org/wiki/Mode_(computer_ interface)>

http://en.wikipedia.org/wiki/Mode_&#x28 ;computer_interface&#x29;

Or search for mode on wikipedia- and select the interface mode article

-sorry for the broken link -dg

10.

Modes are generally frowned upon in interface design because they inevitably lead to input errors, known as mode errors, when the user forgets what state the interface is in

Personally, I’d rather not have to remember more keyboard assignments. I like it contextual.

It’s easier for me to remember that the arrow keys manipulate the main function/purpose of any given mode/application.

A non monotonous interface (one in which one gesture can mean different things) will inevitably present the consistency problem you raise, but traditional design solutions to this problem such as reducing the number of necessary commands or creating a single view (such as a zooming interface) to handle navigation better than icon or column are favorable to your suggestion of arbitrarily enforced consistency.

I don’t want to compromise abilities just to keep consistency.

I’m a big advocate of consistency. It’s one reason I prefer OS X over Windows. However, I do appreciate the differences between Icon view and List view and I prefer having those two views and two different behaviors with the arrow keys versus limiting it to one view so we only have one behavior with the arrow keys.

A learning curve is temporary. The user interface’s abilities are permanent. The difficulty or easy of accessing an ability is permanent too. I don’t want to have to press OPTION RIGHT ARROW in List View just because Icon View is already using RIGHT ARROW to navigate to other icons.

ntroducing command consistency into the cover-flow view of iTunes would not create the same kind of problems that the arbitrary consistency would in the Finder. I agree that this is a new behavior, flipping through albums, why not have a new gesture for the new behavior (Possibly command-option-forward) thus eliminating the mode?

I don’t agree that modes are defined by the keyboard assignments. Maybe you are educated in interface design. I’m certainly not. I’m just giving my opinion on how I like things. wink

The mode is defined by the purpose, in my opinion. The purpose of Color Flow is different than the purpose of the other two views.

I’d rather have the main keys switch between manipulating the major function of each view than have a main function/purpose assigned to what I think is a secondary keyboard combination.

11.

# Okay, What the F**k? (I’m keeping this blog post PG-13 )

Actually, PG-13 movies are allowed one use of the word. smile

12.

Yes, but I think if you have one F-bomb, you can’t have boobs. I’d rather have two boobs and no F-bombs, personally.

13.

True dat; I wanted to save my one F-bomb though. raspberry

14.

My Intel iMac first generation’s video card is not good enough for eye candy, I can say as a power user who actually doesn’t play any video games but I also blame in one specific case PPC software.  Otherwise I’m talking about OS X Tiger. 

I like visuals.  I like animation less but I do like visuals.  I think Delicious Library has a good idea and UI overall. 

Moderns computers, even with 1.5gb of RAM, don’t seem to be enough for all these special effects.  I figure Leopard will be even slower graphically, especially as Nick mentioned, because of Time Machine’s starry effects though I’m sure I’ll appreciate them when I have a 1gb 2ghz video card.

15.

The visuals of Tiger and Leopard are very simple for a 5-year old video card. We aren’t talking about Doom III.

16.

The “what the f**k” rebuttal to Pilky’s post was very entertaining.  That guy can really write.

Talk about getting owned!

Page 1 of 1 pages

respond

Have an account? Log in to leave your comments!

Commenting is not available in this weblog entry.