1063057 - First run experience for Dev Edition

Status: RESOLVED INACTIVE

(DevTools :: General, defect)

Description

[Jeff Griffiths (:canuckistani) (:⚡︎)]

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 )

Comment 1

[Jeff Griffiths (:canuckistani) (:⚡︎)]

(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.

Comment 2

[Jordan Santell [:jsantell] [@jsantell]]

Is this being worked on? I can grab if not.

Comment 3

[Jeff Griffiths (:canuckistani) (:⚡︎)]

works for me.

Comment 4

[Brian Grinstead [:bgrins]]

(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?

Comment 5

[Joe Walker [:jwalker]]

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.

Comment 6

[Holly Habstritt Gaal [:Habber]]

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.

Comment 7

[Panos Astithas (he/him) [:past] (please ni?)]

Is the UI tour going to mention Sync and profiles? If so, the Sync element/strip should be highlighted as well.

Comment 8

[Holly Habstritt Gaal [:Habber]]

(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.

Comment 9

[Matteo Ferretti [:zer0] [:matteo]]

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.

Comment 10

[Jeff Griffiths (:canuckistani) (:⚡︎)]

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.

Comment 11

[Matteo Ferretti [:zer0] [:matteo]]

(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.

Comment 12

[Holly Habstritt Gaal [:Habber]]

(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?

Comment 13

[Jeff Griffiths (:canuckistani) (:⚡︎)]

Confirmed.

Comment 14

[Catalin Varga [QA][:VarCat]]

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?

Comment 15

[Matteo Ferretti [:zer0] [:matteo]]

(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

Comment 16

[Jeff Griffiths (:canuckistani) (:⚡︎)]

Clearing needinfo, firstrun is being applied today.

Comment 17

[Stephen Donner [:stephend] Not actively reading bugmail]

Mass-removing myself from cc; search for 12b9dfe4-ece3-40dc-8d23-60e179f64ac1 or any reasonable part thereof, to mass-delete these notifications (and sorry!)