SlideShare uma empresa Scribd logo
1 de 41
Baixar para ler offline
_
 Making Add-ons
People Will LOVE


                Justin Scott
           Mozilla Add-ons Workshop
                        London 2010
You can’t please
      everyone, but...
• Great add-ons help the entire ecosystem
• Here are some tips & guidelines for:
 • minimizing frustration
 • maximizing delight
 • acquiring and retaining happy users
Part I:   building

      Part II:   marketing


                 Part III:   Listening
1    Clean First-Run

or·deal
n.
any extremely severe or trying test, experience, or trial.



an·noy·ance
n.
a cause of irritation or vexation; a nuisance.
1    Clean First-Run
    • Annoying first-run practices:
      • require registration to do anything at all
      • Modal dialogs and wizards
      • Asking to change the user’s settings

    • Annoying post-update practices:
      • Showing the add-on’s homepage
      • Showing a changelog (unless a major
        change has been made)
1    Clean First-Run
    • Don’t let first-run be the last-run by
      following these guidelines:
       • Modal dialogs/wizards should be part of
         the first-run page or triggered by user action
         on the first-run page
       • Limit of one first-run element. If you have a
         first-run page, you shouldn’t need a wizard,
         dialog, or sidebar open too.
       • Don’t change user preferences
2     Don’t Clutter UI
“Extensions [should] integrate with
the existing UI as if it were a feature
    shipped with Firefox itself.”
     Survey respondent on what practices all add-ons should adopt




                          “This is constantly reminding me that
                           it’s an extension, and not really part
                                      of my browser.”
                                            Survey respondent describing a disappointing add-on
2    Don’t Clutter UI
    • Only add UI that is truly needed
    • Let the user choose what UI she wants
How many Delicious
logos can you spot?
      Seven.
Eight.




         Nine.
3     Earn & Keep Trust
“I give add-on developers a huge amount of trust when I
 install their extension. It is painful when they abuse it.”


                  “I read reviews and avoid any that
                 sound annoying (change homepage,
                     collect private info, nav, etc.)”


     “Add-ons [should] do what they
       claim to and not much else”
3    Earn & Keep Trust
    • There are add-ons that want to:
      • change the user’s default search provider
        without asking
      • replace ads on websites with their own ads
      • send all of the user’s search queries to a
        third party when the add-on isn’t related to
        searching
      • bundle other add-ons or software the user
        didn’t ask for
3    Earn & Keep Trust
    • No Surprises means that changing
      default settings or otherwise surprising
      the user requires:
      • a clear, upfront description
      • opt-in
      • revert on uninstall
      • inclusion from the start (not in a subsequent
        update)
3    Earn & Keep Trust
    • Choose core functionality and stick
      with it




                                       Original photo by Flickr user AJC1
                                                 (CC licensed)
3    Earn & Keep Trust
    • Have a clear Privacy Policy
    • Install the proper way
      • No .exes or 3rd party bundling
4    Stay Current
    • Update compatibility before a Firefox
      release
    • Avoid conflicts with other add-ons
    • Be on the lookout for new platform
      features to take advantage of
      • Restartless add-ons
      • Larger icons
      • Mobile
5    Smooth Performance
    • Add-ons should have zero performance
      impact on Firefox start-up time
    • We’re working on tools & ways to
      surface performance data to help
      developers and users understand the
      impact of each add-on
6      Be Delightful
     “Finding things that I don't necessarily use but push the platform
      is awesome too - the Strata theme and accompanying extension,
          for example. It makes Firefox actually interesting again.”
                        Survey respondent describing delightful add-ons




        “I really learn to appreciate the little things you forgot you
     installed whenever I am browsing on a clean install or when using
    another browser. Like Adblock (obviously) or even very little things
    like double clicking a tab like crazy only to realize you need Double
          Click To Reload Tabs installed for something to happen.”
                        Survey respondent describing delightful add-ons
