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

⚙️ Settings (tracker) #960

Open
9 of 10 tasks
Tracked by #525
, #932 ,  #919 ,  #916 ,  #915
...
teolemon opened this issue Jan 15, 2022 · 5 comments
Open
9 of 10 tasks
Tracked by #525
, #932 ,  #919 ,  #916 ,  #915
...

⚙️ Settings (tracker) #960

teolemon opened this issue Jan 15, 2022 · 5 comments
Labels
🎯 P1 ⚙️ Settings
Milestone
V1.1

Comments

@teolemon
Copy link
Member

teolemon commented Jan 15, 2022 •
edited
Loading

What

  • This screen is very proeminent, and used to be only for Food preferences (Tracker issue) #506 (something 90% of users are likely to use only once). We thus added app settings, and other important things (like calls to Contribution, Donation…). This is now a mess.
  • An option is to rededicate the top menu navigation to Lists, break down settings into part, and add contextual/onboarding hints to various part of the app, including a Cog wheel on the "Welcome" scan screen.

General look & feel
Preview Give feedback
  1. Flatten content in setting bottom sheet #916
    P2 good first issue layout ⚙️ Settings 🎨 Mockups available 🎨 UI / UX
    GowthamGoush
  2. Breaking down the Profile Section into Multiple Pages/Tabs #1501
    share-ux ⚙️ Settings 🎨 Mockup required
    Raj2503 monsieurtanuki
  3. Use the standard filterable dropdown for the DEV mode language selection #2482
    🎨 UI / UX
    abughalib
  4. Make the language switcher available to all users #2503
    ⚙️ Settings
    monsieurtanuki
  5. In the "My profile" menu, the titles are way too big! #2326
    ⚙️ Settings

User management

  • Send the app version and build in account deletion requests
    • Just like in the contact us email, this can help us detect potential patterns we may have missed

Food preferences

App settings

Calls to Action

image

  • The impact of indicating preferences is not clear – it is not obvious that this impacts recommendations and matching
  • The buttons that change between three states and colors are not very ergonomic
  • Android version: no separation between different blocks (profile, food preferences, settings)
  • Android version: spacing is often insufficient, sometimes spaces between sections are smaller than between éléments within the section
  • Some of the items (ex. NOVA group) need a possibility to click on them to get more information
  • Profile creation: no explication about the difference between username and « nom d’affichage »

Done
Preview Give feedback
  1. Turn the "Donate" coming soon into a link to https://donate.openfoodfacts.org/ #932
    ⚙️ Settings
    M123-dev
  2. Flatten color/dark mode settings #919
    P2 good first issue ⚙️ Settings 🎨 Mockups available 🎨 UI / UX
    sgayangi
  3. Add a confirmation step before logging out #884
    ⚙️ Settings 👥 User management
  4. Harmonize top margin in settings #824
    good first issue layout ⚙️ Settings 🎨 UI / UX
    bhattabhi013
  5. Add links to the social media accounts of Open Food Facts #915
    P4 good first issue ⚙️ Settings
    bhattabhi013

Part of
@teolemon teolemon mentioned this issue Jan 15, 2022
Closed
1 task
This was referenced Jan 15, 2022
Closed
Closed
Closed
Closed
Closed
Closed
Closed
Closed
@teolemon teolemon mentioned this issue Mar 6, 2022
Closed
2 tasks
This was referenced Mar 16, 2022
Closed
Open
@teolemon
Copy link
Member Author

teolemon commented Mar 18, 2022 •
edited
Loading

@monsieurtanuki @M123-dev @g123k I added the Share-IT audit above

This was referenced Mar 22, 2022
Closed
Closed
@Gagarod Gagarod mentioned this issue Mar 29, 2022
Merged
@Raj2503 Raj2503 mentioned this issue Apr 6, 2022
Closed
@teolemon teolemon mentioned this issue Apr 10, 2022
Closed
42 tasks
@teolemon
Copy link
Member Author

Here's a proposal:
image

@teolemon
Copy link
Member Author

cc @M123-dev @PrimaelQuemerais @monsieurtanuki @stephanegigandet
See also: https://forum.openfoodfacts.org/t/proposal-for-a-new-personalized-experience-in-the-open-food-facts-app-and-website/71/3

@monsieurtanuki
Copy link
Contributor

That's not possible as is: the info icon for mandatory is too small and too close to the mandatory slider value.
A solution would be to automatically open the info pop-up when a value is selected.
I would also suggest radio buttons instead of sliders. Let me try...

@monsieurtanuki
Copy link
Contributor

Something like that:
Simulator Screen Shot - iPhone 8 Plus - 2022-04-16 at 21 43 40

monsieurtanuki added a commit to monsieurtanuki/smooth-app that referenced this issue Apr 17, 2022
@monsieurtanuki
feat: openfoodfacts#960 - changed the attribute/importance preference…
b4046c0 
… display.

