In Detail: Mac OS X Yosemite Under The Magnifying Glass

Mac OS X Yosemite Under the Magnifying Glass

Apple revealed a sneak peek into Mac OS X Yosemite earlier this week. Not surprisingly, Apple updated its desktop OS to match iOS 7's design language. The new OS X now embodies a brighter and flatter styling, coupled with icon updates, font changes, and translucent materials. Here's a quick look at the visual design changes in Yosemite and my impressions of them.


The Good

Clean Login Screen

Mac OS X Yosemite's login screen is much cleaner and sleeker. A subtle fading animation greets the user when first logging into the new OS.

Mac OS X Yosemite Under the Magnifying Glass

Mac OS X Yosemite's login screen is nicely done.

Updated App Icons

Most of the new app icons look sharp and clean. Unlike the mismatched, unclear iOS 7 icons we witnessed last year, Apple managed to provide a splash of freshness to the default app icons without making them excessively bright.

Mac OS X Yosemite Under the Magnifying Glass

The new icons in Mac OS X Yosemite.

Mac OS X Yosemite Under the Magnifying Glass

In particular, I like the new trash can icon. Craig Federighi made a note of the time they spent refining this particular icon and the effort definitely shows.

Mac OS X Yosemite Under the Magnifying Glass

Beautiful trash can icon.

Cleaner & Sharper Menu Bar

Many of the menu bar icons have been updated to be thinner, cleaner, and sharper. The battery icon has been updated to match the style of iOS 7. Almost every other icon has been made a hairline thinner. However, given that the new OS design styling tends towards a brighter palette, Apple made the peculiar choice of using a dark, dull blue to indicate the selected state.

Mac OS X Yosemite Under the Magnifying Glass

The OK

Lucida Grande to Helvetica Neue

Apple updated the default system font from Lucida Grande to Helvetica Neue. Helvetica Neue default kerning is slightly tighter than Lucida Grande. So far, I have not noticed any major readability issues but I am glad Apple chose not to default to the ultra thin font-weight.

Mac OS X Yosemite Under the Magnifying Glass

Happier Finder

Some people immediately voiced their displeasure at the new Finder icon. It is definitely a lot brighter and more cartoonish than the current icon. With the rounded eyes and curvier smile, the Finder icon looks much happier than the current one. Overall, I think the new icon is fresher, and will grow on you over time.

Mac OS X Yosemite Under the Magnifying Glass

The happier Finder icon.

Maximise to Fullscreen

In Mac OS X Yosemite, the traffic lights have been flattened. More importantly, the green button now activates fullscreen mode. This is a departure from the current behaviour, which "toggles a window between its standard state and its user state" and is woefully inconsistent between different apps. However, I also hate going into fullscreen mode because the OS lags while transitioning the window into fullscreen. I suspect that I won't be using that button much but if you're a hard core single-tasker, this may be a welcome change.

Mac OS X Yosemite Under the Magnifying Glass

Fullscreen is now the default instead of maximise.

Translucent Material

I lost track of the number of times Craig Federighi highlighted the beauty of the translucent materials used in the new OS X. I like the decision but Apple seems to be on the verge of using translucency for its own sake. I need to use the OS day to day to decide whether or not it will be distracting. My quick experience has been that it's a nice visual addition, but not a huge game changer.

Mac OS X Yosemite Under the Magnifying Glass

Brighter & Flatter UI Elements

Buttons, tabs, radio buttons, checkboxes, drop downs and all other UI elements have been updated to match the overall brighter and flatter design style. The visual updates are nicely done across the board. My only complaint is that the drop down UI element has coloured arrows. In every other instance besides this one, colour is used to mean active or selected. Consistency would dictate that the drop down should not be coloured either.

Mac OS X Yosemite Under the Magnifying Glass

Current UI elements on the left vs the new UI elements on the right.

Roomier Sidebar

The new sidebar now has a 2 pixel gap between the items in each row. The additional white space is definitely an improvement. However, the selected state is now far less obvious and not as visible. Mostly because the contrast between the grey background and the white text is not great enough. I hope the final iteration changes the background of selected item back to blue, or at the very least increases the contrast.

Mac OS X Yosemite Under the Magnifying Glass

The Bad

New Folder Icons

Mac OS X Yosemite Under the Magnifying Glass

The new folder icons are probably the visual change that I dislike the most in the new OS. When viewed on their own, the new icons look decent. However, looking at them in context in the Finder, they appear far too bright and demand too much attention. I hope Apple tones it down before the final release.

Mac OS X Yosemite Under the Magnifying Glass

Back/Forward Buttons

Apple appears to still be tweaking the back/forward buttons. Right now there are at least three different iterations in use. In my opinion, treating back and forward as a single pair of icons works much better than having two separate buttons.

Mac OS X Yosemite Under the Magnifying Glass

Different iterations seen in Finder, Safari, and the Help dialog.

Safari: Out of Grid

A couple of things in the new Safari do not sit well with me. The toolbar UI elements do not fit nicely into a grid. The traffic light buttons are not perfectly middle aligned but sit somewhere between middle and top aligned. The new tab button is also quite annoying because its placement and size does not fall into a proper grid.

