1208148 - Android and iOS Image for /new/ Scene 2

Status: RESOLVED FIXED

(Marketing :: Design, task)

Description

[Francesco Polizzi [:fpolizzi]]

Attachment: Android-Devices-resized.png

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.10; rv:40.0) Gecko/20100101 Firefox/40.0
Build ID: 20150826023504

Steps to reproduce:

Two tests that have recently been completed leave us the need for a new image on Scene 2 of the /new/ page. These two tests are the Scene 2 mobile call to action test (https://mana.mozilla.org/wiki/display/FIREFOX/CTA+to+Download+Firefox+Android+on+Scene+2+of+Desktop+Download+-+Take+2) and the /new/ page optimized for performance (https://mana.mozilla.org/wiki/pages/viewpage.action?pageId=50921499).

The former image that was created for the Scene 2 test only shows Android devices, and due to the rollout of Firefox for iOS, we would like an image that shows both device types. The optimized /new/ page test that was run recently tested how speed affects the /new/ download rate, and we found that when we removed heavy content from the page (large, uncompressed images) the download rate increased. For this reason, the image that needs to be created should be as compressed as possible while still maintaining visual quality.

Comment 1

[Jennifer Bertsch [:jbertsch]]

I think we'd like to have this one live right after the mid Nov iOS launch.

Lee and jbalaco:  Do you think Oct 20 could be a good date to have this image final?

Comment 2

[Jennifer Balaco]

Jen + Francesco, 

Ty will actually work on this. Let me get back to you today or tomorrow to confirm a date for final image, but I believe the 20th should work.

Comment 3

[Jonathan Petto [:jpetto]]

Any word on when the final image will be ready?

Comment 4

[Jennifer Balaco]

Ty, 

Can you add this graphic to the bug? If it's not ready yet, please give an update when to expect it. Thanks!

Comment 5

[Ty Flanagan]

Attachment: MobileDevices_scene2.png

Cut off option

Comment 6

[Ty Flanagan]

Attachment: MobileDevices_scene2_full.png

Full size option - to allow for longer adjacent copy

Comment 7

[Ty Flanagan]

Attachment: MobileDevices_scene2.png

updated again. one line of pixels along the bottom edge needed to be removed

Comment 8

[Jonathan Petto [:jpetto]]

Ty - Would it be possible to get a PSD version of the uncropped image? I'm going to need to make responsive versions.

Thanks!

Comment 9

[Jonathan Petto [:jpetto]]

How concerned are we with this image not being localized? I think it communicates the multi-device message regardless of language used in the screenshots, but I'm not sure if English only text would be received poorly in non-English speaking countries.

Comment 10

[Jennifer Balaco]

Going to NI Jen Bertsch, because not sure who should answer that question.

Comment 11

[Francesco Lodolo [:flod]]

I'm not a huge fan of having detailed screenshots with English content (not just content, more important the browser UI), especially on a page with this impact.

We usually try to avoid that, see the same firefox/new, where we use an abstract browser chrome instead of a detailed screenshot.

Comment 12

[Jennifer Bertsch [:jbertsch]]

Hi Jennifer Balaco and Ty-

It would be great if we could have a more generic image with a lot less English copy on it to smooth localization and to not distract from the download CTA on the page (there's a lot going on in each of those browser windows).

Maybe something like we have on the main scene of /new with a super generic browser w/out words and either a grid or just the firefox logo in the middle of the screen?

Thanks,
Jen

Comment 13

[Jennifer Bertsch [:jbertsch]]

(In reply to Jennifer Bertsch [:jbertsch] from comment #12)
> Hi Jennifer Balaco and Ty-
> 
> It would be great if we could have a more generic image with a lot less
> English copy on it to smooth localization and to not distract from the
> download CTA on the page (there's a lot going on in each of those browser
> windows).
> 
> Maybe something like we have on the main scene of /new with a super generic
> browser w/out words and either a grid or just the firefox logo in the middle
> of the screen?
> 
> Thanks,
> Jen

Hi Jen and Ty-

Could you please just let us know what a realistic timeframe is for a revised image?

Thx,
Jen

Comment 14

[Jennifer Bertsch [:jbertsch]]

(In reply to Jennifer Bertsch [:jbertsch] from comment #13)
> (In reply to Jennifer Bertsch [:jbertsch] from comment #12)
> > Hi Jennifer Balaco and Ty-
> > 
> > It would be great if we could have a more generic image with a lot less
> > English copy on it to smooth localization and to not distract from the
> > download CTA on the page (there's a lot going on in each of those browser
> > windows).
> > 
> > Maybe something like we have on the main scene of /new with a super generic
> > browser w/out words and either a grid or just the firefox logo in the middle
> > of the screen?
> > 
> > Thanks,
> > Jen
> 
> Hi Jen and Ty-
> 
> Could you please just let us know what a realistic timeframe is for a
> revised image?
> 
> Thx,
> Jen

Is Nov 10 possible?

Comment 15

[Ty Flanagan]

Attachment: MobileDevices_scene2_full_rev.png

Jen,

Would this be in-line with what you were thinking of?

Comment 16

[Jennifer Bertsch [:jbertsch]]

(In reply to tflanagan from comment #15)
> Created attachment 8683366 [details]
> MobileDevices_scene2_full_rev.png
> 
> Jen,
> 
> Would this be in-line with what you were thinking of?

Beautiful!  Love it!  Could we please remove "search or enter address" from the Android?

Comment 17

[Francesco Lodolo [:flod]]

(In reply to Jennifer Bertsch [:jbertsch] from comment #16)
> Beautiful!  Love it!  Could we please remove "search or enter address" from
> the Android?

If possible I would also drop the "AM" from the iPhone time, but this is so much better, thanks!

Comment 18

[Ty Flanagan]

Attachment: MobileDevices_scene2_full_rev.png

Updated image with the feedback requests

Comment 19

[Jonathan Petto [:jpetto]]

PSD link for posterity: https://infinit.io/_/KhjbbNx