631626 - [Fx4Launch] add screenshots to mozilla.com

Status: VERIFIED FIXED

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

Description

[John Slater]

This is a placeholder bug for now to remind us that we'll need to update all the screenshots on mozilla.com after RC1 comes out. When that happens, we'll file spinoff bugs as necessary to cover all the pages needed.

Stay tuned!

Comment 1

[Steven Garrity [:sgarrity]]

Moving to 1.5 since the RC probably won't be out during the 1.4 window.

Comment 2

[Stephen DesRoches]

updated mac screenshots have been committed in r84476  If these look good, I'll create the same ones for Linux and Windows.

With the exception of the two videos: 
http://www-fx4.stage.mozilla.com/en-US/firefox/features/

* most links are not setup yet either.

Comment 3

[John Slater]

Thanks Stephen...we're reviewing now and will get back to you soon. Should we be looking at other pages besides features?

Comment 4

[Stephen DesRoches]

John: No, that was the only page (mac only) committed.

Comment 5

[Steven Garrity [:sgarrity]]

We could use some direction on some of the screenshots for other pages:

http://www-fx4.stage.mozilla.com/en-US/firefox/security/#control
What should the screenshot be for the "Stay In Control" section of the Security page? I'm thinking the Plugin Check page?

There are a lot of screenshots for the Mobile Features page that we'll need direction on (http://www-fx4.stage.mozilla.com/en-US/mobile/features/). We do have android devices and can take screenshots, but would need confirmation from the Mobile team on a few things:

Is the current beta in the Android Market UI-stable enough to take screenshots?
Is a typical Android device screen size ok for the screenshots (We've got a Galaxy S with a 480 x 800 screen here, and an N900)?
Are there other considerations we might not be aware of for mobile screenshots?

Comment 6

[John Slater]

Hey Stephen. We have a few thoughts & points of clarification on the features screenshots from comment #2. Let us know if you have any questions or thoughts on these:

- awesome bar one looks good but is a bit small...can we zoom in slightly?
- in tabs on top, can we show a bit of an actual page below the wikipedia tab? (ex. cupcakes, Prince Edward Island, etc)
- reload/stop button - it's slightly confusing to see two screenshots there. How about adding text above each that reads "Reload:" and "Stop:"?
- home button - let's something different besides "Curly J Mozilla" in the tab...it's a bit random.
- panorama - show a 2nd grouping in there if possible
- sync - will attach an example of an alternate direction here
- performance - we need the new chart from http://www-fx4.stage.mozilla.com/en-US/firefox/performance/ here instead (also, note that even that chart still needs a bit of tweaking...new numbers are in bug 634970)
- 3D - how about a screenshot from the "Remixing Reality" demo on https://demos.mozilla.org/en-US/

Comment 7

[John Slater]

Attachment: sync screenshot direction

Direction for sync screenshot as promised in comment #6.

Comment 8

[John Slater]

Re: comment #5, the plugin check page sounds great for the 'stay in control' blurb. 

As for the mobile stuff, I'll ping Caitlin...she'll need to advise on that stuff.

Comment 9

[Caitlin Looney]

> 
> There are a lot of screenshots for the Mobile Features page that we'll need direction on (http://www-fx4.stage.mozilla.com/en-US/mobile/features/). We do
> have android devices and can take screenshots, but would need confirmation from
> the Mobile team on a few things:
> 
> Is the current beta in the Android Market UI-stable enough to take screenshots?
> Is a typical Android device screen size ok for the screenshots (We've got a
> Galaxy S with a 480 x 800 screen here, and an N900)?
> Are there other considerations we might not be aware of for mobile screenshots?

Beta 5 in the Android Market is great. We're about to spin RC, so you're good to go. Android shots are preferable, don't worry about N900.

Additionally, I've taken a bunch of screen shots to highlight Firefox mobile's features. Another designer, Rhonda, is working on making them better quality and inserting them into professional photos I got of an Android device (she's also removing the branding off the phone so that it's more generic looking). These are for the press kit, but I thought they would be great on Features pages too if they can be used. 

Here's the bug (I just added Steve) with screen shots and links to pro photos: https://bugzilla.mozilla.org/show_bug.cgi?id=637518
Phone photos w/ branding still: http://view.orangephotography.com/2011/get/4702psd.zip or you can see them and
download the jpgs here: http://store.orangephotography.com/245a453c

Comment 10

[Stephen DesRoches]

John: with the exception of the performance chart, the new screens have been committed in r84650 and r84652. I thought the 3D place holder was waiting for an embedded video from you, not a screenshot.

Comment 11

[John Slater]

The changes so far look great, thanks Stephen!

Comment 12

[Stephen DesRoches]

Updated screenshots have been committed in r84855 and html/css committed in r84857

Comment 13

[raymond [:retornam] (inactive)]

the features page has a missing screenshot under the WebM and HDVideo Section

Comment 14

[Steven Garrity [:sgarrity]]

(In reply to comment #13)
> the features page has a missing screenshot under the WebM and HDVideo Section

This was a placeholder for a video (not a screenshot), but I've added it in r85002.

Comment 15

[raymond [:retornam] (inactive)]

qa-verified-stage http://www-fx4.stage.mozilla.com/en-US/firefox/features/

Comment 16

[raymond [:retornam] (inactive)]

verified fixed http://www.mozilla.com/en-US/firefox/features/