Closed Bug 700936 Opened 9 years ago Closed 9 years ago

New tab / tab switcher button should be at right


(Firefox for Android :: General, defect, P2)




Tracking Status
firefox11 --- fixed
fennec 11+ ---


(Reporter: limi, Assigned: sriram)



(Keywords: uiwanted)


(5 files)

The current positioning of the new tab / tab switcher is inconsistent with how it works on the desktop versions of the product, and as a minor issue also causes the UI to be asymmetrical because of the favicon position.

I propose that we move the tab selector to the right side, see attached mock-up. This accomplishes a few things:

1. Places the new tab button on the right side of the current tab, just like on the desktop.
2. Places the tab overflow dropdown on the rightmost side of the tab(s), just like on desktop.
3. Avoids the asymmetrical look of: 
   …and makes it 
   [f] [v]
(as for why this is important: we're trying to unify concepts and placement across our different platforms where possible; and this seems like an easy win, and IMO also looks better)
There are some things to consider around doing something like this:

In favour:
- more consistent with desktop Firefox
- tab button would be more easily thumbable for right-handed users

- would be inconsistent with the tablet UI, where this is a good reason for the tab area being at the left (not getting in the way of dominant thumb panning of content)
- on ICS, standard menu button placement would push this to the left, meaning it's no longer in a corner
Keywords: uiwanted
Assignee: nobody → madhava
So, Madhava and I just talked some more about this, and we tend to agree that moving the tab menu to the right would is a better overall solution. 

- It gets the tab menu closer to your right thumb
- It is more consistent with the "new tab" button on desktop
- It looks more like a tab overflow button, so opening a menu list of tabs is a more expected behaviour than it might be on the left


Of course, it is somewhat of a departure from the tabs on the left model on tablet, but the design is similar enough that they still look like they are in the same family. We will also have an opportunity to revisit our tablet tab menu, once we start working on a java tablet ui.


Let's do it!
Summary: New tab / tab switcher button should be consistent with desktop → New tab / tab switcher button should be at right
Assignee: madhava → sriram
Priority: -- → P2
Attached patch PatchSplinter Review
This patch moves the tabs button to the right.

I haven't added extra line breaks in address_bar_bg.xml as it felt so weird than how the current grouping looks. I am open for changes there.

I have more the png's to drawable-mdpi-v8 and drawable-mdpi-v11. This seems to work fine for me in Nexus S. If there are issues with this structure, we might want to think of having drawable-mdpi and drawable-hdpi for froyo and gingerbread (instead of replicating them in v8 and v9 folders).
Attachment #574427 - Flags: review?(mark.finkle)
This might need clobbering due to changing of resources :(
Blocks: 702287
Blocks: 700937
Attachment #574427 - Flags: review?(mark.finkle) → review+
Closed: 9 years ago
Resolution: --- → FIXED
Samsung Nexus S (Android 2.3.6)
tracking-fennec: --- → 11+
You need to log in before you can comment on or make changes to this bug.