extension-workshop/content-guidelines-master-t...

9.9 KiB
Исходник Постоянная ссылка Ответственный История

layout title permalink
page Master Template /content-guidelines/master-template/

Heading One

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et.

![Screenshot Remembear]({{ site.baseurl }}/assets/img/content-guidelines/example-remembear.png "Screenshot Remembear") Full width image (above)

![Screenshot Remembear]({{ site.baseurl }}/assets/img/content-guidelines/example-remembear.png "Screenshot Remembear") Half width image (above)

![Screenshot Remembear]({{ site.baseurl }}/assets/img/content-guidelines/example-remembear.png "Screenshot Remembear") Half width image (above)

Movie Title Lorem Ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et.

What’s Great Content and Design?

![Whats Great Content and Design?]({{ site.baseurl }}/assets/img/content-guidelines/example-thumbnail.jpg "Whats Great Content and Design?")

Whats Great Content and Design?

Featuring Madhava Enros, Senior Director of Firefox User Experience, and Dietrich Ayala, extension developer.

What’s Great Content and Design?

Whats Great Content and Design?

Featuring Madhava Enros, Senior Director of Firefox User Experience, and Dietrich Ayala, extension developer.

Icons

Examples of goood icons

Icon

Icon

Icon

Your extensions name is critical. It shows up everywhere—in search results, on addons.mozilla.org, and in the browser itself. Its sometimes one of the few pieces of information that a user has to determine whether or not they are interested in what you built.

Research shows that people really do take an extensions name into account when making installation decisions. And, what you put into the extension name field becomes your URL on addons.mozilla.org.

Between your extension name and subtitle, you have up to 70 characters to use—thats because 70 is the max character limit for your headline in external search results. Its best to keep your extension name shorter so you have more characters left over for your subtitle.

  • Tincidunt lobortis feugiat vivamus at augue eget arcu dictum. Enim facilisis gravida neque convallis a cras.
  • Id diam vel quam elementum pulvinar etiam non. Quam id leo in vitae turpis.

Extension Name Dos and Donts

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Do This
  1. Make it memorable
  2. Make it unique
  3. Keep it short for better display on smaller screens
  4. Make it easy to read and say
  5. Give an idea or hint about what your extension does with an illustrative word or metaphor

Examples:
An extension that saves passwords is called Remembear

An extension that puts a cat on new tabs is called Tabbycat

An extension that improves YouTube is called Enhancer for YouTube

Not This
1. Don't include a description.

Save these details for your subtitle and description.

Example: Videomix, a fast video downloader

2. Don't stuff it with keywords.

Google is smarter than this and it just makes your extension look untrustworthy.

Example: Youtube Download Videos, Convert, Media, MP3, MP4, Free.

3. Don't use random words to differentiate, like “Barbara Notetaker.”

Instead, create a descriptive name that is not already in use, like “Instant Notetaker.”

4. Don't call it something with no meaning, like “hoyv.”

While the name “hoyv” doesnt work, the name “uBlock Origin” for an ad-blocking extension does because it contains the word “block”.

5. Don't include "WebExtension," “Firefox” or “Mozilla."
6. Don't include version number or a previous name.

Example: Weatherchanger (fix version)

7. Don't make it hard to read or say.

Example: TrLrs! Tab Changer.

Remembear Example:
![Screenshot Remembear]({{ site.baseurl }}/assets/img/content-guidelines/example-remembear.png "Screenshot Remembear")
List Example:

Honey
Ghoastery
Disconnect
Ecoesia
Mate Translate

Do This
  1. Make it memorable
  2. Make it unique
  3. Keep it short for better display on smaller screens

Examples:
An extension that saves passwords is called Remembear

An extension that puts a cat on new tabs is called Tabbycat

An extension that improves YouTube is called Enhancer for YouTube

Not This
  1. Make it memorable
  2. Make it unique
  3. Keep it short for better display on smaller screens

Examples:
An extension that saves passwords is called Remembear

An extension that puts a cat on new tabs is called Tabbycat

An extension that improves YouTube is called Enhancer for YouTube

Requirements

  • Minimum length: 2 characters
  • Maximum length: 70 characters between extension name and subtitle
  • Lorem ipsum: dolor sit amet, consectetur adipiscing elit
  • Sed do eiusmod: tempor incididunt ut labore et dolore magna aliqua
  • Ut enim ad: minim veniam, quis nostrud exercitation ullamco laboris
  • Nisi ut aliquip: ex ea commodo consequat
  • Duis aute: irure dolor in reprehenderit in voluptate velit esse cillum
  • Excepteur sint: occaecat cupidatat non proident
  • Bunt in culpa: qui officia deserunt mollit anim id est laborum

Stuck? Try this.

1. Identify the problem

What problem does your extension solve? You had a reason for creating that extension...what was it? Write that down.

Take the popular extension, Remembear, as an example. You can imagine the creator of this extension writing, "I am tired of having to remember all of my passwords for the web. And I worry that these passwords will get stolen. I want a simple way to save and secure my passwords so they are always at my fingertips. And I dont want the experience to be an unpleasant, security-laden process. Lets make it friendly and easy.

2. Identify key words

Pull out the key words (nouns, adjectives, verbs) and phrases from your description and create a word list. Add other words that come to mind based on those words, including synonyms.

Remembear Example:

  • Tired
  • Remember
  • Passwords
  • Worry
  • Stolen
  • Simple
  • Save
  • Secure
  • At your fingertips
  • Friendly
  • Easy

3. Example Lorum Ipsum

Pull out the key words (nouns, adjectives, verbs) and phrases from your description and create a word list. Add other words that come to mind based on those words, including synonyms.

Remembear: dolore eu fugiat nulla pariatur lemera dosada peel.

Extension Link
Extension Link
Extension Link