I'm doing redesign concept of iTunes and decided to display primary navigation option in the center. But when device is connected navigation gets more complicated so I have two options, the first one is to add "Device" item in to primary navigation menu and the second one is to put device icon besides search bar. Which one has better UX?
Option 1 (device page):
Option 2 (Device page):
Option 1 pros:
Navigation in the first option is more intuitive as "Devices" item located in the same row as other primary level navigation items. When there are no connected devices "Devices" item disappears from the menu and shows up only when device is connected.
Option 1 cons: top menu gets wider and it might be a problem on when program is minimized.
Option 2 pros:
Less items in the primary level navigation bar. Back to the option 1, all those items in the menu lead to a content pages and "Devices" item looks out of this category, not a logical placement. Second option doesn't have this problem.
Option 2 cons: If user is located on the device page (see last image), those top navigation menu looks as it would relate to the connected device. For example, user might think that "Music" menu item in the top menu will show him music on the device, the same goes with other menu items.
UPDATE: I took into considerations your advises and made redesign so it looks less shuffled. Also it has better responsiveness as main navigation is located at the bottom and has more space.