Plots2: [WIP]Brainstorm tours accross the website

[SidharthBansal]

Many websites have pop up for new users which indicate what kind of features we have
Like Github whenever introduces a feature it also introduces tutorial for new users. We can also incorporate that feature
As soon as person comes the tutorial, the prompt closes.
@publiclab/mentors, @ebarry your views are important.
@ebarry I agree upon your notion of expiry of tours/tutorials.

[grvsachdeva]

Something like Feature discovery - https://materializecss.com/feature-discovery.html but runs automatically on page load instead of clicking button.

[digitaldina]

What about having a popup for the first time a user uses the page which asks if they would like tour and then runs something like Feature discovery? We can then have it do it automatically, but I think it's important to have something in place and then work on top of it to make it automatic, is that OK? @gauravano I think this would be good one to add to the GCI dashboard as a more challenging task.

[grvsachdeva]

Hi @dinaelhanan we discussed this feature a bit in the Open hour but it still needs some thinking. Your views are welcome and you can surely help us when the plan is finalized. Thanks!

[SidharthBansal]

@jywarren can we have this in the GSoC.
It is really hard to able to understand all the functionality at Public Lab. This can help newcomers to easily know about each and every section of the website. We can only have the most relevant and important part of the website in the tour.
It is really sad part being member of PL for 2 years that many sections I have explored once or twice like the revisions part. We will be able to link all the parts of the website through this issue.

[jywarren]

Yes, let's think about how to approach this. What if we generally thought
of the data model diagram as an outline for a tour? We'd use friendlier
language than NodeSelection, but cover most of the site's functionality
through this, plus:

/methods
/places
/people
/dashboard
/tags

And a discussion of Activities + grids?

See an example of explaining some features which we made at
https://publiclab.org/activities -- would this be helpful?

Any other big areas?

On Wed, Jan 9, 2019 at 3:31 AM Sidharth Bansal [e-mail]
wrote:

@jywarren https://github.com/jywarren can we have this in the GSoC.
It is really hard to able to understand all the functionality at Public
Lab. This can help newcomers to easily know about each and every section of
the website. We can only have the most relevant and important part of the
website in the tour.
It is really sad part being member of PL for 2 years that many sections I
have explored once or twice like the revisions part. We will be able to
link all the parts of the website through this issue.

—
You are receiving this because you were mentioned.
Reply to this email directly, view it on GitHub
https://github.com/publiclab/plots2/issues/4110#issuecomment-452612786,
or mute the thread
https://github.com/notifications/unsubscribe-auth/AABfJ-BfH8iggezb3n6DbhhgIDsT8yLEks5vBajYgaJpZM4Y_OnZ
.

[SidharthBansal]

Node, maps, wikis, revisions, notes, profile page, questions.
We can have this tour for one time after signup. Then an option to show the
tour if persons wants.

On Thu, Jan 10, 2019, 3:16 AM Jeffrey Warren <[email protected]
wrote:

Yes, let's think about how to approach this. What if we generally thought
of the data model diagram as an outline for a tour? We'd use friendlier
language than NodeSelection, but cover most of the site's functionality
through this, plus:

/methods
/places
/people
/dashboard
/tags

And a discussion of Activities + grids?

See an example of explaining some features which we made at
https://publiclab.org/activities -- would this be helpful?

Any other big areas?

On Wed, Jan 9, 2019 at 3:31 AM Sidharth Bansal [e-mail]
wrote:

@jywarren https://github.com/jywarren can we have this in the GSoC.
It is really hard to able to understand all the functionality at Public
Lab. This can help newcomers to easily know about each and every section
of
the website. We can only have the most relevant and important part of the
website in the tour.
It is really sad part being member of PL for 2 years that many sections I
have explored once or twice like the revisions part. We will be able to
link all the parts of the website through this issue.

—
You are receiving this because you were mentioned.
Reply to this email directly, view it on GitHub
<https://github.com/publiclab/plots2/issues/4110#issuecomment-452612786
,
or mute the thread
<
https://github.com/notifications/unsubscribe-auth/AABfJ-BfH8iggezb3n6DbhhgIDsT8yLEks5vBajYgaJpZM4Y_OnZ

.