6    Be Delightful
    • Find little ways to delight your users
    • There’s no recipe for this. It’s specific to
      your add-on.
Part I:   building

      Part II:   marketing


                 Part III:   Listening
1     Descriptive Name
     • An add-on’s functionality should be
       obvious from its name

•   Adblock Plus           •   WOT - Safe Browsing Tool
•   Password Exporter      •   FEBE
•   FireFTP                •   Yoono       - Twitter, Facebook, LinkedIn, MySpace,
                                           YouTube, Flickr, AIM, MSN, GTalk...

•   Video DownloadHelper   •   Cooliris
•   Download Statusbar     •   Infoaxe : Full Text Web History Search synchronized
                                           between Firefox, IE on multiple computers.

•   Flashblock             •   Glubble
•   User Agent Switcher    •   Glue - Recommendations for Books/Movies/Music
2       Pretty Icon
        • Icons are always shown, yet half of
          extensions use default
        • Icon is part of your add-on’s brand
        • ... and they’re becoming more important




Large icons are coming to
    Firefox 4 & AMO
2    Pretty Icon
    • We want add-ons to have great,
      relevant icons
    • So we’re expanding our defaults,




    • creating a Design Help forum,
    • ...and having a contest.
Add-on Icon Makeover Contest




             Coming Soon!
     Watch blog.mozilla.com/addons for details
3    Helpful Screenshots
    • Summaries are only 250 characters, but
      a picture’s worth 1000 words
    • Make sure to add screenshots of your
      add-on and keep them updated
4    Avoid EULAs
    • We recently changed install buttons for
      add-ons that have EULAs




          Old                  New
4    Avoid EULAs
    • EULAs prior to download kill
      conversions

     View Details          View Details

                                     5%
            44%               EULA

                                     61%

     Download              Download
Part I:   building

      Part II:   marketing


                 Part III:   Listening
1    Provide Support
    • Users get frustrated when they
      encounter problems and can’t find any
      support avenues
    • Add-ons should provide at least one,
      possibly including:
      • Support E-mail
      • Support Website
      • Get Satisfaction
2    Monitor User Reviews
    • Users reviews are good, bad, and ugly
    • They hint at problems users are facing
    • Developers can reply to reviews to
      provide support or address a
      misconception
      • (though we discourage bug reports and
        support requests in user reviews)
3    Utilize Tools
    • AMO provides numerous tools to help
      developers understand their add-on’s
      usage and standing
      • Statistics Dashboard
      • Recent Activity Feed
      • Compatibility Reports
3    Utilize Tools
    • Statistics Dashboard can help you
      monitor key metrics, make product
      decisions, and answer questions like:
      • Should I continue supporting this platform,
        application, version, or locale?
      • Should I add support for this platform,
        application, version, or locale?
      • How quickly do users update to the latest
        version of my add-on?
Stats Dashboard
revamp is coming
       soon!
3    Utilize Tools
    • Recent Activity feed tells you what’s
      new with your add-on
3    Utilize Tools
    • Compatibility Reporter users help you
      test before the next big release
Summary
       building                    marketing
1.   Clean First-Run          1.   Descriptive Name
2.   Don’t Clutter UI         2.   Pretty Icon
3.   Earn & Keep Trust        3.   Helpful Screenshots
4.   Stay Current             4.   Avoid EULAs
5.   Smooth Performance
6.   Be Delightful

                   Listening
                1. Provide Support
                2. Monitor User Reviews
                3. Utilize Tools
“Overall, I love the community of developers
       who continue to create stellar add-ons for the
            benefit of the Firefox community.”
                                     Survey respondent




 Original illustration by Mozilla
Creative Collective member foxyboy
          (CC licensed)
Thanks!
fligtar@mozilla.com
twitter.com/fligtar

Mais conteúdo relacionado

Semelhante a Making Add-ons People Will Love

Lindsey_FinalTrainingSession
Lindsey_FinalTrainingSessionLindsey_FinalTrainingSession
Lindsey_FinalTrainingSession
Ivy Lindsey
 
