OS X Yosemite: A new design built just for Retina Macs

OS X Yosemite Desktop with Safari

Today's Best Tech Deals

Picked by Macworld's Editors

Top Deals On Great Products

Picked by Techconnect's Editors

For a few years there, it felt like major changes in OS X's look and behavior were imminent. The conventional wisdom during the Lion and Mountain Lion eras was that Apple had placed OS X on a collision course with iOS, and inevitably the two would come together to form—well, if not a single operating system, then two variations on a single theme.

In the past year, though, it’s become clear that Apple no longer believes in that approach, if it ever truly did. iOS 7 and 8 have taken big, bold steps in one direction—and OS X Yosemite has taken smaller steps in a different one. Apple has a very clear and distinct future in mind for the Mac—even though some of today’s Apple hardware might not be up to delivering it.

The year of Retina

During 2012’s WWDC, Apple unveiled the 15-inch MacBook Pro with Retina display, and a few months later the 13-inch models arrived. But two years into the Retina Mac era, there are still no Retina MacBook Airs or affordable external Retina displays, though a 27-inch "iMac with Retina 5K Display" was announced alongside the Yosemite launch.

Apple knows that in the next few years, every computer display we use will be at Retina resolutions. And Yosemite’s new design feels like it was built for Retina displays: The thin Helvetica Neue replaces the long-serving but chunky Lucida Grande as the system typeface. Transparency is more present than ever before, inside app windows and underneath toolbars and even on the login screen itself.

menubars compared

The font change from Lucida Grande (top) to Helvetica Neue is most notable on the menu bar.

OS X Yosemite is gorgeous on a Retina MacBook Pro display. So here’s hoping Apple rolls out more high-resolution Macs in the near future. If it does, Yosemite’s refined look will be able to shine across even more of the product line.


The stoplight buttons.

Beyond the system font, the most obvious visual change in Yosemite is that the gray light-to-dark gradient atop most windows is now much more subtle, so much so that I didn't even register that I was looking at a gradient. In addition, the red, yellow, and green “stoplight” buttons on the corners of windows—the ones you use to close, minimize, or zoom that window—have been stripped of the shading effects that made them look like pieces of candy. They’re just flat circles now.

(When you move your cursor over them, you’ll find the same X in the red circle and minus-sign in the yellow circle. The green circle no longer displays a plus-sign, however; instead, it shows the two-headed arrow that indicates full-screen mode. If you want to zoom a window’s size in and out, old-school style, you’ll now need to hold down the Option key before clicking the green button, or just double-click on the window’s title bar.)

Darth Vader will be a fan of Yosemite, because it allows you to darken the menu bar and the Dock. Enabled by a checkbox within the General system preferences pane, this feature makes the menu bar dark, with light text, and the Dock's background darkens substantially as well. Menus are now darkly translucent, and drawn with light text.

