846445 - Shortcut graphics for Facebook

Status: RESOLVED FIXED

(Marketing :: Design, task)

Description

[Carmen]

Hi team,

I came by this graphic
http://media02.hongkiat.com/quicktips/keyboardext.jpg
and would love to do something along these line for our Firefox Facebook page. 

I like the graphic because it's a visual representation of a shortcut, and easily sharable. If we want, we can try to induce a share from the graphic itself, like in the left corner, we have an arrow pointing down and slightly right that says "share"

Our fans tell us they want more tips and shortcuts, but they don't click/share on the text versions. 

Can we start with 2, and then if they do well, get some more?

Let's start with 

Control + D
Shortcut to bookmark the Web page you're on

Control + Shift + A
Opens your Add-ons Manager

Due mid March? March 15 - doable?

Comment 1

[John Slater]

Yep, that should be doable. Will get back to you soon with more details on who's going to work on this.

Comment 2

[John Slater]

Assigning to Matt.

Comment 3

[MT]

Attachment: FF_FB_shortcuts_Ctrl_D

Comment 4

[MT]

Attachment: FF_FB_shortcuts_Ctrl_Shift_A

Hi, here's what I was thinking for the 403x403 Firefox keyboard shortcuts.  I've gone with a keyboard type look to illustrate the various combinations, but I also think if want to simplify things we can work with a straight Open sans text to get the same point across.

Out of curiosity, how many combinations do you think will happen in the future..I was hoping to setup a bit of a standard look so that everything is cohesive...currently with the keyboard look, spacing would only allow for three across, although I believe there aren't any shortcuts with a combination of 4?

Comment 5

[John Slater]

I really like these, thanks Matt.

Carmen, wdyt?

Comment 6

[Carmen]

Love love love. :) My only comment is that I like how the CTRL Shift A one doesn't say it's a shortcut. It just jumps right in to the text. I like that - can we make the CTRL D one the same?

Comment 7

[MT]

Attachment: FF_FB_shortcuts_Ctrl_D

Comment 8

[MT]

Attachment: FF_FB_shortcuts_Ctrl_Shift_A

Comment 9

[MT]

Hi Carmen, I'm glad you like them! I just updated the orange banner with your suggestion to cut out the shortcut wording part, which keeps it in line better with the blue version.

Comment 10

[Carmen]

Awesome

One small nitpicky thing - can we capitalize Bookmark in the orange one?

Also, is it okay if I leave this bug open? If these perform, I'd like to do more. I can also open a new bug. Let me know.

Comment 11

[MT]

Attachment: FF_FB_shortcuts_Ctrl_D

Comment 12

[Carmen]

Hi Matt,

I talked with John Slater this a.m., and I'm going to take on getting the awesome graphics you guys create localized.

Can I have the PSD file for these 2 graphics? I'll get the text localized, and then update them.

Can you just tell me what font I need to download (and where I can download it) to make sure it looks good?

Can I get the PSD by, say, Wednesday of this week? March 27?

Comment 13

[MT]

Hi Carmen, 

Here is a link to the layered PSD: 
http://cl.ly/2l0T2f2V3n3F

You will see that both banners are within this file on different labeled layers.

The only font used for these is Open Sans Light, and can be downloaded from here: 
http://www.fontsquirrel.com/fonts/open-sans

Please let me know if you have any problems.

Matt