Closed Bug 713673 Opened 13 years ago Closed 12 years ago

Create a 'Firefox and your devices' landing page

Categories

(Marketing :: Design, task)

Product:
Marketing
Component:
Design
Type:
task
Priority:
Not set
Severity:
normal

Tracking

(Not tracked)

Status:
RESOLVED FIXED

People

(Reporter: lforrest, Assigned: ltom)

References

Details

(Whiteboard: Due: 2/16)

Attachments

(4 files)

Firefox Devices pdf 02
337.67 KB, application/x-download
Details
Firefox Devices pdf 03
334.57 KB, application/x-download
Details
Firefox Devices pdf 04
351.21 KB, application/x-download
Details
Firefox Devices Sync
328.28 KB, image/png
Details 
So many devices, so many browser choices, so many app stores -- so much confusion. 

Let's make it clear how users can use Mozilla products across multiple devices on one engaging landing page.

Next Steps:
-Work with Chrissie to create wireframes and flesh out how to position this to be super consumer friendly and helpful
-Attach wireframes here and get graphics
Assignee: tshahian → christine.brodigan
Thanks LoFo, could you please also add some information around timing please?  When can we expect Wireframe? When is this site intended to go live (and so, when are designs due?) Who is drafting the initial bit of copy or providing copy direction for Matej? etc.  

Thanks.

cc-ing Matej for copy
cc-ing Lee on design
OS: Mac OS X → All
Hardware: x86 → All
LoFo or Chrissie, could you please share more information (esp regarding timing) when you have that?  Thanks.  Also, if there are related ux/wireframe bugs, please do add those here as well.
Thanks Tara! 

I'd like to aim for a late Feb launch for this landing page. We have a working mockup to share with you here, and want to get PMM feedback before proceeding to design work. 

Chrissie - please add mockup here! Thanks.
Thanks LoFo,  how does an eo-Feb go live date translate to a design handoff deadline? Please advise.
Mockup/Assets:

Functional prototype: http://moz.jbalogh.me/en-US/firefox/feechures/

First pass at copy: https://etherpad.mozilla.org/landing-page-content
This copy looks great. I just made some really small edits to the etherpad. I think this page is going to be great!
Awesome!

Assigning to Tara to assign to a designer:

Should use the /speed page template

Functional prototype: http://moz.jbalogh.me/en-US/firefox/feechures/

Finalized copy & outline of specific graphic needs: https://etherpad.mozilla.org/landing-page-content

Deadline: Is January 27 reasonable? If not, let us know what works better. There should be a need for new art, just repurposing existing artwork and the live personas functionality.
Assignee: cbrodigan → tshahian
Thanks guys,  quick questions:

*LoFo, last we spoke you said you'd need to run this through the PMMS for content curation etc... has that already been done? 

*CB: timing there is pretty tight, so I'm going to suggest early February for now - if that still helps you guys hit your late Feb release date.  lets discuss next week.

*Content: I don't see how we're only repurposing existing graphics, we can tap some existing artwork but it's not so simple:

* Laptop / Desktops: we don't have existing photographs of these devises, we've generally only shown screenshots / cropped and focused on particular features / UI.  Is there any additional direction here as to what we should show? 

* Tablets and Phones: we've got this one covered.

* Decorate: Do we want to show a mockup of this in-device? If so, we'd need to see what assets we have and what needs to be created so this is a powerful graphic.

* Favorite add-ons:  Don't have existing graphics here, unless we want to use the AMO video.  Thoughts / suggestions?

* Sync: What do we want to show here? I think we have an existing multi-devise graphic produced to show Sync... we can probably repurpose that one.

-------