Mobile Project Management
Mobile Project ManagementMobile Project Management
Mobile Project Management
Lee Schlenker
 

Semelhante a Making Add-ons People Will Love (20)

Do You know Your Firefox Well !?
Do You know Your Firefox Well !?Do You know Your Firefox Well !?
Do You know Your Firefox Well !?
 
Kill Administrator: Fighting Back Against Admin Rights
Kill Administrator: Fighting Back Against Admin RightsKill Administrator: Fighting Back Against Admin Rights
Kill Administrator: Fighting Back Against Admin Rights
 
Using Browser Extensions & Automation Tools to enhance your Productivity
Using Browser Extensions & Automation Tools to enhance your ProductivityUsing Browser Extensions & Automation Tools to enhance your Productivity
Using Browser Extensions & Automation Tools to enhance your Productivity
 
unit5_usability.pptx
unit5_usability.pptxunit5_usability.pptx
unit5_usability.pptx
 
2010-03 Yesterday's Trusted Web Sites are Today's Malicious Servers
2010-03 Yesterday's Trusted Web Sites are Today's Malicious Servers2010-03 Yesterday's Trusted Web Sites are Today's Malicious Servers
2010-03 Yesterday's Trusted Web Sites are Today's Malicious Servers
 
REPORT ppT.pptx
REPORT ppT.pptxREPORT ppT.pptx
REPORT ppT.pptx
 
Sumit_FRIENDLY.pptx
Sumit_FRIENDLY.pptxSumit_FRIENDLY.pptx
Sumit_FRIENDLY.pptx
 
Simplifying the Web Accessibility Test Lab
Simplifying the Web Accessibility Test LabSimplifying the Web Accessibility Test Lab
Simplifying the Web Accessibility Test Lab
 
Best Practices for Building Extensions - TwitchCon Developer Day 2017
Best Practices for Building Extensions - TwitchCon Developer Day 2017Best Practices for Building Extensions - TwitchCon Developer Day 2017
Best Practices for Building Extensions - TwitchCon Developer Day 2017
 
Building Beautiful and Highly Usable Products by Simon Vallee
Building Beautiful and Highly Usable Products by Simon ValleeBuilding Beautiful and Highly Usable Products by Simon Vallee
Building Beautiful and Highly Usable Products by Simon Vallee
 
Lindsey_FinalTrainingSession
Lindsey_FinalTrainingSessionLindsey_FinalTrainingSession
Lindsey_FinalTrainingSession
 
15 Essential WordPress Plugins (and 5 That Will Just Blow Your Mind)
15 Essential WordPress Plugins (and 5 That Will Just Blow Your Mind)15 Essential WordPress Plugins (and 5 That Will Just Blow Your Mind)
15 Essential WordPress Plugins (and 5 That Will Just Blow Your Mind)
 
Prelaunch checklist game design
Prelaunch checklist game designPrelaunch checklist game design
Prelaunch checklist game design
 
Take Care of Your Computer Part 4 -- The Top 10 Best Free Software Programs o...
Take Care of Your Computer Part 4 -- The Top 10 Best Free Software Programs o...Take Care of Your Computer Part 4 -- The Top 10 Best Free Software Programs o...
Take Care of Your Computer Part 4 -- The Top 10 Best Free Software Programs o...
 
Mobile Project Management
Mobile Project ManagementMobile Project Management
Mobile Project Management
 
Open Source Software[1]
Open Source Software[1]Open Source Software[1]
Open Source Software[1]
 
Everything XControls
Everything XControlsEverything XControls
Everything XControls
 
5 steps to launch your enterprise social network
5 steps to launch your enterprise social network5 steps to launch your enterprise social network
5 steps to launch your enterprise social network
 
Molajo
MolajoMolajo
Molajo
 
Full stack conference talk slides
Full stack conference talk slidesFull stack conference talk slides
Full stack conference talk slides
 

Último

Último (20)

Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
 
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
 
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWEREMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
 
ICT role in 21st century education and its challenges
ICT role in 21st century education and its challengesICT role in 21st century education and its challenges
ICT role in 21st century education and its challenges
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ..."I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
 
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
 
Apidays Singapore 2024 - Modernizing Securities Finance by Madhu Subbu
Apidays Singapore 2024 - Modernizing Securities Finance by Madhu SubbuApidays Singapore 2024 - Modernizing Securities Finance by Madhu Subbu
Apidays Singapore 2024 - Modernizing Securities Finance by Madhu Subbu
 
A Beginners Guide to Building a RAG App Using Open Source Milvus
A Beginners Guide to Building a RAG App Using Open Source MilvusA Beginners Guide to Building a RAG App Using Open Source Milvus
A Beginners Guide to Building a RAG App Using Open Source Milvus
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdfGenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdf
 
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyArtificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : Uncertainty
 

Making Add-ons People Will Love

  • 1. _ Making Add-ons People Will LOVE Justin Scott Mozilla Add-ons Workshop London 2010
  • 2. You can’t please everyone, but... • Great add-ons help the entire ecosystem • Here are some tips & guidelines for: • minimizing frustration • maximizing delight • acquiring and retaining happy users
  • 3. Part I: building Part II: marketing Part III: Listening
  • 4. 1 Clean First-Run or·deal n. any extremely severe or trying test, experience, or trial. an·noy·ance n. a cause of irritation or vexation; a nuisance.
  • 5. 1 Clean First-Run • Annoying first-run practices: • require registration to do anything at all • Modal dialogs and wizards • Asking to change the user’s settings • Annoying post-update practices: • Showing the add-on’s homepage • Showing a changelog (unless a major change has been made)
  • 6.
  • 7.
  • 8. 1 Clean First-Run • Don’t let first-run be the last-run by following these guidelines: • Modal dialogs/wizards should be part of the first-run page or triggered by user action on the first-run page • Limit of one first-run element. If you have a first-run page, you shouldn’t need a wizard, dialog, or sidebar open too. • Don’t change user preferences
  • 9. 2 Don’t Clutter UI “Extensions [should] integrate with the existing UI as if it were a feature shipped with Firefox itself.” Survey respondent on what practices all add-ons should adopt “This is constantly reminding me that it’s an extension, and not really part of my browser.” Survey respondent describing a disappointing add-on
  • 10. 2 Don’t Clutter UI • Only add UI that is truly needed • Let the user choose what UI she wants
  • 11. How many Delicious logos can you spot? Seven.
  • 12.
  • 13. Eight. Nine.
  • 14. 3 Earn & Keep Trust “I give add-on developers a huge amount of trust when I install their extension. It is painful when they abuse it.” “I read reviews and avoid any that sound annoying (change homepage, collect private info, nav, etc.)” “Add-ons [should] do what they claim to and not much else”
  • 15. 3 Earn & Keep Trust • There are add-ons that want to: • change the user’s default search provider without asking • replace ads on websites with their own ads • send all of the user’s search queries to a third party when the add-on isn’t related to searching • bundle other add-ons or software the user didn’t ask for
  • 16. 3 Earn & Keep Trust • No Surprises means that changing default settings or otherwise surprising the user requires: • a clear, upfront description • opt-in • revert on uninstall • inclusion from the start (not in a subsequent update)
  • 17. 3 Earn & Keep Trust • Choose core functionality and stick with it Original photo by Flickr user AJC1 (CC licensed)
  • 18. 3 Earn & Keep Trust • Have a clear Privacy Policy • Install the proper way • No .exes or 3rd party bundling
  • 19. 4 Stay Current • Update compatibility before a Firefox release • Avoid conflicts with other add-ons • Be on the lookout for new platform features to take advantage of • Restartless add-ons • Larger icons • Mobile
  • 20. 5 Smooth Performance • Add-ons should have zero performance impact on Firefox start-up time • We’re working on tools & ways to surface performance data to help developers and users understand the impact of each add-on
  • 21. 6 Be Delightful “Finding things that I don't necessarily use but push the platform is awesome too - the Strata theme and accompanying extension, for example. It makes Firefox actually interesting again.” Survey respondent describing delightful add-ons “I really learn to appreciate the little things you forgot you installed whenever I am browsing on a clean install or when using another browser. Like Adblock (obviously) or even very little things like double clicking a tab like crazy only to realize you need Double Click To Reload Tabs installed for something to happen.” Survey respondent describing delightful add-ons
  • 22. 6 Be Delightful • Find little ways to delight your users • There’s no recipe for this. It’s specific to your add-on.
  • 23. Part I: building Part II: marketing Part III: Listening
  • 24. 1 Descriptive Name • An add-on’s functionality should be obvious from its name • Adblock Plus • WOT - Safe Browsing Tool • Password Exporter • FEBE • FireFTP • Yoono - Twitter, Facebook, LinkedIn, MySpace, YouTube, Flickr, AIM, MSN, GTalk... • Video DownloadHelper • Cooliris • Download Statusbar • Infoaxe : Full Text Web History Search synchronized between Firefox, IE on multiple computers. • Flashblock • Glubble • User Agent Switcher • Glue - Recommendations for Books/Movies/Music
  • 25. 2 Pretty Icon • Icons are always shown, yet half of extensions use default • Icon is part of your add-on’s brand • ... and they’re becoming more important Large icons are coming to Firefox 4 & AMO
  • 26. 2 Pretty Icon • We want add-ons to have great, relevant icons • So we’re expanding our defaults, • creating a Design Help forum, • ...and having a contest.
  • 27. Add-on Icon Makeover Contest Coming Soon! Watch blog.mozilla.com/addons for details
  • 28. 3 Helpful Screenshots • Summaries are only 250 characters, but a picture’s worth 1000 words • Make sure to add screenshots of your add-on and keep them updated
  • 29. 4 Avoid EULAs • We recently changed install buttons for add-ons that have EULAs Old New
  • 30. 4 Avoid EULAs • EULAs prior to download kill conversions View Details View Details 5% 44% EULA 61% Download Download
  • 31. Part I: building Part II: marketing Part III: Listening
  • 32. 1 Provide Support • Users get frustrated when they encounter problems and can’t find any support avenues • Add-ons should provide at least one, possibly including: • Support E-mail • Support Website • Get Satisfaction
  • 33. 2 Monitor User Reviews • Users reviews are good, bad, and ugly • They hint at problems users are facing • Developers can reply to reviews to provide support or address a misconception • (though we discourage bug reports and support requests in user reviews)
  • 34. 3 Utilize Tools • AMO provides numerous tools to help developers understand their add-on’s usage and standing • Statistics Dashboard • Recent Activity Feed • Compatibility Reports
  • 35. 3 Utilize Tools • Statistics Dashboard can help you monitor key metrics, make product decisions, and answer questions like: • Should I continue supporting this platform, application, version, or locale? • Should I add support for this platform, application, version, or locale? • How quickly do users update to the latest version of my add-on?
  • 37. 3 Utilize Tools • Recent Activity feed tells you what’s new with your add-on
  • 38. 3 Utilize Tools • Compatibility Reporter users help you test before the next big release
  • 39. Summary building marketing 1. Clean First-Run 1. Descriptive Name 2. Don’t Clutter UI 2. Pretty Icon 3. Earn & Keep Trust 3. Helpful Screenshots 4. Stay Current 4. Avoid EULAs 5. Smooth Performance 6. Be Delightful Listening 1. Provide Support 2. Monitor User Reviews 3. Utilize Tools
  • 40. “Overall, I love the community of developers who continue to create stellar add-ons for the benefit of the Firefox community.” Survey respondent Original illustration by Mozilla Creative Collective member foxyboy (CC licensed)