Apologies in advance for the long post, but for a problem this big, any real suggestions are likely to also be big.
Actually, that's the
opposite of what they need to do. The app is too modal already. Breaking it into separate apps just makes that problem worse by forcing people to think about whether they want to listen to a song or a podcast before they even launch the app.
The problem with this new design, along with all the designs before it, is that they keep adding features, and then hastily wedging them into the existing design wherever they can make them fit, without ever truly revisiting the app's design as a whole. As a result, the design as a whole fails to take advantage of most of the lessons that the industry has learned over the last 30 years, and instead of making things easily discoverable, has basically buried key features inside multiple layers of tabs that are effectively nested, but are not visually so, resulting in utter chaos and confusion.
This design goes even further in the wrong direction by having a pop-up menu that isn't even on the left side of the thing it controls (what the heck are those arrow buttons doing there?) that changes the entire content of the sidebar. So you have a pull-down menu that controls what is in the sidebar and a tab bar across the top and a sidebar, all of which control what's in the content pane, and it isn't at all obvious to a user how those three separate controls are supposed to interact, beyond that they do.
That basically makes this a massively modal UI. Modal UIs are almost always very, very bad for end users except when the modality chooses between two behaviors that are completely unrelated (e.g. buying content versus listening to content versus managing your device). That should be one of the first lessons you learn in any proper UI design course. Your UI should be, to the maximum extent possible, consistent and non-modal except when that modality provides a very clear user benefit by reducing confusion.
And you should never, ever, ever have modes nested inside other modes, much less doubly nested like this design. When you have tabs down the side
and tabs across the top
and a pop-up menu that
all control the mode, it makes people's heads explode.
Here are a couple of ways to reduce the sense of modality:
- For most users, movies and TV shows are the same kind of content. They're something you watch. They get confused when they're segregated like that. You should maybe have a way to enable *filters* to show one or the other or both, but that's not the same thing as modality.
- Music, podcasts, iTunes U, and audio books are all the same kind of content. You should be able to filter your view when searching or browsing, but the default should be "all of the above at once".
- Instead of the pull-down menu for changing modes, use headings with disclosure triangles. So in the sidebar, you have "Audio", "Video", "Apps", "Tones" categories. Disclose one or more, and you have things like "Artists", "Authors", "Titles" (for both song and book titles), "Genres", etc.
You can give the user control over what types of audio content it shows in a couple of possible ways:
- Use additional levels of nesting by type (kind of ugly, and not ideal, but functional).
- Add a filter pop-up menu to allow you to filter what types of content are shown. This menu should probably be larger than the existing pull-down, and the arrow buttons should be anywhere but there.
I would recommend the latter approach. There is a small amount of modality caused by the filters, of course. For example, some of the subcategories will appear and disappear depending on filters, i.e. "Author" would disappear if books are filtered out; "Artist" ought to be there for audio books (the person reading it), assuming that the metadata is available. But on the whole, the interface will remain consistent regardless of what filters the user chooses. And that's what makes it a superior design.
There are, however, occasionally situations where modality is useful. iTunes app actually serves two entirely different purposes — managing the library on your Mac (or Windows machine) and managing the library on a device.
That should be a modal control, because to a user, those are two entirely different actions (as opposed to listening versus watching, which is a much more subtle distinction). So the pop-up at the top of the sidebar should instead choose between managing your local library, managing the library on a device, buying content from the store, or listening to the radio.
In other words, the top of the bar should look like:
- [Manage Library ^v]
- Device: [This computer ^v]
- Filters: [All content ^v]
where each of those is a pop-up menu. The first would contain "Manage Library", "Buy Content", "Listen to the Radio". The second would contain "This computer", "So-and-so's iPhone", etc. The third one would be a hierarchy of categories with checkboxes, e.g. "Content type: {Movies [x], TV shows [x], Video podcasts [x]}".
Alternatively, you could combine the first two menus into one, e.g.
- This Computer's Library
- So-and-so's iPhone Library
- iTunes Store
- Apple Radio
- ...
Or make it a hierarchical pop-up, e.g.
- Manage Library > {This computer, So-and-so's iPhone}
- Buy Music
- Listen to the Radio
Either way, the modality would actually separate distinct actions, and the visual positioning of the elements together as a simple list of filters that are applied in order from top to bottom makes the UI much easier to understand.
Below that, in the sidebar, you would have categories for Audio, Video, Ringtones, Apps, and ideally, Books, so that you can manage all aspects of a device or library in one place. (As an added note, if you double-click or press Play on a book in iTunes, it should open the iBooks app.)
When the device pop-up says "This Computer", you should be able to manage your computer's library, and it should behave like iTunes normally does.
When some other device is chosen in the device pop-up, the sidebar should add an extra "Device" sidebar category under which you'd have a list of various screens for configuring the device, e.g. General (e.g. name), Backups, Syncing options, and so on.
Additionally, when managing a device, it should show the union of content on the device and content on your computer. The library items should clearly indicate whether they're present on that device, e.g. greyed out if it isn't on the device, or bold if it exists on the device but not on your Mac. Hovering over a greyed or bolded item should show a pop-up that says either:
- This item is not currently on the device.
- This item is not in your library; it will be imported automatically when you sync the device.
It should have an extra column with button that adds or removes the item from that device, which should ideally take effect instantly (without a sync).
Across the top, the tab bar should switch between list view and icon view. For books/movies/TV shows/songs, that icon view would show the covers. For apps, the icon view would look just like a view of the device, and would allow you to drag icons to the edge and move them to the next or previous screen. Optionally, they could revisit a "cover flow" view there. By making this view change be front and center like it is in Finder, it would be more discoverable, so maybe more people would use that view. Hard to say.
On the right side of the apps icon view, a new sidebar would appear containing a list of "Uninstalled Apps" with buttons to add them. By default, it would add them to the screen that is currently visible if there's room. Otherwise, it should add them to the first screen with space, and should change the view to show that screen.
All of the things that are currently in the top tab bar should become items in the sidebar, adding levels of nesting if needed.
If you change the first pop-up to "Buy Content", the Filters pop-up would shift up into the space occupied by the Device pop-up, and the third box would likely go empty. The sidebar would remain largely the same, but playlists would go grey and collapse. Under "Video", you'd have the usual things like "genres", etc. just like you do now. Filters would let you choose whether you were shopping for movies, TV shows, or both. It would let you filter by genres that you care about. And so on.
You get the idea. A good redesign requires completely rethinking the app from the ground up, in terms of how users consume content. It requires rethinking the iTunes store to be much more dynamic and much less category-driven. It requires rethinking the device management UI to separate general device functionality from item management. And so on.
In short, the iTunes team needs to put together a complete list of features, and then they need to lock a dozen UI designers in a room with that list and let them brainstorm a UI from scratch that implements all of the features,
with an absolute prohibition on letting them even look at the current UI while doing so. That's the only way they'll ever get past the natural tendency to make lots of little incremental changes that at best put lipstick on a pig and at worst put lipstick on bacon, and start making the radical design changes that will turn iTunes into the world-class app that it should be.