Improve length of URL bar and use of the space near it

NEW
Unassigned
(Needinfo from 2 people)

Status

()

Firefox for Android
General
P2
normal
3 months ago
a month ago

People

(Reporter: Ioana Chiorean, Unassigned, NeedInfo)

Tracking

(Blocks: 1 bug)

Trunk
All
Android
Points:
---
Dependency tree / graph

Firefox Tracking Flags

(fennec+, firefox57 affected)

Details

(Whiteboard: [pwa-front-end])

Attachments

(1 attachment)

(Reporter)

Description

3 months ago
Created attachment 8895785 [details]
URL BAR.png

One of our users raised a good question on twitter - why we are using so many buttons and gray space near the URL Bar? it seems we cut from URL for it and that is not something desired. 

Opening this for discussion. Check the screenshots:
1. Old Fennec tablet 
2. Chrome tablet
3. Photon Fennec 
4. Photon Fennec tablet 
5. Focus tablet
Flags: needinfo?(topwu.tw)
Flags: needinfo?(alam)
(Reporter)

Updated

3 months ago
Blocks: 1366668
(Reporter)

Updated

3 months ago
Summary: Improve length or URL bar and use of the bar near it → Improve length of URL bar and use of the space near it
This happens when users set the 'Display size' setting to small on modern Android phones.
tracking-fennec: --- → ?

Comment 2

3 months ago
Thanks for filing this Ioana!

Looking into this with Carol

Updated

3 months ago
Flags: needinfo?(alam)

Updated

3 months ago
Flags: needinfo?(alam)

Updated

3 months ago
tracking-fennec: ? → +
Flags: needinfo?(chuang)
Priority: -- → P2

Comment 3

3 months ago
Hi Joe, Wesly
Please help me prioritize this. This looks like something we should fix asap.
Thanks!
Flags: needinfo?(wehuang)
Flags: needinfo?(jcheng)
we should fix it together with the PWA A2HS button. Can we target this for 58?
Flags: needinfo?(jcheng)

Comment 5

3 months ago
I'm not sure what the "fix" here is yet Nevin. Have you chatted with Carol about it? I'd defer to her here and I've NI'd her.

I could be wrong but I think we need to first solve the UX part before we can prioritize this for Eng?

Joe, can you make sure this is on UX' radar? ;)
Flags: needinfo?(alam)
Mark is looking at PWA for Fenna now. NI Mark to think about this from UX perspective
Flags: needinfo?(mliang)
Priority: P2 → P1
Whiteboard: [pwa-front-end]
I have two proposals for multiple icons in the URL bar situation:
With more than two icons in the URL bar (not counting menu and tabs for mobile and not counting menu, tabs, bookmark and refresh for tablet), the icons collapse into a 'plus' icon.

For proposal 1, when users click the plus icon, the icons expand back to its position.
For proposal 2, when users click the plus icon, a panel expands with a list of icons inside.

Checkout the mockup here: (You can adjust the number of icons with the slider on the top)
https://codepen.io/youwenliang/full/gxybJv/

Any concerns with these types of implementation?
Flags: needinfo?(mliang)

Comment 8

3 months ago
I'm not sure about the "plus" icon - won't that possibly be mistaken for a button to open a new tab? Desktop uses a "three dot menu" button for it's page actions menu (https://dolske.files.wordpress.com/2017/07/pageactionprotoi.png) here. Other than that, it seems a nice idea, with a slight preference for the panel.
(In reply to Jan Henning [:JanH] from comment #8)
> I'm not sure about the "plus" icon - won't that possibly be mistaken for a
> button to open a new tab? Desktop uses a "three dot menu" button for it's
> page actions menu
> (https://dolske.files.wordpress.com/2017/07/pageactionprotoi.png) here.
> Other than that, it seems a nice idea, with a slight preference for the
> panel.

Agreed, the plus icon is just a quick idea and definitely need more thoughts here.
The three dots icon might be confusing since the menu icon on mobile is also three dots but align vertically.
Like discussed this is something with PWA A2HS after 57.

(In reply to Nevin Chen [:nechen] from comment #3)
> Hi Joe, Wesly
> Please help me prioritize this. This looks like something we should fix asap.
> Thanks!

(In reply to Joe Cheng [:jcheng] (please needinfo) from comment #6)
> Mark is looking at PWA for Fenna now. NI Mark to think about this from UX
> perspective
Flags: needinfo?(wehuang)

Updated

a month ago
Blocks: 1212648
Priority: P1 → P2
You need to log in before you can comment on or make changes to this bug.