phlask-map icon indicating copy to clipboard operation
phlask-map copied to clipboard

Create V.2 TutorialModal

Open dibleauzah opened this issue 4 years ago • 10 comments

Is your feature request related to a problem? Please describe. As a user, when I open the app, I need to have a quick virtual guide to show me the core features of the app.

Describe the solution you'd like Introduce users to the PHLASK button functionality; introduce them to the "Resource" interface; and the crowdsourcing form.

Describe alternatives you've considered XX

Additional context Still to be designed by Design Circle

dibleauzah avatar Dec 12 '21 12:12 dibleauzah

This onboarding modal is not final yet. We are considering tool tips instead of the "slide show" to increase awareness around the Phlask button.

Question for the dev team: How do we ensure that users do not see the onboarding every time they are visiting Phlask? Is there a way to show it only once at the first visit like in a native app?

lisapancakes avatar Jan 26 '22 00:01 lisapancakes

This ticket can be picked up. The design is up to date.

The question should be considered while building it. Ideally, users should only see the tutorial the first time. I added a "skip tutorial" option below the button, which gives the user the opportunity to skip the tutorial. Users can skip the tutorial also when clicking on the X in the top right corner.

If there are questions on how the tutorial or tooltips work, please let me know and I can clarify.

lisapancakes avatar Apr 19 '22 23:04 lisapancakes

@llebowitz - Apologies for not updating this story, the design previews for the Tutorial are available here: Tutorial Windows: https://www.figma.com/file/VGGqwl3Eq3GQIAO9I6LoNW/PHLASK?node-id=2881%3A12310&t=uRYWRbn5uqSkDfUZ-0 Tutorial Prototype in the Application Flow: https://www.figma.com/file/VGGqwl3Eq3GQIAO9I6LoNW/PHLASK?node-id=3427%3A29444&t=uRYWRbn5uqSkDfUZ-4

gcardonag avatar Feb 01 '23 00:02 gcardonag

Hey @JosephAni, is this something you're actively working on or are there any impediments?

freelyPheobe avatar Apr 25 '23 23:04 freelyPheobe

I was but from the meeting we had last week. I was told to hold off due to the UI/UX design of the user journey.

JosephAni avatar Apr 25 '23 23:04 JosephAni

Thanks, we'll move this to the backlog until the Design Circle is finished with its updates.

freelyPheobe avatar Apr 25 '23 23:04 freelyPheobe

Hi @freelyPheobe , I think this one also needs to have the "Version 2" tag removed as it hasn't been scoped into the 2.0 final work.

affabillyty avatar Jul 25 '23 15:07 affabillyty

@gcardonag @CmonUlot Hey! Is this a Version 2.0 or something else? If not, I would like to remove the tag.

freelyPheobe avatar Aug 02 '23 00:08 freelyPheobe

This looks similar to issue #300, and the direction for this design is not clear. The two figma links seem to present two different methods for a tutorial.

tomporvaz avatar Aug 13 '23 19:08 tomporvaz

Yes @freelyPheobe @tomporvaz this has been moved to 2.1

CmonUlot avatar Aug 15 '23 17:08 CmonUlot