725192 - Am I looking at Desktop or Mobile?

Status: RESOLVED FIXED

(Marketing :: Design, task, P1)

Description

[Jeff Balogh (:jbalogh)]

Attachment: Mobile and Desktop buttons

When I go to http://www.mozilla.org/en-US/firefox/channel/ I can't tell if I'm looking at the content for Desktop or Mobile.

The bright button that draws my eye says Mobile. Does that mean I'm on the Mobile page?

Or is the darkened button supposed to be depressed? Am I looking at Desktop?

I don't think it's possible to know what the buttons mean without clicking them and looking at how the URLs change.

Comment 1

[Laura Forrest]

The same thing has crossed my mind. I'm taking this bug - we'll be starting user testing tomorrow, and I'll include this question to get more feedback, and then we can go from there.

Comment 2

[Laura Forrest]

Breaking news - I just ran a ghetto hallway test and bothered 10 kind co-workers and asked their opinions. "Are you on desktop or mobile?"

Results:
Mobile - 3
Desktop - 7

"Correct" answer - mobile. 

Let's tweak our current design to make it 100% clear to people what page they're looking at. The nuance here is that I don't think we can simply swap the designs; the confusion will still remain. Let's consider adding some sort of outline or the like of the selected state. 

Ty - can you help out here?

Comment 3

[Laura Forrest]

I'm moving this to a "Major" priority since the user testing we're getting back also shows the confusion we found above. 

Ty/Tara - Is this something you can work on this week?

Comment 4

[Tara (musingt)]

LoFo, thanks for the ping.

Ty, can you please let us know if this is an issue?  Thanks in advance.

Comment 5

[Ty Flanagan]

I have been working on a couple of solutions. Minimal change making copy white on both buttons, to a major change redesigning both buttons and introducing a solid line inbetween the buttons versus the clear spacer thats there

Comment 6

[Laura Forrest]

(In reply to Ty Flanagan from comment #5)
> I have been working on a couple of solutions. Minimal change making copy
> white on both buttons, to a major change redesigning both buttons and
> introducing a solid line inbetween the buttons versus the clear spacer thats
> there

Glad to hear it! Thanks for the update. Looking forward to seeing the tweaks.

Comment 7

[mcbmoz]

As an interim fix, just opened Bug 729005 to have the copy updated to read "Mobile" or "Android" in the headlines on:

http://www.mozilla.org/en-US/mobile/beta/
http://www.mozilla.org/en-US/mobile/aurora/

(note: the original wireframes included this as recommended headline copy, not sure why it was removed - scratching head to think of a reason we wouldn't include it ... for reference it's how we position GA for mobile http://www.mozilla.org/en-US/mobile/)

Comment 8

[Laura Forrest]

Hi Ty - how is this going?

Comment 9

[Tara (musingt)]

friendly ping.  updates?

Comment 10

[Ty Flanagan]

Attachment: FFx Channel Page - FFx GA & FFx Beta - Toggle Design

Updated the toggle design (I know, finally!) :s

This is the proposed design for Firefox and Beta. 
Aurora to follow

Comment 11

[Ty Flanagan]

Attachment: FFx Channel Page - FFx Aurora - Toggle Design

...and the proposed Aurora toggle design.

Comment 12

[Tara (musingt)]

Jeff, LoFo, others?  please share your feedback

Comment 13

[Jeff Balogh (:jbalogh)]

This looks like an improvement, but it seems like it will always be hard to tell which state you're in when you only have two buttons showing.

Comment 14

[Ty Flanagan]

FYI, I have also addressed the toggle button concern in bug 729755 as the alternate design no longer uses a toggle mechanism.

Comment 15

[Ty Flanagan]

Please refer to Bug 731678 for the latest changes.

Comment 16

[Ty Flanagan]

Can we close this bug now since we have pushed live the updated layout?

Comment 17

[alexey_e]

+1

Comment 18

[alexey_e]

I believe it can be closed as FIXED in v15.0.1 for Android.