In terms of screenshots and so on, do we just want to repurpose old screenshots? for products like mobile, we have to make sure we have the latest UI, etc...  do we want to maintain a consistent visual style across these? for AMO, as an example, the video style may not tie in closely to the rest of the device-photographs and so on.  So, just trying to see if you care about that right now, or not.
ping?
assigning to Lee.  But lets discuss scope and deadline a little more before getting started.  Lee is currently slammed on Flicks, but would like him to help with this if he can.
Assignee: tshahian → ltom
Status: NEW → ASSIGNED
(In reply to Tara (musingt) from comment #10)
> assigning to Lee.  But lets discuss scope and deadline a little more before
> getting started.  Lee is currently slammed on Flicks, but would like him to
> help with this if he can.

Sounds good - we're meeting to get feedback from the PMM team on this today. Once I have that, I'll add here and we can kickoff with Lee Tom, designer extraordinaire.
(In reply to Tara (musingt) from comment #8)
> Thanks guys,  quick questions:
> 
> *LoFo, last we spoke you said you'd need to run this through the PMMS for
> content curation etc... has that already been done? 

Yesterday we met with LoMo and JFu. I think it's fine if the rest of the PMMs this affects will be "informed" during the creative review since this page is more of a Engagement landing page than a product piece that will live on our site forever. 
 
> *CB: timing there is pretty tight, so I'm going to suggest early February
> for now - if that still helps you guys hit your late Feb release date.  lets
> discuss next week.

Update: We'd like this to be the feature of the February newsletter which drops 2/29. To get this page published well before then a good asset handoff date would be 2/16. 

> *Content: I don't see how we're only repurposing existing graphics, we can
> tap some existing artwork but it's not so simple:
> 
> * Laptop / Desktops: we don't have existing photographs of these devises,
> we've generally only shown screenshots / cropped and focused on particular
> features / UI.  Is there any additional direction here as to what we should
> show? 

Good question - since this landing page targets existing users this laptop/desktop module's CTA will focus on making sure users Firefox is up to date. It would be cool to use something like the existing speedometer graphic, and its functionality (need to check w/Dev on that piece) as the graphic here, but we can discuss more. I'd love to hear your ideas. 
 
> * Tablets and Phones: we've got this one covered.

These are now broken out into two different modules in order to emphasize the overarching "we work on multiple devices" message of this page. 

That said, the Tablet and Phone graphics should be different. 

> * Decorate: Do we want to show a mockup of this in-device? If so, we'd need
> to see what assets we have and what needs to be created so this is a
> powerful graphic.

Since the focus is on devices, we've removed this panel. 

> * Favorite add-ons:  Don't have existing graphics here, unless we want to
> use the AMO video.  Thoughts / suggestions?

Let's discuss this a bit more - in general this module should focus on the fact that add-ons work on devices as well. Sort of a "take your favorite add-on with you" type of thing, so I don't think the general video will be the best. 

A new graphic may be needed - let's talk. 

> * Sync: What do we want to show here? I think we have an existing
> multi-devise graphic produced to show Sync... we can probably repurpose that
> one.

That would be p-e-r-f-e-c-t!
 
> -------
> 
> In terms of screenshots and so on, do we just want to repurpose old
> screenshots? for products like mobile, we have to make sure we have the
> latest UI, etc...  do we want to maintain a consistent visual style across
> these? for AMO, as an example, the video style may not tie in closely to the
> rest of the device-photographs and so on.  So, just trying to see if you
> care about that right now, or not.

We don't care too much about this since this is a one-off landing page that won't (at this time at least) be a permanent part of our site.
Whiteboard: Due: 2/16
Hi there.  Thanks for the meeting.  Few follow up thoughts to recap (and questions), below, and also inline:

* I know this was intended to be more of an engagement piece, treated as a limited time campaign page, but I see lots of value in having a "devices" landing page.  There are so many instances where we could benefit from a link to such a landing page (like MWC to name one).  So, just wanted to mention that since I think it would be good / ideal to work towards such a [more permanent] page. That said, I understand that is not the goal here.

* Given that this is a presentation of Firefox across devices, my recommendation would be to keep with that theme (visually) and communicate this through images of the devices across each category.  So, even for things like desktop/laptop (where we're inserting speed/upgrade cta) and Add-ons... it would be nice to put these in context of the devices...somehow.

(In reply to Laura Forrest from comment #12)

> > * Laptop / Desktops: we don't have existing photographs of these devises,
> > we've generally only shown screenshots / cropped and focused on particular
> > features / UI.  Is there any additional direction here as to what we should
> > show? 
> 
> Good question - since this landing page targets existing users this
> laptop/desktop module's CTA will focus on making sure users Firefox is up to
> date. It would be cool to use something like the existing speedometer
> graphic, and its functionality (need to check w/Dev on that piece) as the
> graphic here, but we can discuss more. I'd love to hear your ideas. 


* I'm not sure how to best articulate my thoughts here... but I'm not entirely sold on the speedometer graphic being the best solution.  For one thing, it was a graphic produced [rather quickly] for the speed test which was an upgrade campaign focused specifically on folks using 3.6 and focusing on Speed as the main prop value to switch.  Here, we're getting folks who are:  potentially on older version of FF yes, folks who are up-to-date, and folks who are non-FF users.  I feel like we're not really solving across our audiences here and if this is the first section that we land on... it can be a little confusing.   

* For folks who are on 3.6 and need an upgrade CTA...  if the speedometer is the desired approach, then lets try and find a way to put that in the appropriate context vs. just copy/pasting the speedometer over.

* For folks who are existing users and on the latest versions... it would probably be more valuable for them to learn about other ways of experiencing Firefox (across devices) and so on.  

* And for folks who are not on FF, well... a general CTA to download FF with the appropriate graphics (i.e. laptop product shot) would be ideal. 

* Fwiw, Im actually also referencing the Google Chrome gadgets page, which has 5 categories total (but edits the list to 4 categories and changes one of the blocks based on the audience (existing user / non existing user).  For existing Chrome users, you jump straight into related offerings (Google search, etc), and for non-existing Chrome users, you get the standard "get Chrome" on desktop block.  

Just my 2 cents here.  


> 
> > * Favorite add-ons:  Don't have existing graphics here, unless we want to
> > use the AMO video.  Thoughts / suggestions?
> 
> Let's discuss this a bit more - in general this module should focus on the
> fact that add-ons work on devices as well. Sort of a "take your favorite
> add-on with you" type of thing, so I don't think the general video will be
> the best. 
> 
> A new graphic may be needed - let's talk. 

Noted.  echoing my other comment, it would be nice if we can contextualize these somehow vs. just showing the add-on icons in a standard promo slide.  But if we just need to do a basic presentation of the add-ons (as is the case on AMO's homepage) then we can fall back on that.


> > In terms of screenshots and so on, do we just want to repurpose old
> > screenshots? for products like mobile, we have to make sure we have the
> > latest UI, etc...  do we want to maintain a consistent visual style across
> > these? for AMO, as an example, the video style may not tie in closely to the
> > rest of the device-photographs and so on.  So, just trying to see if you
> > care about that right now, or not.
> 
> We don't care too much about this since this is a one-off landing page that
> won't (at this time at least) be a permanent part of our site.

Ok, though I disagree here :)  I don't see how it would make sense (even for a temporary page) to showcase screenshots of old product UIs :)   whatever we show, it should be the latest and more accurate screenshot as approved by the PMMs.

-----

General thought on layout:

* Referencing the google gadgets page - you noted that you liked the more "airy" feel of it.  It's Apple-esque actually... crisp and clean.  We'll do our best to echo this of course, but one thing to factor in here is that in Google's approach, they've placed the content blocks/categories/tabs at the bottom, which frees up the entire width of the page above.  However in our layout, the categories are stacked in a list to the left, which reduces the available space (as compared to the Google example).  Not a huge deal, but just to point that out. I'm sure Lee can work his magic here.
Lots of great feedback here, thanks Tara! At this point let's see what fabulous design Lee comes up with and go from there. 

Timing: the newsletter drops on 2/29 so a hand-off on the 16th still works well.
Thanks good, thanks LoFo.  Just wanted to make sure we give Lee some creative liberty here to explore potentially better solutions, as needed, vs. following the mockup as literal direction.  

Stay tuned...
Depends on: 721132
Tara- when can we expect the first round of creative reviews? Lee gave me a glance, and I'm excited!
I saw a glance last week as well. Looking good.  I'll let Lee speak to your question.  But hopefully (assuming) the answer is very soon.
Attached file Firefox Devices pdf 02 — 
Hi all, 
I've been working very closely with Sean adapting and refining styles from our new One Mozilla site design. These pages are designed to work responsively, and the navigational elements provide 3 different ways to toggle through each device: 
- horizontal navigation above feature img (also informs user of feature sequence)
- left and right arrows (we can implement some cool CSS movement and color shift, similar to http://mozilla.seanmartell.com/csstransitions/)
- pan dots below the promo (which also inform user of feature sequence)

Please note that all feature graphics are a work-in-progress. Hopefully, seeing what I have mocked up here in context, will inform us to the best visual solutions - let's discuss!
At a glance ---> awesome :) 

Thanks Lee!  will dive into more details with a fresh[er] pair of eyes tomorrow.
Great work so far.
Looks amazing, Lee. Love it!
The first Creative Review - woo hoo! Thanks, Lee. 

I'll take a look this morning, and route to the other campaign stakeholders involved. I'll then combine the feedback, then update this bug so any changes we need to make can be a bit more streamlined.
Thanks Lee. These pages look great - so nice to see the One Mozilla theme put into practice like this.

Two nits from me:
- the Android buttons look huge and not very buttonish. What was wrong with our previous button style?
- the Firefox logo/wordmark in the upper left doesn't feel quite right. For one thing, it should use the lockup that includes Mozilla in it. Also, it's pretty big and lower down on the page than we currently do...was there a particular reason for changing that?

Thanks again-
> Two nits from me:
> - the Android buttons look huge and not very buttonish. What was wrong with
> our previous button style?
> - the Firefox logo/wordmark in the upper left doesn't feel quite right. For
> one thing, it should use the lockup that includes Mozilla in it. Also, it's
> pretty big and lower down on the page than we currently do...was there a
> particular reason for changing that?

Hey John, good questions/nits about sizes and margins. We're trying establish spacing relative to our responsive guides/margins that are set to 24px. I think there are ways I can play with both of these elements that address your concerns while adhering to our new styles.. stay tuned. 

Sean may have more to say regarding the logo/wordmark placement, but I can also chat with him offline and comeback with a new version next time.
Hi all,

Overall I love the direction of the new design and can't wait to see this look site-wide. 

 I have a few nits from the product side of things in terms of copy & graphics being a bit off for some of the slides.

Slide 1: I like the graphic, although in some ways it's not incredibly obvious its a laptop screen (could also be a tablet/ipad screen maybe?). Is there a way to make that more obvious somehow?

I'm also guessing we'll use a download much like what you have spec'd out in slide 3 and 5?

Slide 2: The Fx logo looks like its hovering over the phone. I think it feels weird to me because the phone feels 3 dimensional and the logo is 2 dimensional, but it feels a little weird to me. 


Slide 3: Love it. 


Slide 4: The headline of taking control doesn't fit the imagery to me. If it hadn't been for the graphics I would have had no idea you were talking about add-ons.  I think we need to be more specific here in terms of copy. 

Slide 5: The screenshot for sync feels weird to me. I'll let Greg comment here, but the screenshot looks like we're showing off switch to tab feature, not sync. Also, never lose track of anything as a headline makes it sound like Sync is a back-up service...which it isnt. I think we should consider going back to the two device way of trying to explain sync. Otherwise, you think its a desktop only back up feature.
(In reply to Laura Mesa [:lmesa] [:lvmesa] from comment #24)
>
> Slide 4: The headline of taking control doesn't fit the imagery to me. If it
> hadn't been for the graphics I would have had no idea you were talking about
> add-ons.  I think we need to be more specific here in terms of copy. 

My first two thoughts are to make the button say "Get started with add-ons" or to add it to the line of copy:

"These are just three of our favorite add-ons..."

Let me know what you think.
Adding Greg for his input on Sync.
Quick thoughts:

>Overall:
* Looks great
* Love the navigation strip at the top.  Lee, maybe you can include a similar little marking / tab ( that you have over "about" in the header nav) in the white strip to connect the device heading to the content below it?  Unless that feels redundant.
* Agree that the buttons are a little big/weird.

>Desktop / laptops
* Agree with LoMo's comment re: device illustration.  We don't have laptop/desktop illustrations as far as I know (in the same style as our mobile ones) So, Lee is working on creating those (I believe).  

>Smartphones
* Looks good

>Tablets
* Looks good

>Add-Ons
* Agree that the copy and visuals don't really communicate add-ons clearly.  Since we don't have a graphic right now for a general "add-ons" message, we should be sure that it's clearly called out in the copy / header.  The only place I see the word add-ons is tiny links at the bottom of those promos :)
* Is there a reason why we're pushing "control" vs. "customization"?  

>Sync
* Also agree with the feedback here so far.  I think Lee was just dropping in some FPO content for the graphics.  He has done some great stuff for us before with multi-device presentation of Sync: http://www.flickr.com/photos/musingt/6026337253/in/set-72157627271263053/  
* It would also be nice if we can incorporate a desktop/laptop illustration to this set.  And, for what it's worth, Chrome is showing 4 devices in their ads: Stationary PC, laptop, mobile phone, and tablet.  So, not saying we need to squeeze all that into this tiny canvas, but something to keep in mind. 
* The header should probably read "synchronize your browsing" blah blah, with Sync... we also used to lean on the "on the go" message quite a bit, seems like we've moved away from that but I'm not sure why.

>re: Smartphones
I know that in the past we've tried to clearly highlight "Android" either in the copy or using the Green dude when appropriate.  Is that something we want to consider here?  for MWC Chris definitely wanted us to leverage the Android identity (without it overpowering our own of course) to communicate our Firefox for Android offering.
I'd really like our copy — and our headlines in particular — to be more user benefit driven than product feature driven, so I'd rather keep "add-ons" and "Sync" out of the headlines for those sections.

We could say "Take control of your Web with add-ons," but I think saying "Take control of your Web from any device," as it reads now, tells a lot more of the story, that it's not just on your desktop. I think it's better to keep "add-ons" in the copy or on the button, like the Sync page.

Similarly for Sync, I think "Never lose track of anything again" is a much more compelling line than just saying what Sync does. Especially since we're doing something new with this page and presenting it in a new layout, it would be great to try something different with the copy.
+1 for comment #29. Let's be benefits-driven whenever and wherever possible.
(In reply to John Slater from comment #30)
> +1 for comment #29. Let's be benefits-driven whenever and wherever possible.

I agree with being benefits driven, but I don't think what we're saying for Sync is accurate in terms of what the product benefit is.  "Losing track" to me says back up service and we're specifically trying not to say that. Something along the lines of "stay in sync with Firefox when away from home" or something similar is much better in terms of product messaging. I know its subtle difference, but I think its an important message to get right. 

As for add-ons, I'm not sure what "take control" means, an especially in terms of add-ons, it doesn't make sense. Are we talking about privacy? Are we taking about agency? Are we talking about security? And how do add-ons improve that? It's not very logical to me.  I think what you're trying to say is something around the idea of customization and being able to adapt the browser to your tastes and that isn't coming through to me with that headline.
I think we're picking at nits here and that both those lines are really great ways of describing the benefits of their respective products. If we need new lines, however (not sure whose call this is), here are a couple of alternates:

Add-ons:
Customize your browsing on any device.

Sync:
Stay in sync, even when on the go.
(In reply to Matej Novak [:matej] from comment #32)
> 
> Add-ons:
> Customize your browsing on any device.
> 
> Sync:
> Stay in sync, even when on the go.

I much prefer these alternates, thank you.
Hi Guys - If you've commented already, that's fine, but please add your comments to this etherpad which I sent around via email so this feedback string doesn't get super long:

https://etherpad.mozilla.org/DevicesCreativeReview1

Thanks!
Lee/Matej - here's the final feedback to incorporate into the next round. https://etherpad.mozilla.org/DevicesCreativeReview1

We got some really great suggestions that will surely make this page even stronger than it is now. Note: like in every creative review, we can't promise to engage with every suggestion or change, but I'm confident the tweaks we make in this next round are the right ones to help this page meet it's ultimate objective. Thanks for your patience!
Just went through and made some updates and edits. Let me know if you have any questions or need anything else.
Blocks: 726676
Attached file Firefox Devices pdf 03 — 
Hi all,
Thanks for the great feedback on the etherpad. Attached is another PDF for your review. There may be few holes left, but I believe that most of the feedback was addressed for the better, and we're getting close. 

Some notables:

High-level revisions
- Replaced page header logo with Mozilla Firefox wordmark
- Social media/sharing links added to footer of the page (Laura is looking into any implementation challenges)
- Regarding BFB buttons and "normal" buttons... I've been working with Sean and Ty on developing updated buttons for One Mozilla (new styles and good for responsive design.) These spawn from that work. Currently we use a combination of blue and green for primary (download) and secondary (sometimes, download) CTAs. I think we need to address this more concretely, but for now I have been using the updated styles in green (also a distinction from Google's blue buttons) 

Desktop & Laptop
- brought the dynamic speedometer graphic into this slide, letting users know if they need to upgrade their Firefox.  I turned on both sets of messaging for your review. 
- Headline has changed

Smartphone
- Upgrade Firefox button
- "iPhone user? Click here." added

Tablets
- new headline
- "iPad user? Click here." added

Add-ons
- more contextual CTA
- subtext moved below Add-on thumbs to avoid visual clutter in main message

Sync
- new headline
- new CTA
- hero graphic to show 3 devices: desktop, tablet, and smartphone
- suggestions/feedback about what to display on each device is welcome!
Looks great, Lee! Just noticed that there's a word missing in the line under the add-on icons. Should be "These are just three of our favorites, but there are thousands more."

Sean and I are in the process of figuring out so style details for One Mozilla, so the headline might change from title case to sentence case, but that can be done on implementation. I'll keep you posted.
Thanks, Matej - sorry about that typo. Also, I wanted to mention that my Tablets slide is missing the < > arrows (had that layer turned off by accident) in the latest mock-up.
Fantastic - here's a etherpad for the next round of creative: https://etherpad.mozilla.org/DevicesCreativeReview2

Let's give our input by EOD.
Can someone send me the attachment? Download doesn't work. Laura, I'll have my feedback ready tomorrow morning CET.
(In reply to Gregory Jost from comment #41)
> Can someone send me the attachment? Download doesn't work. Laura, I'll have
> my feedback ready tomorrow morning CET.

Sent!
(In reply to William Reynolds [:williamr] from comment #42)
> (In reply to Gregory Jost from comment #41)
> > Can someone send me the attachment? Download doesn't work. Laura, I'll have
> > my feedback ready tomorrow morning CET.
> 
> Sent!

Thanks William!

Lee and Matej - The second round of creative review is now Fini - have a look!

In general, we're very close - the main open item is nailing down the Sync graphic (which will be great to have to put other places, once we crack the nut with this page) and a couple of small text change suggestions. 

Have at it:
https://etherpad.mozilla.org/DevicesCreativeReview2
Done and done. Let me know if I missed anything.
Attached file Firefox Devices pdf 04 — 
Hi all,
Thanks for the quick feedback. I think I addressed most everything from the etherpad, but I'm not sure what the specific direction was on the Sync screens to show. I mocked up the Red Pandas, taken directly from what we've been using on our Android Devices promotions.
Lee, maybe I can provide a little more guidance here. 

I am thinking that for this to work, the devices probably need to be full-frontal. There are little details that make all the difference.

Take this as an example of how Google did it for Chrome Android: http://bit.ly/AFcpJk.
I was suggesting to do something in this spirit: the laptop showcases a page, the phone shows the page appear in the open tabs, and the tablet shows the site appear in the awesome bar results.

Would it help to jump on a call to discuss in more details?
Matej, Lee: I am not very comfortable showing a very partial list of the Sync functionalities. Just bookmarks and browsing history sounds pretty poor and unexciting. Now, I also understand it's complex to mention add-ons and open tabs without being misleading and imply they work cross-device types. So I suggest we simply stick to the initial CTA for now. Does that make sense?
(In reply to Gregory Jost from comment #47)
> Matej, Lee: I am not very comfortable showing a very partial list of the
> Sync functionalities. Just bookmarks and browsing history sounds pretty poor
> and unexciting. Now, I also understand it's complex to mention add-ons and
> open tabs without being misleading and imply they work cross-device types.
> So I suggest we simply stick to the initial CTA for now. Does that make
> sense?

That would be my preference. Let's go back to that. Thanks.
Hi all, haven't seen this yet - chiming in a little late. Here's my 2 cents: 

SLIDE 2
The positioning is there, but I don't think the copy would make much sense to someone who isn't familiar with mobile. The "no compromise" message was meant to be a theme on positioning, but without context it sounds like users were about to be compromised by downloading it but we fixed something so now they won't be compromised now (does that make sense?) I would recommend something along the lines of "Get to the Web quickly, easily, and with less typing". See comment for Slide 3 for "iPhone user? click here" comment

SLIDE 3
copy is good. At first glance though, it's not very clear to me that this is for Android tablets - and the "iPad user? click here" link makes me think there's a Firefox for iOS...which there isn't. Can we do something like "iPad user? Get Firefox Home" instead? 

SLIDE 5
-Agree with Greg that the partial list of Sync functionalities is pretty unexciting. It doesn't mention sync'ing passwords, and we're pushing that feature pretty hard for mobile since it's what makes the experience quick and easy. 
-Are we showing responsiveness design with all the different screen sizes? Just wondering because the screenshot in the smartphone is Wikipedia while the desktop/tablet is Flickr
(In reply to Jaclyn Fu from comment #49)
> Hi all, haven't seen this yet - chiming in a little late. Here's my 2 cents: 
> 
> SLIDE 2
> The positioning is there, but I don't think the copy would make much sense
> to someone who isn't familiar with mobile. The "no compromise" message was
> meant to be a theme on positioning, but without context it sounds like users
> were about to be compromised by downloading it but we fixed something so now
> they won't be compromised now (does that make sense?) I would recommend
> something along the lines of "Get to the Web quickly, easily, and with less
> typing". See comment for Slide 3 for "iPhone user? click here" comment

I still feel like this works well and that users won't be bringing the same baggage to the copy that we might. I think it's a strong statement and quite empowering. "Get to the Web quickly & easily, with less typing" works fine, it's just not as compelling.

 
> SLIDE 3
> copy is good. At first glance though, it's not very clear to me that this is
> for Android tablets - and the "iPad user? click here" link makes me think
> there's a Firefox for iOS...which there isn't. Can we do something like
> "iPad user? Get Firefox Home" instead? 

I thought there was a specific reason we worded it this way, something related to Firefox Home being phased out, but I'm OK with the suggestion above, if we can do it.


> SLIDE 5
> -Agree with Greg that the partial list of Sync functionalities is pretty
> unexciting. It doesn't mention sync'ing passwords, and we're pushing that
> feature pretty hard for mobile since it's what makes the experience quick
> and easy. 

We decided in comment 47 and 48 to go back to an older version of the headline here so we don't only list some of the features, but not all. If we just call out passwords, it makes it sound like that's all it does.
(In reply to Matej Novak [:matej] from comment #50)
> (In reply to Jaclyn Fu from comment #49)
> > Hi all, haven't seen this yet - chiming in a little late. Here's my 2 cents: 
> > 
> > SLIDE 2
> > The positioning is there, but I don't think the copy would make much sense
> > to someone who isn't familiar with mobile. The "no compromise" message was
> > meant to be a theme on positioning, but without context it sounds like users
> > were about to be compromised by downloading it but we fixed something so now
> > they won't be compromised now (does that make sense?) I would recommend
> > something along the lines of "Get to the Web quickly, easily, and with less
> > typing". See comment for Slide 3 for "iPhone user? click here" comment
> 
> I still feel like this works well and that users won't be bringing the same
> baggage to the copy that we might. I think it's a strong statement and quite
> empowering. "Get to the Web quickly & easily, with less typing" works fine,
> it's just not as compelling.

Agree Matej, let's go with the "no compromise" - I think it's pretty clear, and for this landing page, does what we need it to do in a more captivating way. 
  
> > SLIDE 3
> > copy is good. At first glance though, it's not very clear to me that this is
> > for Android tablets - and the "iPad user? click here" link makes me think
> > there's a Firefox for iOS...which there isn't. Can we do something like
> > "iPad user? Get Firefox Home" instead? 
> 
> I thought there was a specific reason we worded it this way, something
> related to Firefox Home being phased out, but I'm OK with the suggestion
> above, if we can do it.

There is - I chatted with JFu and we're good to go on this one. Please keep as is - we do want to address the elephant in the room and explain to people why there's no iPhone on this devices page, and since this link goes to http://support.mozilla.org/en-US/kb/will-firefox-work-my-mobile-device?s=firefox+on+iphone&r=1&e=sph&as=s#w_firefox-home-for-iphone it will accomplish that (while plugging Home).  
 
> > SLIDE 5
> > -Agree with Greg that the partial list of Sync functionalities is pretty
> > unexciting. It doesn't mention sync'ing passwords, and we're pushing that
> > feature pretty hard for mobile since it's what makes the experience quick
> > and easy. 
> 
> We decided in comment 47 and 48 to go back to an older version of the
> headline here so we don't only list some of the features, but not all. If we
> just call out passwords, it makes it sound like that's all it does.

Let's go ahead with what was decided by Greg in Comment 47. Remember, the purpose of this Sync panel is to give the most captivating, accurate, overview of Sync as possible, so these users want to learn more on the next page we link them to to take action (http://www.mozilla.org/en-US/mobile/sync/)
So, I'm looking at slide 2 and I agree with Jaclyn that the copy "no compromise" shouldn't be used verbatim in the second line.  It was used as the positioning for the product, but that doesn't mean it should be used in the actual copy we publish. 

I guess what I'm saying is we're missing the context in the copy of why its not a compromise. I think Jaclyn means that "No compromise" makes sense as part of the idea that fennec "is not a watered down browser" and that its just as fully featured and easy to use as desktop, but that idea isn't coming through. 

As Jaclyn owns the sign off on this product and its positioning, I suggest that we circle up again on this one again.
Thanks JFu and LoMo - Then it looks like the only open question before we close out this bug is the headline for mobile. Let's change the "No Compromise" to:

Choices:
1.  Change it to ""Get to the Web quickly & easily, with less typing"" mentioned before

2.  Matej - come up with something else that may be more compelling than that - up to you
Laura, Lee: not sure if we have addressed comment 46? Let me know how I can help.
(In reply to Laura Forrest from comment #53)
> Thanks JFu and LoMo - Then it looks like the only open question before we
> close out this bug is the headline for mobile. Let's change the "No
> Compromise" to:
> 
> Choices:
> 1.  Change it to ""Get to the Web quickly & easily, with less typing""
> mentioned before
> 
> 2.  Matej - come up with something else that may be more compelling than
> that - up to you

I still think we're weakening the impact of the line without including the "without compromise" messaging, but 1. above looks fine to me. Otherwise we could reverse the order to be more in line with some of our other copy:

Browse less, type more and get to the Web quickly and easily.
"Browse less, type more"? When did we decide browsing less was good? ;)
(In reply to Gregory Jost from comment #56)
> "Browse less, type more"? When did we decide browsing less was good? ;)

Oh yeah, it's totally part of our new messaging. Didn't you hear? Hot of the presses at MWC. The Twitterverse is abuzz with the news.

Er, I mean, oops:

Type less, browse more and get to the Web quickly and easily.

(Thanks for catching that.)
Thanks for all the great feedback everyone. Attached is the latest round of mockups for your review. Laura and I went over the most current revisions to make, this morning. Greg, I'm hoping we can achieve the level of detail you were suggesting (comment 46) to tell the Sync story, on the landing page for Sync vs. a more high-level approach here. 

http://cl.ly/2V2k0H1o3q3a0H2T0C0f
(In reply to Lee Tom from comment #58)
> Thanks for all the great feedback everyone. Attached is the latest round of
> mockups for your review. Laura and I went over the most current revisions to
> make, this morning. Greg, I'm hoping we can achieve the level of detail you
> were suggesting (comment 46) to tell the Sync story, on the landing page for
> Sync vs. a more high-level approach here. 
> 
> http://cl.ly/2V2k0H1o3q3a0H2T0C0f

I like it Lee, no more changes from me. 

Let's wait till tomorrow morning to let people comment specifically on:
-Sync graphic/copy
-Any other small tweaks to make this page stronger

Other than that, we should move this over to WebDev ASAP.
Looks great, Lee! Just a couple of really small things from me that we can probably update during implementation:

• Please add a period to the last two headlines to be consistent with the others.

• I know we have a big button to "Browse Add-ons," but I wonder if "thousands more" should also be a link to AMO. What do you think?

• Speaking of that, the O on the button should be lowercase: "Browse Add-ons"

Thanks!
Thanks for the catches, Matej. I think making the "thousand more" a link to AMO is a good idea. I'll make those changes today.
(In reply to Lee Tom from comment #61)
> Thanks for the catches, Matej. I think making the "thousand more" a link to
> AMO is a good idea. I'll make those changes today.

+1 to adding in a link there.

Lee - please post the PSDs here and close this out once you're done. 

Woo hoo!
I know you were hoping to close this - sorry - but for Sync, is there any chance my initial comment on the desktop screen can be addressed? I understand it might be iMac inspired but it still really looks like a big tablet to me. Can we do something to differentiate it from the tablet a little more? Maybe use a laptop illustration?
Attached image Firefox Devices Sync — 
Hey Greg,
Hoping this new graphic meets your needs! I think it is much clearer that the desktop display is indeed showing a desktop with a browser window, open to the Flickr page. Thanks to LoFo and John for the suggestions and quick-turnaround feedback. 

If anyone has any more feedback, please get it to me ASAP bc I would LOVE to post final files and close this project out. Thanks
Final PSD and PDF (reference file)
http://cl.ly/081h3L0y1E2h1O3t0j0P

\o/\o/\o\/o\/o\/o|
(In reply to Lee Tom from comment #65)
> Final PSD and PDF (reference file)
> http://cl.ly/081h3L0y1E2h1O3t0j0P
> 
> \o/\o/\o\/o\/o\/o|

Thanks Lee!

I like the iteration you've done to the Sync module - it definitely looks like a desktop monitor at this point. 

Closing this bug!
Status: ASSIGNED → RESOLVED
Closed: 12 years ago
Resolution: --- → FIXED
Re-posting the reference PDF here:
http://cl.ly/2T2s1A461W3v2B260g2Z

the last version was missing Desktop slide.
Status: RESOLVED → UNCONFIRMED
Ever confirmed: false
Resolution: FIXED → ---
Blocks: 726681
Status: UNCONFIRMED → RESOLVED
Closed: 12 years ago → 12 years ago
Resolution: --- → FIXED
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: