Closed Bug 705001 Opened 13 years ago Closed 12 years ago

[New Tab Page] Spacing and thumbnail sizes should adapt to screen size

Categories

(Firefox :: Tabbed Browser, defect)

Product:
Firefox
Component:
Tabbed Browser
Version:
13 Branch
Type:
defect
Priority:
Not set
Severity:
normal

Tracking

()

Status:
VERIFIED FIXED
Milestone:
Firefox 13

People

(Reporter: clee, Assigned: ttaubert)

References

Details

(Whiteboard: [qa!]) 

The spacing between thumbnails for the New Tab feature is too tight.  We should explore doubling the spacing between the thumbnails.  

Tim and I have talked about moving to a 4x2 grid vs. a 3x3 grid, but would like UX to weigh in on their thoughts.
Please take it to bug 455553, which hasn't landed on mozilla-central and is still under development.
Status: NEW → RESOLVED
Closed: 13 years ago
Resolution: --- → DUPLICATE
I spoke with Tim and we'd like to track changes to the original work separately so it's easier to manage.  Thanks.
Status: RESOLVED → REOPENED
Resolution: DUPLICATE → ---
Assignee: nobody → ttaubert
Why not allow the user to set the number of thumbnails? You can also resize previews as well as in the panorama.
We can also resize groups in Panorama, and this can be applied to new tab page also. But why do we block the new tab page from landing from m-c for such cosmetic issues.
Tim's working on a few other fixes and needs his code reviewed before landing it on m-c.  This bug is by no means a blocker for nightly, but given the volume of how many new tabs are spawned per user per day, we want to get to a point where basic functionality was there and we could receive feedback.
In addition, we should also have a boundary around thumbnails, currently it is not possible to distinguish thumbnails of pages having white background from the new tab background.
3x3 grid is what we want, since humans in general work on a 7±2 item perception threshold. If people want infinite customizability here, they should get an add-on.

I do agree that the current visual setup isn't optimal, and the thumbnails should work better with wide or tall windows. Boriss will be your guide to the exact dimensions and spacing needed here.
(In reply to Alex Limi (:limi) — Firefox UX Team from comment #7)
> 3x3 grid is what we want, since humans in general work on a 7±2 item
> perception threshold.

More info in case you're not familiar with this:
http://en.wikipedia.org/wiki/The_Magical_Number_Seven,_Plus_or_Minus_Two
OS: Mac OS X → All
Hardware: x86 → All
Target Milestone: Firefox 11 → ---
Version: 11 Branch → Trunk
Status: REOPENED → ASSIGNED
Summary: New Tab speed dial feature thumbnail spacing too tight → [New Tab Page] Spacing and thumbnail sizes should adapt to screen size
The thumbnail grid container has a fixed height which is larger than what is needed for the grid. So in a restored window a vertical scrollbar appears although there is enough room for the grid.
The thumbnails are certainly too small on larger monitors, it simply leaves too much white-space.
Blocks: 455553
Target Milestone: --- → Firefox 12
Version: Trunk → 13 Branch
Will be fixed by bug 729878.
Depends on: 729878
Target Milestone: Firefox 12 → ---
Fixed by bug 729878.
Status: ASSIGNED → RESOLVED
Closed: 13 years ago → 12 years ago
Resolution: --- → FIXED
Target Milestone: --- → Firefox 13
Mozilla/5.0 (X11; Linux x86_64; rv:13.0) Gecko/20120313 Firefox/13.0a1

Marking this as verified. Checked on monitors with different screen sizes (17, 21,22 inch diagonal) on Mac OS 10.6, Ubuntu 11.10 and Windows 7. Thumbnails adapt to screen width.
Status: RESOLVED → VERIFIED
Whiteboard: [qa!]
You need to log in before you can comment on or make changes to this bug.