I stumbled across a website talking about GNOME 3 today, with a few screenshots. It's not really my first exposure to gnome-shell and friends, but it's the first time I sat down and really looked at it, and imagined myself trying to work with it.

(Disclaimer: I haven't actually tried GNOME 3 as a user yet. Thus, quite a lot of my opinions might be completely off the mark, but I'm not going to be biased by having actually used it.

Disclaimer #2: I decided to write down my immediate thoughts, to offer ideas to people working on UI things as much as possible. I like to think that my ideas and points are good ones, but they are, at the end of the day, opinions. Please respect that.

Disclaimer #3: I'm syndicating this entry on the basis that UI design is an interesting topic that doesn't get discussed all that often, please don't shoot me for going off-topic a little.)

First of all, let's take a look at the 'banner' image.

  • Visually appealing
  • Nice contrasting colours
  • Fairly consistent icons styling
  • Appealing widget styling
  • The 'inactive' window isn't so visible. It needs to be subtle to not grab attention, but at the same time, not difficult to read.
  • The icon under 'Image Viewer' is just weird. Why is it zoomed in? It's also, I imagine, going to be really bad for contrast. I would just remove that (and the "Image Viewer" text) from the bar entirely, it seems out of place.
  • Why is the wifi icon not monochrome, like the rest? Use colours, or don't. Mixing them just leads to a mess.
Next up, the overview image:


  • Pervasive search is a useful feature
  • Easy to see what windows are open
  • Distinctive use of contrast, very visually appealing
  • Why is there a wifi icon up the top, and another (or at least, what looks like one) down the bottom?
  • Why does the search box have a caret visible with no text entered? That looks ugly.

    Websites get this right: guide text when nothing entered, not explicitly focused - but grab text if needed. Clear guide text when text is grabbed, or when focus is explicitly granted, add caret.
  • What are the three boxes (two mostly transparent) at the bottom center?

    I presume this is some kind of pagination thing but that isn't immediately clear.
  • Why does the central view have a scrollbar?

    Typical users don't have that many windows open; while I understand the need to scale to power users (the people presumably developing the environment), I don't think scrolling is a very nice mechanism to do it with.
  • The left pane is appalling. So many ellipses.

    One thing that many modern UI implementations have done away with is text from the task bar, dock, whatever you want to call it, and this is a very good example of why that isn't such a bad idea.

    It's hard enough fitting the text in on a horizontal panel, but a vertical one has even less horizontal real-estate for horizontal text.
  • "Windows" and "Applications" look like they are made to switch state, but it isn't immediately obvious what they do. Will they function like tabs, and change the content of the center panel?
  • "Activities" in top left seems to be a state switcher. I'm unsure if the naming is very descriptive of what it does. It could also use some mechanism to stand out more, if it will be used to switch windows a lot as this appears.
  • The size of the captions of the windows seems to have a bug. Notice "Spiral_by_firas.jpg" has a lot more room on the right hand side than the left.
  • The bottom right hand icon (next to the wifi icon) is really, really hard to figure out just by looking at.
Next up, instant messaging.

  • I love integrated IM. It is one thing I adore about my Nokia N900, apart from Qt.
  • The use of gradients to differentiate sender is intriguing, subtle, and I like it
  • The scrollbar is gentle, and beautiful
  • Why is the icon in Vincent's chat window the same as on the bar at the bottom? Why not use Vincent's avatar, or something.
  • Why is there a large chunk of empty space on the left side of the chat dialog? I think it's quite unbalancing.
  • The effect of having a zoomed icon (under "File Manager") still looks weird.
  • The purpose of the bottom right is now more clear: it's a replacement for the system tray?

    Okay, I can go with that. Splitting system and applications makes some sense.

    I'm not sure if this is the best way to position and display it, though, and to me, I think IM almost belongs as part of the system, not in the application 'systray'.
  • Lack of timestamps on the IM dialog is a little anoying.

    One interesting effect to minimise effect on dialog space might be to only timestamp conversations after a reasonable (>1-2 minute) delay with no conversation.
And last, but by no means least...

  • Nifty integration of different types of things
  • Good demonstration of search
  • The problem of using text as opposed to icons once again rears its ugly head. This really needs fixing. So many ellipses.
  • Searching for other things here might be nice. Open windows? A document I've been working on? My web history? People I talk to?
  • How are items sorted? Alphabetically? Not sure that's a great idea.

    Giving them in some form of contextual usage (most often used, most recently used) would be a lot more useful. At least a favourite/'pin' option like the MeeGo netbook UI.
  • Why on earth is 'wo' matching 'Chess', etc?
  • Showing the number of items: reasonable.

    Displaying them on the right hand side of the screen, as far away from everything else as possible isn't so reasonable.

    I'd just not display it at all. It doesn't convey useful information that the user cannot distil by looking at the icons, if they really need to know how many items are in their boxes.