Need better sync UI for Android tablets

VERIFIED FIXED in Firefox 18

Status

()

defect
P1
normal
VERIFIED FIXED
7 years ago
2 years ago

People

(Reporter: ally, Assigned: nalexander)

Tracking

({uiwanted})

unspecified
mozilla18
ARM
Android
Points:
---
Dependency tree / graph

Firefox Tracking Flags

(firefox18 verified)

Details

(Whiteboard: tablet-ui, )

Attachments

(1 attachment)

Reporter

Description

7 years ago
Sync doesn't have much UI but it's still phone UI, so it doesn't look as good as it should. It probably won't need too much change, but what would UX like the tablet UI look like?
OS: Mac OS X → Android
Hardware: x86 → ARM
Reporter

Updated

7 years ago
Priority: -- → P1
Assignee: nobody → ibarlow
Hi folks, apologies for the unholy lateness of this, but here are some mockups to tabletify the Sync setup flow on Android.

All the bahaviour should stay the same as it is now, we should just update the theme to match the Android Holo Dark styling we use elsewhere, and make the setup happen in a smaller dialog box, rather than a full screen window. 

Mockups:

Enter Code
http://www.flickr.com/photos/61892693@N03/7643991600/in/photostream

Advanced Setup
http://www.flickr.com/photos/61892693@N03/7643991358/in/photostream

Waiting for device
http://www.flickr.com/photos/61892693@N03/7644090774/in/photostream

Success
http://www.flickr.com/photos/61892693@N03/7643991102/in/photostream
Assignee: ibarlow → nobody
Depends on: 783239
Assignee: nobody → nalexander
To test this, take a look at *ALL THE UI* (sorry) on a phone and a tablet.  I tested:

* pair a device
* try the advanced setup
* pair without an internet connection
* pair a different device from the Settings > Accounts & sync screen
* try send tabs

Everything should look the same (fullscreen, buttons at bottom) on the phone and should appear nicely balanced in a fixed size dialog on the tablet.  For bonus points, try a 7inch and a 10inch tablet, and tell me if the dialog size is no good on one or both.
ibarlow: I made the tablet UI appear in a fixed size dialog of 600x600dp.  It looks good to me on my Galaxy Tab.  Would you prefer different?
Not a hard dep, but I'd like to land this before Bug 773239 lands.
QA wanted on Galaxy Note and Nexus 7, please.
Keywords: qawanted
Tested on:

1) Acer Iconia Tab A500 (Android 3.2) - the sync popup is displayed non-fullscreen and similar to the mock-up images
2) Samsung Note N7000 (Android 4.0.4) - 5.3 inch display - the popup is fullscreen similar to other smaller phones 
3) Samsung Galaxy Tab 2 7.0 (Android 4.0.4) - 7 inch display - the sync popup is displayed non-fullscreen and similar to the mock-up images

The behavior is consistent around all scenes: JPAKE code, advanced settings, pair a device, sync successful. Tested sync setup from both Firefox and the Android Settings.
Keywords: qawanted
(In reply to adrian tamas from comment #8)
> Tested on:
> 
> 1) Acer Iconia Tab A500 (Android 3.2) - the sync popup is displayed
> non-fullscreen and similar to the mock-up images
> 2) Samsung Note N7000 (Android 4.0.4) - 5.3 inch display - the popup is
> fullscreen similar to other smaller phones 
> 3) Samsung Galaxy Tab 2 7.0 (Android 4.0.4) - 7 inch display - the sync
> popup is displayed non-fullscreen and similar to the mock-up images
> 
> The behavior is consistent around all scenes: JPAKE code, advanced settings,
> pair a device, sync successful. Tested sync setup from both Firefox and the
> Android Settings.

Adrian, thanks for getting on this so quickly.  I'm going to call this a victory -- dialog's on large devices, fullscreen on small phone device.  It's definitely looking good on my Samsung Galaxy SII, Transformer Prime, and Galaxy Tab, so I think we're golden.
Status: NEW → ASSIGNED
Hi QA, could I please have the posted APK tested against one more device: an old Android device running the lowest Android version that Fennec supports (which I think is 2.2/SDK 8/Froyo).  Thanks!
Keywords: qawanted
I don't think we have any 2.2 tablets. Are 2.2 phones ok to test with?
(In reply to Kevin Brosnan [:kbrosnan] from comment #11)
> I don't think we have any 2.2 tablets. Are 2.2 phones ok to test with?

Yep, I should have been clearer that phones were good.

Aside: Do 2.2 tablets even exist?  Definitely this code is intended to handle only tablets after SDK v11; sriram on the Fennec team suggested that was the place to start with tablet support.
(In reply to Nick Alexander :nalexander from comment #12)
> Aside: Do 2.2 tablets even exist?  Definitely this code is intended to
> handle only tablets after SDK v11; sriram on the Fennec team suggested that
> was the place to start with tablet support.

There are a handful of Android 2.2 and 2.3 tablets, but they are old and were never terribly common.  We deliberately use our "phone" layout on these devices, rather than our "tablet" layout which is designed around UI conventions from Android 3.x and 4.x.
Summary: Need better UI for tablets → Need better sync UI for Android tablets

Comment 15

7 years ago
Also, AFAIK, the Kindle Fire shipped with Gingerbread (2.3) by default - it may now have been updated to something newer, though.
(In reply to Nick Alexander :nalexander from comment #10)
> Hi QA, could I please have the posted APK tested against one more device: an
> old Android device running the lowest Android version that Fennec supports
> (which I think is 2.2/SDK 8/Froyo).  Thanks!

Just want to make sure this isn't lost in the comment stream: still need the posted APK tested against a 2.2/SDK 8/Froyo phone.  It should be full screen and the text entry boxes for JPAKE entry code should work as before.  Thanks!
(In reply to Nick Alexander :nalexander from comment #7)
> Here's a build for QA testing:
> 
> http://people.mozilla.com/~nalexander/fennec-17-tab-ui.apk

Tested with this build on a G2 phone running Android 2.2 I was able to complete a basic jpake sync. I poked around in the UI and opened most of the screens involved with Sync. No crashing or other oddness was found.
Looks great! Tested on a Samsung Galaxy Tab 2 7", and a Transformer Prime TF201 10"
Status: RESOLVED → VERIFIED
Just wanted to shout out to QA: you guys really did a great job with this ticket.  Turning around all the device specific testing so quickly really makes my life easier.  Thanks!

Comment 22

7 years ago
Tested on HTC Desire (Android 2.2) the sync popup is full screen and the text entry boxes for JPAKE work as expected
Keywords: qawanted
Product: Mozilla Services → Android Background Services

Updated

2 years ago
Product: Android Background Services → Firefox for Android
You need to log in before you can comment on or make changes to this bug.