—
You are receiving this because you authored the thread.
Reply to this email directly, view it on GitHub
https://github.com/publiclab/plots2/issues/4110#issuecomment-452825854,
or mute the thread
https://github.com/notifications/unsubscribe-auth/AUACQ_BvbgFuB5bG9hv-Ndy9U33TcmJTks5vBlJ9gaJpZM4Y_OnZ
.

[jywarren]

Let's try drafting it in a text document first - adding screenshots to
illustrate each thing, and a couple sentences each.

On Wed, Jan 9, 2019, 11:53 PM Sidharth Bansal <[email protected]
wrote:

Node, maps, wikis, revisions, notes, profile page, questions.
We can have this tour for one time after signup. Then an option to show the
tour if persons wants.

On Thu, Jan 10, 2019, 3:16 AM Jeffrey Warren <[email protected]
wrote:

Yes, let's think about how to approach this. What if we generally thought
of the data model diagram as an outline for a tour? We'd use friendlier
language than NodeSelection, but cover most of the site's functionality
through this, plus:

/methods
/places
/people
/dashboard
/tags

And a discussion of Activities + grids?

See an example of explaining some features which we made at
https://publiclab.org/activities -- would this be helpful?

Any other big areas?

On Wed, Jan 9, 2019 at 3:31 AM Sidharth Bansal <[email protected]

wrote:

@jywarren https://github.com/jywarren can we have this in the GSoC.
It is really hard to able to understand all the functionality at Public
Lab. This can help newcomers to easily know about each and every
section
of
the website. We can only have the most relevant and important part of
the
website in the tour.
It is really sad part being member of PL for 2 years that many
sections I
have explored once or twice like the revisions part. We will be able to
link all the parts of the website through this issue.

—
You are receiving this because you were mentioned.
Reply to this email directly, view it on GitHub
<
https://github.com/publiclab/plots2/issues/4110#issuecomment-452612786
,
or mute the thread
<

https://github.com/notifications/unsubscribe-auth/AABfJ-BfH8iggezb3n6DbhhgIDsT8yLEks5vBajYgaJpZM4Y_OnZ
>

.

—
You are receiving this because you authored the thread.
Reply to this email directly, view it on GitHub
<https://github.com/publiclab/plots2/issues/4110#issuecomment-452825854
,
or mute the thread
<
https://github.com/notifications/unsubscribe-auth/AUACQ_BvbgFuB5bG9hv-Ndy9U33TcmJTks5vBlJ9gaJpZM4Y_OnZ

.

—
You are receiving this because you were mentioned.
Reply to this email directly, view it on GitHub
https://github.com/publiclab/plots2/issues/4110#issuecomment-452970331,
or mute the thread
https://github.com/notifications/unsubscribe-auth/AABfJ6Gbbbfxs7k5xkEzuodvXnFA1poNks5vBscfgaJpZM4Y_OnZ
.

[SidharthBansal]

I think it will be better if we will add it in the Call for proposals and
the person willing to write a proposal on this topic will do the needed
stuff. Then right person will put right amount of effort at right time and
in the right direction.
We already discussed the places where we need to navigate in the project.
GSoC student can add mockups, gifs etc to illustrate them. What do you
think?

On Fri, Jan 11, 2019 at 4:31 AM Jeffrey Warren [e-mail]
wrote:

Let's try drafting it in a text document first - adding screenshots to
illustrate each thing, and a couple sentences each.

On Wed, Jan 9, 2019, 11:53 PM Sidharth Bansal <[email protected]
wrote:

Node, maps, wikis, revisions, notes, profile page, questions.
We can have this tour for one time after signup. Then an option to show
the
tour if persons wants.

On Thu, Jan 10, 2019, 3:16 AM Jeffrey Warren <[email protected]
wrote:

Yes, let's think about how to approach this. What if we generally
thought
of the data model diagram as an outline for a tour? We'd use friendlier
language than NodeSelection, but cover most of the site's functionality
through this, plus:

/methods
/places
/people
/dashboard
/tags

And a discussion of Activities + grids?

See an example of explaining some features which we made at
https://publiclab.org/activities -- would this be helpful?

Any other big areas?

On Wed, Jan 9, 2019 at 3:31 AM Sidharth Bansal <
[email protected]

wrote:

@jywarren https://github.com/jywarren can we have this in the
GSoC.
It is really hard to able to understand all the functionality at
Public
Lab. This can help newcomers to easily know about each and every
section
of
the website. We can only have the most relevant and important part of
the
website in the tour.
It is really sad part being member of PL for 2 years that many
sections I
have explored once or twice like the revisions part. We will be able
to
link all the parts of the website through this issue.

—
You are receiving this because you were mentioned.
Reply to this email directly, view it on GitHub
<
https://github.com/publiclab/plots2/issues/4110#issuecomment-452612786
,
or mute the thread
<

https://github.com/notifications/unsubscribe-auth/AABfJ-BfH8iggezb3n6DbhhgIDsT8yLEks5vBajYgaJpZM4Y_OnZ

>

.

—
You are receiving this because you authored the thread.
Reply to this email directly, view it on GitHub
<
https://github.com/publiclab/plots2/issues/4110#issuecomment-452825854
,
or mute the thread
<

https://github.com/notifications/unsubscribe-auth/AUACQ_BvbgFuB5bG9hv-Ndy9U33TcmJTks5vBlJ9gaJpZM4Y_OnZ
>

.

—
You are receiving this because you were mentioned.
Reply to this email directly, view it on GitHub
<https://github.com/publiclab/plots2/issues/4110#issuecomment-452970331
,
or mute the thread
<
https://github.com/notifications/unsubscribe-auth/AABfJ6Gbbbfxs7k5xkEzuodvXnFA1poNks5vBscfgaJpZM4Y_OnZ

.

—
You are receiving this because you authored the thread.
Reply to this email directly, view it on GitHub
https://github.com/publiclab/plots2/issues/4110#issuecomment-453290761,
or mute the thread
https://github.com/notifications/unsubscribe-auth/AUACQ7TdkJwZrL6PItcXJJpDY2-uNF36ks5vB8ZhgaJpZM4Y_OnZ
.

[jywarren]

Sure, that sounds good!

On Sun, Jan 13, 2019 at 12:07 PM Sidharth Bansal [e-mail]
wrote:

I think it will be better if we will add it in the Call for proposals and
the person willing to write a proposal on this topic will do the needed
stuff. Then right person will put right amount of effort at right time and
in the right direction.
We already discussed the places where we need to navigate in the project.
GSoC student can add mockups, gifs etc to illustrate them. What do you
think?

On Fri, Jan 11, 2019 at 4:31 AM Jeffrey Warren [e-mail]
wrote:

Let's try drafting it in a text document first - adding screenshots to
illustrate each thing, and a couple sentences each.

On Wed, Jan 9, 2019, 11:53 PM Sidharth Bansal <[email protected]
wrote:

Node, maps, wikis, revisions, notes, profile page, questions.
We can have this tour for one time after signup. Then an option to show
the
tour if persons wants.

On Thu, Jan 10, 2019, 3:16 AM Jeffrey Warren <[email protected]
wrote:

Yes, let's think about how to approach this. What if we generally
thought
of the data model diagram as an outline for a tour? We'd use
friendlier
language than NodeSelection, but cover most of the site's
functionality
through this, plus:

/methods
/places
/people
/dashboard
/tags

And a discussion of Activities + grids?

See an example of explaining some features which we made at
https://publiclab.org/activities -- would this be helpful?

Any other big areas?

On Wed, Jan 9, 2019 at 3:31 AM Sidharth Bansal <
[email protected]

wrote:

@jywarren https://github.com/jywarren can we have this in the
GSoC.
It is really hard to able to understand all the functionality at
Public
Lab. This can help newcomers to easily know about each and every
section
of
the website. We can only have the most relevant and important part
of
the
website in the tour.
It is really sad part being member of PL for 2 years that many
sections I
have explored once or twice like the revisions part. We will be
able
to
link all the parts of the website through this issue.

—
You are receiving this because you were mentioned.
Reply to this email directly, view it on GitHub
<
https://github.com/publiclab/plots2/issues/4110#issuecomment-452612786
,
or mute the thread
<

https://github.com/notifications/unsubscribe-auth/AABfJ-BfH8iggezb3n6DbhhgIDsT8yLEks5vBajYgaJpZM4Y_OnZ

>

.

—
You are receiving this because you authored the thread.
Reply to this email directly, view it on GitHub
<
https://github.com/publiclab/plots2/issues/4110#issuecomment-452825854
,
or mute the thread
<

