357989 - remove image of close button from first run pages

Status: RESOLVED FIXED

(www.mozilla.org :: General, defect)

Description

[Mike Beltzner [:beltzner, not reading bugmail]]

The first run pages (see URL) for Firefox cleverly show an arrow pointing to the close button of a tab and explaining to users how to close that tab and get to browsing.

The image of the tab button in the page is potentially confusing to some users, who might think that they can click on that button to close the page. I think the arrow is a strong enough indicator of where the close button is, and removing the image of the close button would make the instruction easier to follow.

Comment 1

[Paul Kim]

Is this something you're getting feedback on Mike? Including OS-specific close button images seemed to be important as a requirement when we were putting this page together for all the locales. If we could get some additional input from end users to validate this direction that would be ideal, before modifying each one of these pages. Let me know what you think.

Comment 2

[Mike Beltzner [:beltzner, not reading bugmail]]

(In reply to comment #1)
> Is this something you're getting feedback on Mike? Including OS-specific close

No, it's just something I noticed, and was pretty sure I pointed out back when this solution was in the original mockups (before I screwed up and said that we could do it an easier way)

> button images seemed to be important as a requirement when we were putting 

The arrows point right to the buttons. Putting the image of the button on the page seems both unnecessary and confusing, since they look identical yet one works and the other doesn't. I think its the combo of "click the close button" with a close button right beside those words that, in fact, we don't want users to click.

> end users to validate this direction that would be ideal, before modifying 
> each one of these pages. Let me know what you think.

Not high priority, I guess, but I'm predicting that more than one user will click on the image in the page before noticing the arrow.

Comment 3

[David Baron :dbaron: (⌚️UTC-4, no longer working on Mozilla)]

For what it's worth, I clicked the wrong close button the first time I saw the new first run page.

Comment 4

[Steven Garrity [:sgarrity]]

I wondered about this too - but we figured it was fine for launch. Especially since the potential mistaken action is relatively harmless (though potentially confusing for users).

One possibility would be to provide a greyed-out version of the close button with the arrow. Perhaps this look less "clickable". Not sure.

Comment 5

[Mike Beltzner [:beltzner, not reading bugmail]]

(In reply to comment #4)
> One possibility would be to provide a greyed-out version of the close button
> with the arrow. Perhaps this look less "clickable". Not sure.

I think that might get even more confusing, as those who would mistake the image for the actual widget would now think the widget was diabled.

Less is more, here. The arrow and text are pretty self explanatory, and reliably point to the actual button being closed. That's awesome!

Comment 6

[Paul Kim]

> Less is more, here. The arrow and text are pretty self explanatory, and
> reliably point to the actual button being closed. That's awesome!

OK then. Adding Wil to the bug. Steven: can you make the change on the en-US version of firstrun? We'll review and if it looks good, Wil can apply to the other locale versions.

Comment 7

[Steven Garrity [:sgarrity]]

The stage site now has the arrow sans-close-button. Looks good, I think.

Note that this is controlled entire in the CSS, so it applies to all locale versions of the First Run page, not just the en-US version.

Comment 8

[Wil Clouser [:clouserw]]

The production site now has this fix ( https://www.stage.mozilla.com/en-US/firefox/2.0/firstrun/ ).  It'll go live with the next update.

Comment 9

[Wil Clouser [:clouserw]]

This is fixed