Another important change in the new Safari is that you only see the top level domain of the site you're on. This change does not affect most people but I personally would like to see the full URL at all times.

Mac OS X Yosemite Under the Magnifying Glass

The placement of UI elements in the new Safari does not sit well in a proper grid.

Search Buttons

Apple has made all the search input boxes in toolbars (including the URL address bar in Safari) look like a button instead of an input box. This makes it hard to distinguish at a glance, forcing you to second guess whether you can type in it.

Mac OS X Yosemite Under the Magnifying Glass

Search input box looks like a button.

Goodbye, Parachute

The current AirDrop icon in OS X Mavericks has been one of my favourite icons. It is fun, cute, and represents Air-Drop really well. However, to match iOS 7, the new OS uses the "inverse wifi" icon to represent AirDrop.

Mac OS X Yosemite Under the Magnifying Glass

There are still many rough edges in the new OS but overall I am really excited about the visual direction that Mac OS X Yosemite is taking. It demonstrates a more mature and subtle approach in adapting iOS 7 design language. No ultra thin fonts, no crazy parallax, no ridiculous icons, just subtle use of translucent materials accompanied by a bright and cheerful palette. Using the new OS feels fresher, exciting, and more modern. I am looking forward to exploring other design changes in the the new OS that I may have missed.


Lo Min Ming is the co-founder of Pixelapse, a visual version control platform for designers. He loves design, coding, photography, art, as well as fine food and drinks. He writes about design, engineering and entrepreneurship. Find him at minming.net or follow @lominming.


Comments

    That folder colour makes my head hurt.

    I wish they'd shift 20% of their design budget to a development team to make Finder something other than the lame duck it is.

      What's wrong with finder? Using both osX and Win8 I can say that it's far simpler to navigate around, power users aside, but then again most power users probably wont use Mac anyway.

        Ok, here's some things wrong with finder.
        1. 'Move' (vs Copy) requires knowing a special 'Paste' keystroke. You need to 'copy' the file to the clipboard as you normally would, and then use a special 'Move' keystroke rather than 'Paste'. The model of deciding at paste-time rather than copy-time is ok, but the feature is obscured.
        2. Stupid paste location: If I have a folder tree open five levels deep, and I have something five levels deep selected, then I want it to paste where I have selected - not the root of the folder tree I'm viewing
        3. Stupid wrapping in icon mode: when I'm viewing thumbnails, I don't want to have to scroll right in order to see them. They should wrap at the width of the viewing frame.
        4. Stupid folder paste behaviour: If I copy and paste a folder somewhere that another folder of the same name exists, the default behaviour of Finder is (with a prompt) to delete the existing folder and paste across the one I'm copying. Did I have something in that folder? Too bad, it's gone now. That behaviour is not so bad. Coming from *any other OS* it seems a bit odd, but it isn't nonsensical. What is nonsensical is that the 'merge' option (as opposed to the delete and replace) option doesn't appear without hotkey gymnastics. I need to press other keys while pasting simply to get the option to 'merge' to appear when pasting. There are two problems here: merging is a perfectly reasonable operation so requiring different keystrokes to just have the option appear is stupid, and the fact that the 'merge' option doesn't appear by default makes it less obvious to users who are used to the behaviour of *every other file explorer out there* that the default behaviour is to delete and replace the existing folder.
        5. No easy way to jump straight to a directory by name (like typing in the explorer bar in Windows).
        6. No easy way to copy the current path to the clipboard (again, like the explorer bar in Windows)
        7. In some places, you can expand folders when in List view. In others you can't (e.g. Documents folder).
        8. A lack of hotkeys which perform common tasks. For example, since Finder likes to remember which folders I had expanded in list view, you would think there would be a 'collapse all' hotkey. No, you have to CTRL+A to select all the folders, and then press left-arrow to collapse them. This isn't a huge problem but it is annoying.

        You'd be surprised how many power users do use Macs (because it runs on a unix base, but has broader software support and frankly a nicer and more consistent UI than any Linux I've used to date).

    nothing innovative here then... just downgrading what was once a wonderful pleasant to look at operating system... so much for J.I's "creative" influence. The fun died with Jobs.

    is it just me or do the re-styled icons on the launch bar (I dont use OSX myself so excuse me if the name is wrong) give the impression of a My First OS?

    I have installed beta version of yosemite but i can't locate iPhoto or photos in the same. How do i get my pictures back, Thank You

    Apple has moved further away from what made it appealing in the first place. It's becoming boring to use, boring to look at, flat, grey and ever increasingly undesirable. I have not updated from Snow Leopard because the updates have not been improvements. The beautiful mosaic screen saver that fascinated everyone who saw it has gone. The coverflow from iTunes that made it worth while having images with every song has gone. This Yosemite just looks like a base station for Apple's portable devices. This is not creative, just simplified to give the impression it moves faster.
    You're right Zeugma, THE FUN DIED WITH STEVE JOBS. Shame on you Apple for becoming so boring.

Join the discussion!

Trending Stories Right Now