Closed Bug 674027 Opened 14 years ago Closed 14 years ago

Design WN Promo for Panorama

Categories

(Marketing :: Design, task)

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

Tracking

(Not tracked)

Status:
VERIFIED FIXED

People

(Reporter: lmesa, Assigned: ltom)

References

Details

Attachments

(1 file, 1 obsolete file)

Mock
228.40 KB, image/jpeg
Details
Attached image Ugly Panorama WN page drawing. (obsolete) —
Like to do a Desktop promo on the WN page for Firefox 6 release. I'd like to have a cute tagline to do with "grouping". Some thing along the lines of Group & browse or something similar. Matej, maybe you can come up with something a little cooler for that? I want this promo to really show off the groups of pages you have with panorama and how easy it is to move those tabs to different groups in the panorama view. See my lovely sketch as some inspiration. There's been a lot of excitement with google + and moving people into circles (plus its addictive). I'd love to take that concept and get people addicted to grouping (hence my horrible drawing). Be great to have this designed this week so SO can implement next week.
Blocks: 674033
Attached image Mock —
It would be interesting to have space be part of the creative, making it seem like there are tons of different kinds of tab groups.
Attachment #548262 - Attachment is obsolete: true
Hey Laura, can we just use your sketch and plug that in? :) I'm gonna have Lee whip something awesome for us here. Only thing to note though is that the sketch you did assumes greater space to play with than what the promo actually offers (it's a shorter promo space). But we can work with it. Leeeee !! floor is yours.
Assignee: tshahian → ltom
I know I have artistic skills ;) Thanks lee--Let me know if you want me to explain what kind of crazy stuff I'm thinking about!
Well, it might be nice to have a quick chat about this today if yo'ure free (since Lee is here). I don't think we can get TOO crazy here given the timeline and also the fact that the upper promo slot isn't THAT big. I was thinking we coudl possibly take a more artful approach to showing Panorama (like the Jess3 video) vs. doing screenshots. What do you think about that?
I may have to tap your brain Laura. Going off your sketch may produce robot-squids and Christmas trees. Totally what you're going for, right?
(In reply to comment #5) > I may have to tap your brain Laura. Going off your sketch may produce > robot-squids and Christmas trees. Totally what you're going for, right? Love it. Can we be sure this is animated please?
(In reply to comment #5) > I may have to tap your brain Laura. Going off your sketch may produce > robot-squids and Christmas trees. Totally what you're going for, right? Exactly what I was thinking!(In reply to comment #6) > (In reply to comment #5) > > I may have to tap your brain Laura. Going off your sketch may produce > > robot-squids and Christmas trees. Totally what you're going for, right? > > > Love it. Can we be sure this is animated please? Animated Gif would be ideal.
> Animated Gif would be ideal. Sorry, we only do Flash.
(In reply to comment #8) > > Animated Gif would be ideal. > Sorry, we only do Flash. I think it's time for a "Sorry, we only do Flash" T-shirt. Anyway, here are some options for the line: Group the Web. Group Your Web. Group Your Tabs. Browse in Groups. Put Your Web in Groups. Browse Your Web in Groups. Group. Browse. Organize. Browse Organized.
I like "Group. Browse. Organize." The other thing you should be aware of, matej, is there will likely be more copy to deal with, but will likely be dependent on the fabulous design lee comes up with (no pressure).
I like "Group. Browse. Organize." and "Browse Organized." too - I guess, it's the word, Organize that I like :) And yes, additional copy will likely be needed to call out a few features via our famous dashed lines - think: robot-squids and Christmas trees
(In reply to comment #11) > think: robot-squids and Christmas trees Those are my specialties! Yeah, I figured we'd probably need some more text. I'll sit tight and see what Lee comes up with.
Here's a first pass at the Panorama promo: http://intothefuzz.com/leetom/Mozilla.com/JPG/whatsnew_panorama_01.jpg Next steps? - It would be great if we could decide on the 3 features to highlight (this will inform the layout of Groups and site thumbs etc.) - Decide on the 3 themes of Groups. "News, Treats!, and Social Networking" are all FPO, but once we figure out themes, it would be great to have some suggestions on what sites work well within those. All copy besides the header, is FPO
Looks like a great start to me. Agreed with Lee that some additional content direction will help. And, when we add the 'real' copy, let's try to make it shorter than what's on there now...the lorem ipsum feels a bit cluttery.
(In reply to comment #14) > Looks like a great start to me. Agreed with Lee that some additional content > direction will help. And, when we add the 'real' copy, let's try to make it > shorter than what's on there now...the lorem ipsum feels a bit cluttery. You're a lorum ipsum hater. I knew it!
I said this to Lee offline, but.... looks awesome to me. Great start. Laura, I hope this is floaty enough for you :)
Lee- This looks great! I love the name the tab feature. The other two features should likely be -search for tabs: the magnifying glass in the top right corner. when searching tab urls, the tab that meets the search query glows within the panorama space making your tabs easy to find, even in tab stacks. -Draggable tabs: Use your mouse to drag and manipulate your tabs and tab groups into manageable and focused browser spaces. (Matej, feel free to clean up my lack of prose). I know featuring search likely means we'll do another one of those magnifying glass things like we did with panorama on the fantastic tabs promo. Also, I'm wondering if we should include a screenshot of how to get to panorama, since its not a default feature? Only other general question is, do we usually do platform specific screenshots for each creative we do? So would we need to do another version for windows and another for linux?
(In reply to comment #17) > Only other general question is, do we usually do platform specific > screenshots for each creative we do? So would we need to do another version > for windows and another for linux? Yep, we would. Usually silverorange builds those out for us.
I did two versions of copy, though fairly similar. The subheads are different and in the first the feature names play off the headline; they're more straightforward in the second. Thoughts? Group. Browse. Organize. Too many tabs? Reclaim your browser from the clutter. Group Give each group a name. Browse Easily find any tab. Organize Drag your tabs and groups around. Group. Browse. Organize. Arrange your open tabs into groups with Panorama. Name Group your tabs by name. Search Easily find any tab. Drag Move your tabs or groups around.
(In reply to comment #19) > I did two versions of copy, though fairly similar. The subheads are > different and in the first the feature names play off the headline; they're > more straightforward in the second. Thoughts? I really like both of them. I'm leaning towards #1, but am worried it might be weird to have those key words twice on the page. Can we see what the page looks like with option 1 and then update if needed?
Hi all. I mocked up both versions to see how this all felt in action. I'm leaning towards Matej's second version of copy, mostly bc in repeating the words from the header, I felt compelled to keep the order of words in the callouts (Group. Browse. Organize.) which puts Browse in the middle. The magnifying glass icon is located on the right side of the window (3rd in order) so having Search/Browse last helps compositionally, as well. I also added a zoom bubble and some FPO copy under the subhead, where we might mention where the Panorama control can be found. Let me know your thoughts: copy v1: http://intothefuzz.com/leetom/Mozilla.com/JPG/whatsnew_panorama_02.jpg copy v2: http://intothefuzz.com/leetom/Mozilla.com/JPG/whatsnew_panorama_03.jpg
Looking great overall. Sorry to say this, but at a quick glance... does anyone else feel that for a promo suggesting "organization"... this is starting to visually look a bit busy?
Maybe a teeny bit busy, but overall I really like this. No strong preference from me on which one we go with - I think ultimately it's up to Laura as a product marketing call.
Btw: nice work, Lee & Matej.
(In reply to comment #24) > Btw: nice work, Lee & Matej. Thanks. I think it looks great and I agree with Lee on going with version 2. I like the subhead from option 1, though. What if we used that in 2 and then used the ver. 2 subhead (slightly rewritten) next to the callout of where to find the Panorama button? So we'd get: Group. Browse. Organize. Too many tabs? Reclaim your browser from the clutter. Arrange them into groups with Panorama.
Hey guys-- This is looking really good--I'm also liking version 2 much more and I agree with matej that the subhead of option 1 is better. A few comments/suggestions: I agree with Tara that this is looking a bit busy. -We can remove the search magnifying glass. -Might be worth changing up "search" and "drag"'s order, so that the space between the messages is smaller. Also, it kind of looks like fb tab is being dragged into favorite recipes. -We also don't need as many open tab groups or as many tabs in each--we could remove the ones on the lower end of the frame and that might make it feel cleaner. -Move the find panorama to wear the "search" magnifying glass is? The other concern that I'm seeing now is that we actually don't mention tabs in the header, only the sub-header. Maybe we change browse out for "tabs" in the header? I just want to make sure that its clear that we're organizing and grouping tabs clearly.
(In reply to comment #26) > > The other concern that I'm seeing now is that we actually don't mention tabs > in the header, only the sub-header. Maybe we change browse out for "tabs" in > the header? I just want to make sure that its clear that we're organizing > and grouping tabs clearly. We definitely couldn't just swap out the word like that. Please let me know soon if you definitely want the word tab in the headline. I'll have to come up with some new options and rework the copy. Otherwise I think we'll be repeating tab too many times.
(In reply to comment #27) > (In reply to comment #26) > > > > The other concern that I'm seeing now is that we actually don't mention tabs > > in the header, only the sub-header. Maybe we change browse out for "tabs" in > > the header? I just want to make sure that its clear that we're organizing > > and grouping tabs clearly. > > We definitely couldn't just swap out the word like that. Please let me know > soon if you definitely want the word tab in the headline. I'll have to come > up with some new options and rework the copy. Otherwise I think we'll be > repeating tab too many times. Completely agree that we can't just do that--just wanted to illustrate my point better. The more I look at this, the more I think Tabs needs to be there, especially because the panorama windows we're showing on the page don't look like tabs in the sense that most people expect and I think we need to be clear. . Sorry for that last minute change.
Laura, did you want to remove the zoom bubble for Search altogether? I think having the location of the Panorama close by the subhead (or, before the 3 features) is a good idea. I think we should let the 3 features breath up top.
(In reply to comment #29) > Laura, did you want to remove the zoom bubble for Search altogether? I think so. I was trying to do too much :( > > I think having the location of the Panorama close by the subhead (or, before > the 3 features) is a good idea. I think we should let the 3 features breath > up top. Ok, that's fine. Just a suggestion...you da boss.
Quick thought for next time: if there's a requirement like needing to have tabs clearly called out (per comment #28) please do let us know at the beginning. It ends up making the process smoother for everyone. I know sometimes stuff comes up mid-way through, but the more advance direction we can get, the better things usually go.
OK, here are some new headline options, along with the subhead and callout copy. Now that we're not using Group. Browse. Organize. in the headline, do we want to use those for the features again? Or do you still prefer the straightforward approach? Too Many Tabs? Keep Your Tabs in Check Keep Tabs on Your Tabs Tabs, Meet Groups Tab Chaos No More! Say No to Tab Chaos! Reclaim your browser from the clutter. Arrange them into groups with Panorama.
I really like, Tabs, Meet Groups
(In reply to comment #32) > OK, here are some new headline options, along with the subhead and callout > copy. Now that we're not using Group. Browse. Organize. in the headline, do > we want to use those for the features again? Or do you still prefer the > straightforward approach? I like : > Tabs, Meet Groups and Keep Tabs on Your Tabs > > Reclaim your browser from the clutter. Arrange them into groups with Panorama. I like the name, drag and search ones better I think. They're just more self explanatory terms. (In reply to comment #31) > Quick thought for next time: if there's a requirement like needing to have > tabs clearly called out (per comment #28) please do let us know at the > beginning. It ends up making the process smoother for everyone. > > I know sometimes stuff comes up mid-way through, but the more advance > direction we can get, the better things usually go. Agreed--I think I forgot that for average users, panorama is not as explanatory as I wanted it to be. Point taken for the future.
Here's the latest-greatest: http://intothefuzz.com/leetom/Mozilla.com/JPG/whatsnew_panorama_05.jpg - much more cleaner w/out 2 rows of thumbnails - no dashed line for Drag (we don't need it) - zoom Search bubble removed, but dashed line points right to it! - awesome headline!
yes, I said "much more cleaner..."
This looks great. Last final thought--caveat I may not have understood the Gaze hawk findings Chrissie shared, but the "Arrange them into groups" is in the approximate space of where the low performing App tabs were...I don't feel that strongly just wanted to point it out as food for thought.
One more thought as I was looking this morning... "Tabs meet groups" and "Arrange them into groups" might be a bit redundant. What if we keep "tabs meet groups" and then did "Reclaim your browser from clutter with Panorama". Then we attach that to the screenshot around where to find Panorama and we can take the "arrange them into groups" copy out?
Thanks for the thoughts, Laura. fwiw, the flow of copy is working for me pretty well - it doesn't feel redundant for me reading from the headline down to the second "groups." I also like that the mention of Panorama is linked by dashed line directly to the graphic - makes a good connection between the name of the product with the symbol.
I agree with Lee. This will be the first time many people are hearing about the idea of tab groups, so I think it's good to reinforce with a more concrete example of what it does.
Oh, I also wanted to add that I did read thru the Gazehawk study, and am wondering if this case may be slightly different than the Fabulous Tabs promo since we have a graphic in that cold-spot. The circular shape of that zoom and the dashed line might yield more attention since it's not the same shape/word-count as the other feature blurbs. I've also been meaning to ask if we want to provide one or more Learn more>> links in there too.
(In reply to comment #39) (In reply to comment #40) Okay, I'm okay with that--just wanted to get your opinions. (In reply to comment #41) > Oh, I also wanted to add that I did read thru the Gazehawk study, and am > wondering if this case may be slightly different than the Fabulous Tabs > promo since we have a graphic in that cold-spot. The circular shape of that > zoom and the dashed line might yield more attention since it's not the same > shape/word-count as the other feature blurbs. Could definitely be why--lets use this as a test and see what happens ;) > > I've also been meaning to ask if we want to provide one or more Learn more>> > links in there too. I think its a good idea. If we did, I'd like to link to here: http://support.mozilla.com/en-US/kb/what-are-tab-groups?s=panorama&as=s
Does it make sense to link to one place several times? - under each feature? - only once under "arrange them into groups with panorama"? http://cl.ly/3p0u3k1N401n2A2e1K1M
I vote for once, myself.
Yes, definitely just the one time. Can we wrap this one up now?
This looks done to me. Anyone feel differently?
super done!
LOVE it. Closed
Status: NEW → RESOLVED
Closed: 14 years ago
Resolution: --- → FIXED
verified fixed http://www.mozilla.com/en-US/firefox/6.0/whatsnew/
Status: RESOLVED → VERIFIED
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: