Add tooltip beside 'save to Firefox' checkbox

VERIFIED FIXED in Firefox 64

Status

()

enhancement
P1
normal
VERIFIED FIXED
Last year
9 months ago

People

(Reporter: epang, Assigned: jaws)

Tracking

(Depends on 1 bug)

Trunk
Firefox 64
Points:
---
Dependency tree / graph

Firefox Tracking Flags

(firefox64 fixed, firefox65 verified)

Details

(Whiteboard: [webpayments] [user-testing])

Attachments

(2 attachments)

Work with Brian Jones to create a tool tip for the "save to firefox" check box that helps users understand where their information is being saved.
Priority: -- → P3
Whiteboard: [webpayments] [ux] → [webpayments-reserve] [ux]
Priority: P3 → P2
Whiteboard: [webpayments-reserve] [ux] → [webpayments-reserve] [ux] [user-testing]
Whiteboard: [webpayments-reserve] [ux] [user-testing] → [webpayments] [ux] [user-testing]
Copy from Brian is added to both visual and interaction spec:

Shipping Address Checkbox: "Firefox can add your address to forms like this one to you don’t have to type it every time."

Payment Information Checkbox: "Firefox can securely store your credit card information to use in forms like this, so you don't have to enter it every time."
Whiteboard: [webpayments] [ux] [user-testing] → [webpayments] [user-testing]
What is the interaction for this tooltip - on hover anywhere on the checkbox or label?
Flags: needinfo?(jsavory)
I would make it appear on hover over the (?) icon, but not on the checkbox or label. I think that would be confusing and might overlap weirdly with items. I think just hovering over the (?) is standard behaviour too.
Flags: needinfo?(jsavory)
Assignee: nobody → jaws
Status: NEW → ASSIGNED
Priority: P2 → P1
We should try to make this keyboard accessible as well for people who don't use a mouse (e.g. screenreader users). Maybe we can use :focus for that? We should probably use role=="tooltip" as well.
Flags: qe-verify+
QA Contact: hani.yacoub
I had to move the tooltip to appear above the tooltip to make sure that it cause scrollbars to appear on the address form.
Comment on attachment 9012194 [details]
Bug 1470168 - Add tooltip beside 'Save to Firefox' checkbox. r?MattN

Matthew N. [:MattN] (PM me if requests are blocking you) has approved the revision.
Attachment #9012194 - Flags: review+
(In reply to Jacqueline Savory [:jsavory] UX from comment #1)
> Copy from Brian is added to both visual and interaction spec:
> 
> Shipping Address Checkbox: "Firefox can add your address to forms like this
> one to you don’t have to type it every time."

I have corrected what I believe to be a typo here, replacing "one to you" with "one so you".
Pushed by jwein@mozilla.com:
https://hg.mozilla.org/integration/autoland/rev/e2f7985ef41d
Add tooltip beside 'Save to Firefox' checkbox. r=MattN
https://hg.mozilla.org/mozilla-central/rev/e2f7985ef41d
Status: ASSIGNED → RESOLVED
Closed: 10 months ago
Resolution: --- → FIXED
Target Milestone: --- → Firefox 64
Posted image contact info.png
"Nightly can add your address to forms like this, so you don't have to type it every time." is displayed in add shipping address forms.
"Nightly can securely store your credit card information to use in forms like this, so you don't have to enter it every time." is displayed in add credit card forms.


"Nightly can add your address to forms like this, so you don't have to type it every time." is also displayed in contact information forms, it's a bit weird specially if the form is requesting only a phone number or name.
Shouldn't there be more specific tooltip for this case?
Flags: needinfo?(jaws)
Yeah, we should either have a different tooltip message for the Contact information or make this message a little more generic. Can you file a bug for this? We could use "Nightly can add contact information to forms like this, so you don't have to type it every time." Note I removed the "your" since I don't think we should be making the assumption that all entries will be specific to the person filling it out, same for the other tooltip messages.
Flags: needinfo?(jaws)
Flags: needinfo?(hani.yacoub)
Depends on: 1495375
I logged bug 1495375 to use a different tooltip message for the Contact information.
Flags: needinfo?(hani.yacoub)
I'll mark this bug as verified as fixed on Firefox Nightly 65.0a1 (2018-10-25) on Windows 10 x 64, Windows 7 x32, Mac OS X 10.13 and on Ubuntu 16.04 x64 since bug 1495375 will handle the other issues.
Status: RESOLVED → VERIFIED
Flags: qe-verify+
You need to log in before you can comment on or make changes to this bug.