search

firefox-devtools / ux

Firefox DevTools UX Community
Mozilla Public License 2.0
103 stars 21 forks source link

Better description of DevEdition on our websites (M1) #93

Open violasong opened 4 years ago

violasong commented 4 years ago

This mainly concerns the landing page, but also download pages.

Critical info

  1. Explain what exactly DevEdition is. It's similar to Beta, except that installing Beta is potentially dangerous as it uses the same path as GA Firefox, thus overriding it with a new profile and making it hard to find the user's original profile. DevEdition gets around this with a clean experience which is perfect for experimenting.
  2. Include up-to-date info on what features are DevEdition-only. For example, we are letting WebSocket and Multiline Editor sit for at least one release in DevEdition and not Beta.
  3. Consider what is important to bring over from the docs. Different default preferences, themes, etc.

For the first milestone of this project, I'd like to replace this section with a better description:

image
violasong commented 4 years ago

A couple extra things outside of the description that could be improved in this milestone:

  1. This is confusing, as it gives the product two extra names. We could at least remove the Quantum part.
image
  1. This button should be changed to Download Now:
image
  1. This video should be updated:
image
fvsch commented 4 years ago

It's similar to Beta, except that installing Beta is potentially dangerous as it will override users' GA Firefox with a new profile

Wasn't that changed a few months ago? Now there's one profile per install (or channel?).

"Quantum" seems out indeed. The correct name seems to be "Firefox Developer Edition", though the wordmark contradicts it a bit since it spells out "Firefox Browser [Developer]". Maybe the title should say "Firefox Browser: Developer Edition"?

Current page with "Firefox Developer Edition" title:

Screen Shot 2019-09-16 at 16 59 33

The https://mozilla.design/firefox/logos-usage/ page still shows the Firefox 69 wordmark:

FF_Developer_Edition__logo-and-wordmark-horizontal

violasong commented 4 years ago

It's similar to Beta, except that installing Beta is potentially dangerous as it will override users' GA Firefox with a new profile

Wasn't that changed a few months ago? Now there's one profile per install (or channel?).

Ah, whoops, I'll update this. The problem is actually that it shares the same path as GA. According to @digitarald:

biggest downside is that installing Beta will override users GA Firefox, as they are using the same paths (aka firefox.exe). Launching Beta will then create a new profile (as profiles are now locked to channels). I am not sure how many users are able to recover from that and can find their data again.

This page would also need to be updated https://www.mozilla.org/en-US/firefox/70.0a2/whatsnew/

martinbalfanz commented 4 years ago

@violasong it would be great if we could also add the accessibility panel to the page. it's missing from the tool overview at the bottom.

violasong commented 4 years ago

Good point, I'd just have to make the icon. We should probably remove two of the tools to keep that section at 3 rows. (Memory and Storage maybe.) Ah, and I see the Visual Editing section links to a blog post from 2015. ...Maybe this section could be part of a milestone 2 :)

violasong commented 4 years ago

M1 of updates:

  1. Replace contents of <h1 class="intro-title"> with Firefox Developer Edition

  2. Replace "Faster Performance" section with this text:

    
<p class="c-subtitle">The browser made for developers</p>
<p>
All the latest developer tools in beta, plus <strong>experimental features</strong> like the Multi-line Console Editor and WebSocket Inspector.
</p>

A separate profile and path so you can easily run it alongside Release or Beta Firefox.

Preferences tailored for web developers: Browser and remote debugging are enabled by default, as are the dark theme and developer toolbar button. 



Should look like this:
<img width="1162" alt="image" src="https://user-images.githubusercontent.com/55994/66520341-d375f980-ea9d-11e9-9120-939560b195c9.png">
violasong commented 4 years ago

Next steps:

craigcook commented 4 years ago

Updates are live.

https://www.mozilla.org/en-US/firefox/developer/ https://www.mozilla.org/en-US/firefox/70.0a2/whatsnew/ https://www.mozilla.org/en-US/firefox/70.0a2/firstrun/

The new content is only in English and other locales continue to get the old content. We can expose the new strings for translation but since it sounds like there are more changes forthcoming we should wait until everything is ready and localize all at once.

violasong commented 4 years ago

Thank you, @craigcook!

Curious about the word "Browser" in the "Firefox Browser Developer Edition" headings. Also, seems there were a lot of changes to the Firefox pages this week, and DevEdition is no longer in the top navigation menu under "Browsers." Do you know the reasoning behind that change?

craigcook commented 4 years ago

Curious about the word "Browser" in the "Firefox Browser Developer Edition" headings.

This is the official brand name as we move to "Firefox" being the master brand of a family of products. Firefox-the-browser is Firefox Browser. Other channels are Firefox Browser Beta, Firefox Browser Nightly, etc. I think naming scheme is still evolving so it's possible this could change again, but for now this is the official name.

Also, seems there were a lot of changes to the Firefox pages this week, and DevEdition is no longer in the top navigation menu under "Browsers." Do you know the reasoning behind that change?

That's the new nav for Firefox product pages. I'm not sure why Dev wasn't included in that menu. I'll ask.