If you missed it, the new screenshots were released from Ubuntu's new light theme. It was announced over at Canonical's design website. Having a design website was a very important and significant addition, and I applaud whoever pushed (likely hard) to have a dedicated site.
Before anyone reads any further, let it be known that doing this sort of interface design is dasterdly difficult and complex work. It is nightmarish to execute, massive in scope, and tricky to make technologically sound. And that is before we even begin to discuss aesthetics.
Creating interfaces is the stuff of nasty nightmares and it should not for a brief moment be considered trivial to achieve. Have a wander over to GNOME-look or KDE-look if you need further evidence.
What is in It?
There are some much needed changes to the theme. Hard to guess exactly how much was due to a lack of having a GTK coder in the house. They have since hired the GTK developer of Murrine.
The above is a shot of the work in context.
We can only assume the wallpaper will change. Hopefully it will change dramatically. It is by far the most disturbingly poorly crafted, ill-inspired, and outright awful creation of this mise-en-scene. As I and a few others have already mentioned a while ago:
- It lacks pathos. Without a clearly defined audience, this is impossible.
- It lacks craftsmanship. The presentation has the appearance of a hobby GNOME-look hackjob.
- It lacks concept. We finally have some conceptual guidance with "Light". We end up with what happens when someone drinks too much brandy after their salmon souffle.
Downright shoddy. And why is it important? The default theme, even with these much needed improvements, drags down the whole presentation into the GNOME pile of steaming mediocrity of yesteryear.
Overall Opinion
It is a huge improvement over the last iteration. There are a number of reasons for this that I'll try to explain below. There are likely still more than a few forks in the design path worth exploring, but strictly in terms of visual representation of user interface elements, it is a large and significant step forward.
Active Selections
This is likely one of the points that really feels a little too much. It's orange. And it's everywhere.
I can imagine there are plenty of Libre types that are shouting out about the inevitable consistency facet. Consistency is a means to an end. There are other techniques.
Have other paths been explored? Saturations? There is something about it that feels like the glaring blue or red lights that equipment makers inadvertently put into their devices only to find out that it lights up someone's entire room in the dim lighting.
Have other paths been explored? Saturations? There is something about it that feels like the glaring blue or red lights that equipment makers inadvertently put into their devices only to find out that it lights up someone's entire room in the dim lighting.
It is worth focusing on a few elements:
The blatant disregard for craftsmanship on this selection box unfortunately pulls down a good deal of the work. It is too bad they didn't leave this hidden in the screenshot.
It's square. Yep. And that's the list of compelling features.
It's square. Yep. And that's the list of compelling features.
What I would have hoped for was some sort of underlying schema for the highlights. Are they slightly 3D? Are there lighting guides to follow? Is there something else to this presentation that lends toward a centralized style?
Here is another example:
This menu selection item shows a much higher degree of craftsmanship. There is more going on there. Unfortunately, it still seems stuck in the Tango-outline-outline-inset-outline style guide that unfortunately drags it down. Again too, the tone seems pretty heavily saturated. I note this because of one of the more impressive decisions they made coming up next.
Monochromatic Interface
Thank goodness. It finally happened.
It is not beyond the realm of reason that some talented designer will make a lovely example of hue based interfaces. I don't believe I have seen one yet in Libre software. Further still, lumping hue into the default background of interface elements likely coaxes the little hobgoblin out of his nest.
When you add a subtle colour hue to an interface, you end up inadvertently painting the whole desktop in a wash of colour. This takes us back to the brown, brown, and a little more brown era. Too much. It would be like painting your living room walls the same colour as your couch and then buying a matching carpet.
It is the exact same erroneous mistake legions of people make when they walk into their home hardware depot and make a paint selection based off of a five centimetre swatch.
It is the exact same erroneous mistake legions of people make when they walk into their home hardware depot and make a paint selection based off of a five centimetre swatch.
Removing all of the hue is a solid step forward. I can only wonder if they avoided doing it in the last incarnation to avoid the more blatant connections to the mainstream operating system that has similar cues.
Yes it on one hand could be more cargo cultish. Yes it is running away from an attempt to create a successful slightly hued interface. Yes, it is.
As a design decision though, it elevates the work from its previous incarnation merely by avoiding a poor execution.
Scrollbars and Troughs
On the whole, these are vastly better. Why?
I'd make a case that they don't look as lazy as they did before. Prior to this, we had a linear gradient tossed into the background. Now we see some craftsmanship. A little bevel near the edge and some attention to lighting in the progress bar trough. With the progress bar pill we see more care and attention to the details in the pill.
Again though, I have to wonder about the outline on the orange pill. It seems like an overly simplistic method to gain contrast, doubly so when considering the relative value of the hue and saturation of the pill. It is a minor note, but one that I'd like to see explored further with alternate manifestations.
Still, leagues better than the previous incarnation.
The scrollbars haven't changed dramatically. The troughs show a little adjustment.
We can see a little outlining on the scrollbar arrows now where they were part of the background prior. The trough has a less contrast gradient inside it, which likely helps to pull away from the feeling of a lazy linear gradient.
Again, the outline technique seems somewhat too easy a design path. There is likely a better way to create form without relying on the simplest technique. Remember how children learn to draw. They start with outlines.
The three line gripper does, unfortunately, seem to echo the design path of yet-another-operating-system, and as such, I'd strongly try to avoid it.
The three line gripper does, unfortunately, seem to echo the design path of yet-another-operating-system, and as such, I'd strongly try to avoid it.
What would happen with further exploration of the scroll bars? Is there a unique approach out there that avoids the triple lines of the gripper and the outline method of defining its form?
For the reasons cited, I'd label the progress bar adjustments much improved. The scroll bars less so, but still avoiding the earmark laziness of the previous version.
Typeface
The new Ubuntu typeface is in place and it has a serious push on the overall feel.
The impact the type has on the overall system cannot be understated. It is diminutive in nature and strips away the bold and clunky looks of yesteryear for a sense of sophistication.
There is a current obsession with gutters and padding in GNOME. I hope that some astute individual steps up and voices a concern. Egregious gutters, padding, and whitespace create interfaces that end up feeling massive and heavy.
There is no difference between the blight of horribly cramped interfaces and those that suffer from airhead syndrome. Evaluate the balance in context. Executed with a poor obsession in the name of consistency will result in an identical feeling of heavy and ropey interfaces. Perhaps that is something the people pursuing those paths will need to learn for themselves.
If there were one gripe I'd have with the typography, it is our ridiculous insistence on using bold letterforms in the title bar. We finally managed to get the text left aligned, now we just need to ditch that heavy misuse of bold.
Window Decoration
Neither here nor there as a design choice.
The buttons do show elevated craftsmanship and is always a good thing. There is much to be said for showing detail in one's work.
I fear we lost the trench a little with this incarnation, but again, it feels neither here nor there. Do we need the trench at all? In terms of lighting, it seems like a slight oversight that the lower lip isn't catching any light.
I fear we lost the trench a little with this incarnation, but again, it feels neither here nor there. Do we need the trench at all? In terms of lighting, it seems like a slight oversight that the lower lip isn't catching any light.
The issue, combined with the bold text as cited above, is that the window header still feels heavy. Perhaps this is a combined result with the new typography lightening up the overall appearance. The massive height of the window border just seems ridiculously overweight.
Could we trim the fat by de-bolding the type? Could we shave some pixels off?
For all of the people out there willing to shout out that empty word 'usability', I'd throw back 'design problem' and suggest we solve it.
If we can't hit an aesthetic target and move our windows around, we have utterly failed. Is the window title bar the only solution? Are there others? Can we address the ability to grab a window and maintain a strict aesthetic voice?
I'd hope so.
Buttons
Outline. Inset. Infill.
Heavy as a lump of lead, these things are visually glaring, although not quite as much as their predecessors. These are lacking the craftsmanship we should strive for, and instead replace that with that patented goofball Libre outline, inset, outline, outline, inset routine. In addition to being derivative of every other interface theme out there in Libreland, they create an awkward sense of elevation.
The internal tone, being darker, sets them out from the background quite significantly. This would head in the opposite direction of the instrumentation panel feel of the progress bar troughs.
This is certainly not the kind of thing you would find on the front face of audiophile, videophile, or high quality equipment. This is the kind of button you would find on the front of a Goldstar or one of those All-In-One remote controls.
Poor.
Sliders
I am a little torn on this one. While it exhibits the same improvements as the progress bar troughs, it simply piddles its gains away by including that cruft of Tango inspired blemish upon it. Hideous. Huge.
What would more greatly suit the trough in this instance? Were materials considered? What might fit this overarching thematic?
These details are the kinds of things that make presentations spring to life. It fills them with emotion. It gives them style and nuance. Think about a kitchen and all of the elements in it. Everything matters. The materials that the countertops are crafted out of and their ability to coordinate with the cabinetry.
These elements are like the door handles and cabinetry clasps. We should pay greater attention to them and imbue them with style. Are they hematite? Is there a unique stylistic choice here that we could visually echo elsewhere like spice in a food dish?
Checks and Radios
This one still obviously appears to need exploration.
These are neither here nor there again. Instead, they should likely be one more detail that lends to an overall styling.
It isn't there[1].
A Closing Riddle for You
If one takes anything away from this it should be to note that there are some serious improvements in this iteration.
While one could certainly ask questions about the saturation of the orange selected elements and other design questions, the whole mise-en-scene cannot be seen as anything other than progress. This is not without the hobgoblin of yesterday still upon us.
While one could certainly ask questions about the saturation of the orange selected elements and other design questions, the whole mise-en-scene cannot be seen as anything other than progress. This is not without the hobgoblin of yesterday still upon us.
We need to ask some tough questions in Libre software. As with most of our interfaces, is this a high end instrumentation panel or a Play-Doh (no pun intended) inspired iteration on the standard trend? We should address the question with a clear answers, and not accidentally or intentionally wrap motifs in from that past era. It may require radical rethinking and a conscious avoidance of the old ways.
I say bring it on. I beg thee.
I have one final point, but it is a subject of large gravity, and as such, the foundation of another post. I'd ask you all to leverage your thinking upon it.
When we view these things, we see them as static two dimensional images like looking at photographs from our past.
Just as with the photographs, this is not how we experience them. This is not how we live them. The tools used to develop this interface are trapped in that world. As I have said before, the tools inform the design as the chisel informs the wood.
What is missing? It is so obvious it can go unnoticed.
It should shape our design decisions. It should be mandatory to elucidate our visions within it. It opens up vast regions of interface interaction paradigms that have yet to be tapped.
Let's see if you have the time to figure it out. ;) Post a comment if you do. If you can, please post the comments over at Librescope.
Thank you all for reading...
[1] I suppose one could make the argument that in fact there is no stated overall styling. Not really necessary for someone working alone in a dark room, but certainly helps to evaluate whether or not it is successful in that effort. What is it? I'd love to hear it.
[1] I suppose one could make the argument that in fact there is no stated overall styling. Not really necessary for someone working alone in a dark room, but certainly helps to evaluate whether or not it is successful in that effort. What is it? I'd love to hear it.
