Impacted files:
* `attribute_button.dart`: changed the whole display.
* `design_constants.dart`: added a constant for the default icon size.
* `product_preferences.dart`: added the downgrading of "very important" to "important".
* `pubspec.lock`: wtf
@monsieurtanuki monsieurtanuki mentioned this issue Apr 17, 2022
Merged
monsieurtanuki added a commit to monsieurtanuki/smooth-app that referenced this issue Apr 17, 2022
@monsieurtanuki
feat: openfoodfacts#960 - adjustments for the goldens test
9f49ab2 
Impacted files:
* `attribute_button.dart`: adjustments in order to pass the goldens test.
* `design_constants.dart`: added a constant for the minimum target size (according to goldens).
* `user_preferences_page-blue-dark.png`: impacted by new display.
* `user_preferences_page-blue-light.png`: impacted by new display.
* `user_preferences_page-brown-dark.png`: impacted by new display.
* `user_preferences_page-brown-light.png`: impacted by new display.
* `user_preferences_page-green-dark.png`: impacted by new display.
* `user_preferences_page-green-light.png`: impacted by new display.
@teolemon teolemon added this to the V1 milestone May 4, 2022
monsieurtanuki added a commit that referenced this issue May 4, 2022
@monsieurtanuki
feat: #960 - changed the attribute/importance preference display. (#1590
21253c1 
)

Impacted files:
* `attribute_button.dart`: changed the whole display.
* `design_constants.dart`: added constants for the default icon size and the minimum target size (according to goldens).
* `product_preferences.dart`: added the downgrading of "very important" to "important".
* `pubspec.lock`: wtf
* `user_preferences_page-blue-dark.png`: impacted by new display.
* `user_preferences_page-blue-light.png`: impacted by new display.
* `user_preferences_page-brown-dark.png`: impacted by new display.
* `user_preferences_page-brown-light.png`: impacted by new display.
* `user_preferences_page-green-dark.png`: impacted by new display.
* `user_preferences_page-green-light.png`: impacted by new display.
@github-actions github-actions bot mentioned this issue May 4, 2022
Closed
monsieurtanuki added a commit to monsieurtanuki/smooth-app that referenced this issue May 5, 2022
@monsieurtanuki
feat: openfoodfacts#960 - 2 lines (instead of 1) for "importance", an…
31c0ff1 
…d radio button on top

Impacted files:
* `attribute_button.dart`: 2 lines (instead of 1) for "importance", and radio button on top
* `user_preferences_page-blue-dark.png`: golden refresh
* `user_preferences_page-blue-light.png`: golden refresh
* `user_preferences_page-brown-dark.png`: golden refresh
* `user_preferences_page-brown-light.png`: golden refresh
* `user_preferences_page-green-dark.png`: golden refresh
* `user_preferences_page-green-light.png`: golden refresh
@monsieurtanuki monsieurtanuki mentioned this issue May 5, 2022
Merged
monsieurtanuki added a commit to monsieurtanuki/smooth-app that referenced this issue May 6, 2022
@monsieurtanuki
feat: openfoodfacts#960 - adjustments after golden and stephanegigandet
0abc679 
Impacted files:
* `attribute_button.dart`: smaller title style, info on the right, minimum target size
* `user_preferences_page-blue-dark.png`: golden refresh
* `user_preferences_page-blue-light.png`: golden refresh
* `user_preferences_page-brown-dark.png`: golden refresh
* `user_preferences_page-brown-light.png`: golden refresh
* `user_preferences_page-green-dark.png`: golden refresh
* `user_preferences_page-green-light.png`: golden refresh
monsieurtanuki added a commit that referenced this issue May 6, 2022
@monsieurtanuki
feat: #960 - 2 lines (instead of 1) for "importance", and radio butto…
b6e253a 
…n on top (#1760)

Impacted files:
* `attribute_button.dart`: 2 lines (instead of 1) for "importance", radio button on top, smaller title style, info on the right, minimum target size
* `user_preferences_page-blue-dark.png`: golden refresh
* `user_preferences_page-blue-light.png`: golden refresh
* `user_preferences_page-brown-dark.png`: golden refresh
* `user_preferences_page-brown-light.png`: golden refresh
* `user_preferences_page-green-dark.png`: golden refresh
* `user_preferences_page-green-light.png`: golden refresh
@teolemon teolemon mentioned this issue May 14, 2022
Closed
1 task
@teolemon teolemon modified the milestones: V1, V1.1 May 24, 2022
@teolemon teolemon mentioned this issue Jun 21, 2022
Open
This was referenced Jul 3, 2022
Closed
Closed
@teolemon teolemon mentioned this issue Jul 15, 2022
Closed
1 task
@teolemon teolemon changed the title Settings (tracker) ⚙️ Settings (tracker) Aug 16, 2023
@teolemon teolemon mentioned this issue Aug 24, 2023
Closed
@teolemon teolemon moved this to To Discuss and Validate in 🎨 UXR & Design team Apr 25, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
🎯 P1 ⚙️ Settings
Projects
🎨 UXR & Design team
Status: To Discuss and Validate
🤳🥫 The Open Food Facts mobile app (Android & iOS)
Status: 🏗️ In Progress
Milestone
V1.1
Development

No branches or pull requests
2 participants
@teolemon @monsieurtanuki