Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Add onboarding hint that the cards can be tapped #1022

Closed
Tracked by #561
teolemon opened this issue Jan 27, 2022 · 2 comments · Fixed by #1367
Closed
Tracked by #561

Add onboarding hint that the cards can be tapped #1022

teolemon opened this issue Jan 27, 2022 · 2 comments · Fixed by #1367
Assignees
@cli1005
Labels
🤗 Onboarding We need to onboard users on how the app works, but also on content like Nutri-Score, Eco-Score…
Milestone
V1

Comments

@teolemon
Copy link
Member

teolemon commented Jan 27, 2022 •
edited
Loading

Why

  • It's not intuitive that cards can be tapped

What

  • Add 1-time onboarding hint that the cards can be tapped

Mockup

Onboarding tooltip

Part of
@teolemon teolemon added the 🤗 Onboarding We need to onboard users on how the app works, but also on content like Nutri-Score, Eco-Score… label Jan 27, 2022
@teolemon teolemon mentioned this issue Mar 18, 2022
Open
@cli1005 cli1005 self-assigned this Mar 24, 2022
@cli1005
Copy link
Contributor

cli1005 commented Mar 25, 2022 •
edited
Loading

I added a little "tooltip" in front of the page, but two points need to be confirmed concerning the behavior of showing/dismissing this little popup:

The hint will popped up:

  • only one time on the page sample heath card if the user starts(or resumes) the onboarding process from this page or any page before(no hint any more even back to the page).
  • only one time on the page sample eco card if the user resumes the onboarding process from this page (no hint any more when back to the page). ***
  • in the middle of the screen
  • with the message (app_en.arb)： "Your can tap on any part of the card to get more details about what you see. Try it now!" ***
  • with the background color: Theme.hintColor
  • with the text color: Theme.cardColor

The hint will be dismissed if the user taps anywhere on the screen

***：If we add also the hint to the page sample eco card, could we remove the word "Health" from the hint message to facilitate the work？

If those behaviors need to be changed or are ok for you, please let me know
Simulator Screen Shot - iPhone 13 - 2022-03-25 at 16 53 41

@teolemon
Copy link
Member Author

Sounds reasonable @cli1005 👍

@teolemon teolemon mentioned this issue Mar 26, 2022
Closed
cli1005 added a commit to cli1005/smooth-app that referenced this issue Mar 28, 2022
@cli1005
feat: openfoodfacts#1022 add onboarding hint
75ca7a4
@cli1005 cli1005 mentioned this issue Mar 28, 2022
Merged
@M123-dev M123-dev linked a pull request Mar 28, 2022 that will close this issue
feat: #1022 - add onboarding hint that the cards can be tapped #1367
Merged
cli1005 added a commit to cli1005/smooth-app that referenced this issue Mar 29, 2022
@cli1005
feat: openfoodfacts#1022 add onboarding hint
0ed761a 
refactoring before push
@cli1005 cli1005 moved this from In Progress to Pull Requests in 🤳🥫 The Open Food Facts mobile app (Android & iOS) Mar 29, 2022
cli1005 added a commit to cli1005/smooth-app that referenced this issue Mar 29, 2022
@cli1005
feat: openfoodfacts#1022 add onboarding hint
b1d450c 
set opacity of hint
cli1005 added a commit to cli1005/smooth-app that referenced this issue Mar 30, 2022
@cli1005
feat: openfoodfacts#1022 refactoring
2892e5b
Repository owner moved this from Pull Requests to Done in 🤳🥫 The Open Food Facts mobile app (Android & iOS) Mar 30, 2022
teolemon pushed a commit that referenced this issue Mar 30, 2022
@cli1005
feat: #1022 - add onboarding hint that the cards can be tapped (#1367)
a2a1b10 
* fix: #1155 - MissingPluginException (iOS scanner issue)

* fix: #1155 - MissingPluginException (iOS scanner issue)
- Use an old version of google_ml_kit to remove firebase link

* fix: #1155 - MissingPluginException fix v2
fix method handler in google_ml_barcode_scanner

* feat: #1022 add onboarding hint

* feat: #1022 add onboarding hint
refactoring before push

* feat: #1022 add onboarding hint
set opacity of hint

* feat: #1022 refactoring
@github-actions github-actions bot mentioned this issue Mar 30, 2022
Closed
@teolemon teolemon added this to the V 1 milestone Mar 31, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@cli1005 cli1005

Labels
🤗 Onboarding We need to onboard users on how the app works, but also on content like Nutri-Score, Eco-Score…
Projects
🤳🥫 The Open Food Facts mobile app (Android & iOS)
Archived in project
Milestone
V1
Development

Successfully merging a pull request may close this issue.

feat: #1022 - add onboarding hint that the cards can be tapped cli1005/smooth-app
2 participants
@teolemon @cli1005