However, when I checked the box, nothing else on my screen changed. It would make sense for predominately dark-on-light apps to switch to a dark-on-light color scheme in this situation, but none of the apps I was running changed in the least. It looks like Apps can detect whether that check box is engaged, but none of the Apps I was running (including Apple's own) bothered to do so. Lord Vader will not be pleased by a mere menu bar makeover: For my Mac to truly turn to the dark side, apps need to be able to follow suit.

Embracing wide and small screens

Just about every Mac uses a display that’s a lot wider than it is tall. So in the Mac interface, height is at a premium, while there’s width to spare. (This is why I don’t understand why people leave their Dock visible on the bottom of the screen—I’ve always pinned mine to the right side.) Yosemite’s design tries to fit more stuff on your screen by cutting the height of many window title bars in half.

This has a ripple effect on other interface elements. Take, for example, those stoplight buttons that were previously on the same level as the centered name of the window and, far off to the left, the double-headed arrow icon for full-screen mode. Now those buttons share space at top of windows with other interface elements.

In Yosemite’s version of Safari, the three buttons are on the same level as toolbar elements such as the next/previous page button, the address/search bar, and the like. In fact, in Safari the name of the window (and, therefore, the title of the page you’re viewing) is completely gone.

yosemite safari titlebar

The title bar is dramatically reduced in Safari for OS X Yosemite.

In Contacts, meanwhile, the entire top window bar is gone. The stoplight buttons still remain at the top-left corner of the window, but that’s now at the top of the leftmost visible pane of the application. They hover over the translucent Groups column until you choose View > Hide Groups, at which point they hop over to the top of the Contacts column (which turns from white to translucent in the process). A thin band across the top of the Contacts window is still draggable, but it’s not what you'd call a traditional Mac title bar.

moving stoplights

In many OS X Yosemite windows, the menu bar has vanished, and the stoplight buttons move around.

This design isn’t consistent across all of Apple’s apps, either. The stoplight buttons share space with the toolbar in the Calendar, Maps, Messages, and Reminders apps. (Philosophical question: If a bar contains no title, can it still be called a title bar?) Yet Mail, TextEdit, Preview, and iWork all look the same as they ever did.

I don’t really mind the trend—I use an 11-inch MacBook Air every day, so I know about cramped working environments. By merging the toolbar and title bar, this approach saves some precious vertical space. Unfortunately, an overly cluttered title bar might be hard to reposition on screen if you can’t find anywhere to click that isn’t covered by a button. And while those old title bars featured an awful lot of empty space, sometimes such space can be good. Yosemite’s new look can lead to situations where windows feel more cluttered.

I have to admit I’m also a little nonplussed about the disappearance of titles from the top of many windows. In apps that never really have more than one important window (Calendar and Maps come to mind), the title is unnecessary; labeling my Calendar window with the word Calendar seems pointless. But in many other contexts, the title of the window imparts important information, and there’s a danger that some of that information could be lost if Apple takes this approach too far. It’s something worth keeping an eye on, especially given the radical changes Yosemite has in store for Safari.

More subtle changes

translucent messages crop

The sidebar in Messages is translucent, showing the items behind it.

As with most OS X releases, Yosemite has its share of subtle design changes. The most notable is probably the system’s increased use of translucency, in which some interface elements are semi-opaque, allowing a blurred-out version of whatever is behind the window to show through. It’s a style iOS uses in abundance, and it’s now sprinkled here and there in Yosemite. The Messages sidebar, for instance, is translucent. It’s subtle, so it doesn’t harm readability, but it doesn't really seem to serve any useful purpose. It’s a light design flourish that isn’t offensive, but it’s not particularly bold either.

Up in the (still translucent) menu bar, the bars on the Wi-Fi icon are thinner, and a simplified battery icon on laptops feels more like the one from iOS. The Spotlight menu bar item remains anchored next to the similarly immovable Notification Center icon, despite the fact that the Spotlight window itself now floats in the center of the screen. I sense a disconnect here.

outrigger spotlight

The Spotlight feature is now disconnected from its place in the menu bar.

Beyond the occasional window pane, translucency effects pop up in a few other places in the system. When Exposé is triggered, the background now fuzzes out, and there’s a similar effect on the login screen, which shows a fuzzed-out picture of Half Dome.

flat save buttons

Default buttons now lack a texture and don't pulsate.

Several other interface elements have been flattened in the same style as the stoplight buttons, as well. Most notably, the pulsating blue glass-textured button in dialog boxes has lost its texture (the glass texture that still remained from OS X’s “aqua” interface is gone), it’s darker (with the text in white), and it doesn’t pulsate anymore.

trash cans compared

More plastic, less metal.

Apple’s engineers have taken a trip to The Container Store, and the result is that the system’s trash can is now a white translucent plastic job rather than the metallic wire basket previously favored. (Oscar the Grouch demands a return of the big metal trash can from the classic Mac OS, but nobody listens to smelly muppets.)

And the Dock, which in recent versions of the OS had become a 3-D shelf at the bottom of your screen upon which your icons sat, has reverted to something simpler. Like the Dock that you can still find in Mavericks if you set it to display on the left or right side of your screen, Yosemite’s dock is merely a 2-D background with a hint of translucency. It’s a great improvement, but seriously folks, consider pinning your Dock to the left or the right side. (Try it, you’ll like it!) The subtle glow beneath running applications in the Dock is now a more noticeable black dot.

faces of mac

Face the end, Mac OS 8.

There's also a fresh new face in OS X Yosemite—literally. The “Mac face” logo that has represented various portions of the Mac (originally the classic Mac OS, most recently the Finder) for the last sixteen years, has been updated. The image (actually two faces, one with two eyes viewed face-on half comprised of the profile of a different face) still represents the Finder, but it‘s been tweaked. Farewell, old face, you served us well.

two bulbs

A tale of two bulbs.

Finally, this breaking news from the System Preferences app: The compact fluorescent light bulb that represented the Energy Saver preference pane since 2008 is no more. After visiting The Container Store, Apple’s OS X elves popped into The Home Depot and picked up an LED light bulb. (I assume Oscar the Grouch is still lamenting the loss of the incandescent bulb.)

Skin deep

The design changes in Yosemite are noticeable, but the system is still very recognizably OS X. Longtime Mac users’ fears that the Mac was about to collide with iOS in some kind of crazy peanut butter-chocolate disaster have not been borne out. It’s a forward-thinking design that looks better on Retina displays, pointing the way toward a high-resolution future for Mac users.

Unfortunately, in some areas Apple's left hand doesn't seem to know what the right is doing. I’d like to see more consistency when it comes to the way stoplight buttons and title bars are displayed, and I worry about the increased clutter and decrease in clickable areas for dragging windows. I’m also a bit concerned about the loss of window titles in apps where they impart real information. The new dark-Dock-and-menu-bar option seems like an afterthought. It’ll be interesting to see how Apple designs its individual built-in apps, and what decisions third-party Mac developers make on this front.

But otherwise, there’s a lot to like in Yosemite’s design. Unless, perhaps, you’re Oscar the Grouch.

Jason is the former editorial director of Macworld, and has reviewed every major Apple product of the last few years, including the original iPhone and iPad as well as every major version of Mac OS X. Check out Sixcolors.com for his latest Apple coverage.

Note: When you purchase something after clicking links in our articles, we may earn a small commission. Read our affiliate link policy for more details.
Shop Tech Products at Amazon