First run experience for Dev Edition

NEW
Unassigned

Status

()

Firefox
Developer Tools
3 years ago
4 months ago

People

(Reporter: canuckistani, Unassigned)

Tracking

(Depends on: 1 bug)

Firefox Tracking Flags

(Not tracked)

Details

First Run Experience

On install, dev edition will open up a content page:
* description of what dev edition is
* breakdown of features
* links to more detailed documentation

UX concept:
* as the user scrolls through content items in a vertical list, if the current content item is describing something we can highlight in the UI, we should use methods similar to Australis first run to highlight that item
* content sources: Product ( Jeff / Axel ) and docs ( Will )
Blocks: 1054353
(In reply to Jeff Griffiths (:canuckistani) from comment #0)
...
> UX concept:
> * as the user scrolls through content items in a vertical list, if the
> current content item is describing something we can highlight in the UI, we
> should use methods similar to Australis first run to highlight that item
> * content sources: Product ( Jeff / Axel ) and docs ( Will )

I should clarify ( as I did when I talked to Matteo about this ) this is just a random idea, would love to see others.
OS: Mac OS X → All
Hardware: x86 → All
Blocks: 1078454
Blocks: 1078455
Depends on: 1079785
No longer depends on: 1079785
Is this being worked on? I can grab if not.
Flags: needinfo?(jwalker)
Flags: needinfo?(jgriffiths)
works for me.
Flags: needinfo?(jgriffiths)
(In reply to Jordan Santell [:jsantell] [@jsantell] from comment #2)
> Is this being worked on? I can grab if not.

Matteo, did you say that this was in progress?  If not, what could Jordan do to get started?
Flags: needinfo?(zer0)
This is being worked on by Holly and webdev. So we don't have a lot to do.

The UI tour is run from web content and will being like https://www.mozilla.org/en-US/firefox/22.0/firstrun/ except that it's introducing devedition rather than australis.

So our job is to make sure we have the IDs of the elements to be highlighted so that the UITour API can request their highlight at the right point in the tour.

We have 2 elements that need highlighting

* the WebIDE button (bug 1056923, which I think means '#webide-button')
* the Toolbox button (a.k.a. '#developer-button' assuming bug 1067337 doesn't change this)

Anyone that understands differently, please shout.
Flags: needinfo?(jwalker)
Matteo (zer0) and Alex Gibson and I met last week to discuss the UITour API work that needs to be done for this. Alex Gibson is working on the webdev/webprod side and what I understood from our meeting was that Matteo was on it from the Firefox engineering side.

Bug for highlighting DevTools icon in toolbar bug 1078455
Bug for highlighting WebIDE icon in toolbar bug 1078454

These bugs need to be picked up asap so we can finish a prototype to test the full flow.
Is the UI tour going to mention Sync and profiles? If so, the Sync element/strip should be highlighted as well.
(In reply to Panos Astithas [:past] (overloaded, please needinfo) from comment #7)
> Is the UI tour going to mention Sync and profiles? If so, the Sync
> element/strip should be highlighted as well.

We will expand the menu panel and highlight the sync element so that the user can enter the flow directly from the menu. We can already do this per the Australis /whatsnew tour that we built last year.
Brian, Jordan, we're already working on it.
I think this is a sort of meta bug, because it includes different sub bugs – for platform side, mostly put the WebIDE button (bug 1056923) and developer button in navbar (bug 1067337), and add the possibility to highlight them (bug 1078455 and bug 1078454); the rest it's up the Holly / Alex.

Paul is working on WebIDE button, I've already a patch for highlight them, and I also did some work for move the developer button to the navbar (trivial, but we need to fix some tests), but yesterday I discovered that Victor is already working on that.
Flags: needinfo?(zer0)
The UI Tour will need to call out the dev edition theme switcher button in customize mode, see:

https://dl.dropboxusercontent.com/u/1212936/lice/theme-switch-fixed.gif

This button is not currently visible in Gum builds but will be, see bug 1091692.

Matteo - need to know if this is possible / already covered, ASAP.
Flags: needinfo?(zer0)
Depends on: 1091919
(In reply to Jeff Griffiths (:canuckistani) from comment #10)
> The UI Tour will need to call out the dev edition theme switcher button in
> customize mode, see:
> 
> https://dl.dropboxusercontent.com/u/1212936/lice/theme-switch-fixed.gif
> 
> This button is not currently visible in Gum builds but will be, see bug
> 1091692.
> 
> Matteo - need to know if this is possible / already covered, ASAP.

Definitely is not already covered – it's the first time I hear about it – and I'm afraid it's too late to implement; unless we already highlight similar buttons during the UITour in customization mode – e.g. "Title Bar", "Show / Hide Toolbars", "Themes", or "Restore Defaults" – but so far I didn't find them in UITour.jsm.
Flags: needinfo?(zer0)
(In reply to Matteo Ferretti [:matteo] [:zer0] from comment #11)
> (In reply to Jeff Griffiths (:canuckistani) from comment #10)
> > The UI Tour will need to call out the dev edition theme switcher button in
> > customize mode, see:
> > 
> > https://dl.dropboxusercontent.com/u/1212936/lice/theme-switch-fixed.gif
> > 
> > This button is not currently visible in Gum builds but will be, see bug
> > 1091692.
> > 
> > Matteo - need to know if this is possible / already covered, ASAP.
> 
> Definitely is not already covered – it's the first time I hear about it –
> and I'm afraid it's too late to implement; unless we already highlight
> similar buttons during the UITour in customization mode – e.g. "Title Bar",
> "Show / Hide Toolbars", "Themes", or "Restore Defaults" – but so far I
> didn't find them in UITour.jsm.

Hi Matteo, We met with Jeff yesterday and decided on a more simple fix for this. We will be adding a link into the webpage itself that brings the user to a doc on MDN to explain this issue instead of adding an extra doorhanger or more highlights. 

Jeff, can you please confirm that Matteo doesn't need to do any work on this?
Flags: needinfo?(jgriffiths)
Confirmed.
Flags: needinfo?(jgriffiths)
QA Contact: catalin.varga
I've installed the latest gum build eg FF 35.0a2 build id: 20141106040207 and the first run experience for Dev Edition is not contained in the build do you know when the tour will be available?
Flags: needinfo?(jgriffiths)
(In reply to Catalin Varga [QA][:VarCat] from comment #14)
> I've installed the latest gum build eg FF 35.0a2 build id: 20141106040207
> and the first run experience for Dev Edition is not contained in the build
> do you know when the tour will be available?

I think you need to set the preference in gum, in order to test the tour. See: https://bugzilla.mozilla.org/show_bug.cgi?id=1085703#c8
Clearing needinfo, firstrun is being applied today.
Flags: needinfo?(jgriffiths)
Group: mozilla-employee-confidential

Updated

3 years ago
Depends on: 1097576

Updated

3 years ago
No longer depends on: 1097576
See Also: → bug 1388637
You need to log in before you can comment on or make changes to this bug.