publiclab / plots2

a collaborative knowledge-exchange platform in Rails; we welcome first-time contributors! :balloon:
https://publiclab.org
GNU General Public License v3.0
956 stars 1.83k forks source link

[WIP]Brainstorm tours accross the website #4110

Open SidharthBansal opened 5 years ago

SidharthBansal commented 5 years ago

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 commented 5 years ago

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

digitaldina commented 5 years ago

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 commented 5 years ago

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 commented 5 years ago

@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 commented 5 years ago

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 notifications@github.com 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 commented 5 years ago

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 <notifications@github.com 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 notifications@github.com 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 commented 5 years ago

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 <notifications@github.com 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 <notifications@github.com 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 <notifications@github.com

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 commented 5 years ago

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 notifications@github.com 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 <notifications@github.com 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 <notifications@github.com 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 < notifications@github.com

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 commented 5 years ago

Sure, that sounds good!

On Sun, Jan 13, 2019 at 12:07 PM Sidharth Bansal notifications@github.com 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 notifications@github.com 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 <notifications@github.com 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 <notifications@github.com 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 < notifications@github.com

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 commented 5 years ago

Blog page can also be added.

Rishabh-Kumar-Bothra commented 5 years ago

@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 commented 5 years ago

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 <notifications@github.com 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 commented 5 years ago

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 ?

Rishabh-Kumar-Bothra commented 5 years ago

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

Rishabh-Kumar-Bothra commented 5 years ago

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

image

If user opt for Start Tour we could take him to

Dashboard

image

Then describing basic functions in the dashboard like :

Share your work button

image

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

Research notes

image

Here we can encourage users to post their own research notes

Write a research note button

image

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

People

image

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

Blog page

image

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

image

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