https://github.com/notifications/unsubscribe-auth/AUACQ_BvbgFuB5bG9hv-Ndy9U33TcmJTks5vBlJ9gaJpZM4Y_OnZ

>

.

—
You are receiving this because you were mentioned.
Reply to this email directly, view it on GitHub
<
https://github.com/publiclab/plots2/issues/4110#issuecomment-452970331
,
or mute the thread
<

https://github.com/notifications/unsubscribe-auth/AABfJ6Gbbbfxs7k5xkEzuodvXnFA1poNks5vBscfgaJpZM4Y_OnZ
>

.

—
You are receiving this because you authored the thread.
Reply to this email directly, view it on GitHub
<https://github.com/publiclab/plots2/issues/4110#issuecomment-453290761
,
or mute the thread
<
https://github.com/notifications/unsubscribe-auth/AUACQ7TdkJwZrL6PItcXJJpDY2-uNF36ks5vB8ZhgaJpZM4Y_OnZ

.

—
You are receiving this because you were mentioned.
Reply to this email directly, view it on GitHub
https://github.com/publiclab/plots2/issues/4110#issuecomment-453846911,
or mute the thread
https://github.com/notifications/unsubscribe-auth/AABfJ14D1wgI1f4MDlhA5Zlzr3YkrONxks5vC2eUgaJpZM4Y_OnZ
.

[SidharthBansal]

Blog page can also be added.

[geekychasser]

@jywarren I agree with @SidharthBansal , I too had difficulties while navigating website and dicovering features, when I first started contribution at the time of GCI. Adding a tour functionality will be beneficial to new users.

I am working on a mock up of tour functionality and will share it here in a day or two.

Thank you

[SidharthBansal]

Oh this will be really nice.
I guess we are having this issue reserved for GSoC, right Jeff??
So, @geekychaser are you planning for GSoC?? Just curious to know.

On Sun, Jan 20, 2019, 7:12 PM Rishabh Bothra <[email protected]
wrote:

@jywarren https://github.com/jywarren I agree with @SidharthBansal
https://github.com/SidharthBansal , I too had difficulties while
navigating website and dicovering features, when I first started
contribution at the time of GCI. Adding a tour functionality will be
beneficial to new users.

I am working on a mock up of tour functionality and will share it here in
a day or two.

Thank you

—
You are receiving this because you were mentioned.
Reply to this email directly, view it on GitHub
https://github.com/publiclab/plots2/issues/4110#issuecomment-455867632,
or mute the thread
https://github.com/notifications/unsubscribe-auth/AUACQxT1UKNcTtxc9JclY1RRBTKTi7eEks5vFHJVgaJpZM4Y_OnZ
.

[IshaGupta18]

Yes I think this would be necessary for new users, and could make them use the site for efficiently for their requirements, even I thought about this in some other places apart from the ones mentioned here. I have noticed in some places like when making issue briefs, the template could be implemented better for the ease of the user. Could I also work out a mock up for this @SidharthBansal ?

[geekychasser]

@jywarren @SidharthBansal Sorry for being inactive this week as I was traveling

[geekychasser]

Public lab is a way too big website. It consists of lots of features and fields to be explored. Even after using it for 3 months, I still face difficulties in exploring it and haven't visited all the area across the website. Thus, a website tour would be a great option to indulge more and more people in our organization. I have prepared some mockups consisting of few routes and this way we would implement tour across the whole website.

Here are some of them :

Home: here we can give a flash message that if user want to have a tour or not

If user opt for Start Tour we could take him to

Dashboard

Then describing basic functions in the dashboard like :

Share your work button

After that, we can take the user to notes page where the user can engage themselves in research notes

Research notes

Here we can encourage users to post their own research notes

Write a research note button

Then we could take to '/people', where they can find the active members and if want to interact with someone directly

People

Then taking to blog page where one could find all the list of blogs

Blog page

Then taking to '/places', where the user can find more number of peoples who are contributing from their country and the previous list of events

Places

I have planned of implementing tour also across
methods
tags
node
maps
wikis
revision
notes
profile page
questions
post

@jywarren @SidharthBansal Please give suggestions and ideas to make it more effective
Are you considering this idea for GSoC 2019?
Thank you