Defragment the history/list experience

[teolemon]

What

• We currently have
  • History of products loaded by the app (in the History tab)
  • History of scans (in the user profile, not accessible unless you are logged in)
  • Lists (no default lists are created on app install, migrated users will have the default lists from the old app)
• We should rename the "History" tab into "History & Lists" or just "Lists" (with a history icon ?)
• We should see "Scan history" and "Products opened in the app" as just 2 specific lists.
• I would like to see a "Shopping list", "Product I bought" default lists
  • This allows users to start engaging more easily with the lists feature
  • This allows to start building cool features
    • like making a SUM() of all the plastic in the "Product I bought" list (Yes, we can technically do that 🎉 )
    • like doing a Nutri-Score/Eco-Score reviews of the "Product I bought" list
    • like doing a SUM() of all the carbon emitted in the "Product I bought" list (Yes, we can technically do that 🎉 )
  • And more standard features
    • like copying bulk products from one list to another
    • like Add a full data portability feature #4062, Sync list to website if using the same account and user allows it #3373, Add ability to sort 'manually' #3372, Allow to share lists #2627

Tasks

Beta Give feedback

1. Add "Shopping list", "Product I bought" default lists
2. fix: 4424 - longer label for "empty the list" + refactoring #4447
   User lists 🌐 l10n 🥫 Product page +3
   
3. Double delete button in some lists #4424
   User lists 🐛 bug +2
   
4. feat: (Un)select all for history/lists… #4435
   PR: needs rebase 🌐 l10n 🥫 Product page +3
   
5. Add a one-time in-context onboarding tooltip that shows additional actions possible on a list #3959
   User lists 🤗 Onboarding +2
6. Import/Export of Lists #3830
   ⭐ top issue User lists good first issue lists 🎯 P1 +5
7. Sync list to website if using the same account and user allows it #3373
   cross-platform experience lists +2
8. Allow to share lists #2627
   P2 lists sharing ✨ enhancement +4
9. Add a full data portability feature #4062
   0 of 4
   Data export privacy +2
10. Allow to create a new list from the add to list menu (per PlayStore feedback)

References

• Track mode (Tracker issue) #523
• Create a plan to enable the tracking of environmental impact #2483
• Display summation of nutrition facts for a grocery trip #3390

What do you think ?

[monsieurtanuki]

@teolemon If we change "History" into "Lists", we could have a "more ..." button on the app bar where you would list the lists (haha), and eventually provide admin actions (e.g. create list).

Something like:

(app bar) Product history (...)

• Scan history
• Shopping list
• Products I bought
• My breakfast

• ---

• Create list

[monsieurtanuki]

@teolemon It would look like this:

"more" button	expanded menu

[monsieurtanuki]

@g123k I have a good news and a bad news.

The good news is that we can retrieve the list of user lists without async, so adding the user lists to the current page is not a problem.

The bad news is that the solution you recommended (SmoothModalSheet) is not adapted for long lists (by "long" I mean more than 3, at least on my smartphone), as you can see:

I use Column. Perhaps a ListView would do the trick, but there's always that tap dancing about computing the size.
Anyway, we would have half a screen (as in a modal bottom sheet) and would have to scroll in that half screen. Not very nice, UX-wise.
A solution could be to swap the app bar buttons:

• a "... more" button that displays all the other lists, and we let flutter deal with long lists
• an "action" button that has a limited set of actions (rename, clear, open in web, share), which would be easier to display in a limited space

[g123k]

For your UI question, I have checked what Google Maps/Apple Plan do and they have a bottom sheet, with an inner scroll.
If necessary I can implement it, but basically, you take half of the screen, when you scroll up, the modal take the full width and then you scroll within the content.

Here is what it could look like:

Collapsed:

Expanded:

This is what I would like to implement for KP

(An improvement could be to "star" a list, and then it will be on top of it)

[monsieurtanuki]

I would like to see a "Shopping list", "Product I bought" default lists

@teolemon Are you talking about "system" lists (unremovable and unrenamable like "history") or just 2 user lists that we build by default?
The "system" lists would be much easier to implement, especially for localization reasons.

[teolemon]

• For those two, I would go with system lists, and trying to convert existing custom lists in the wild into system lists (matching any list in English or any of the translations we have)

[monsieurtanuki]

@teolemon Ok to create two "system" lists (unremovable and unrenamable like "history") for "Shopping list" and "Products I bought".

For "Shopping list" in the real world there are numbers of items too, like what we coded about 2 years ago (including "pantry" lists). I'm afraid that could cause confusion to display a shopping list without the number of items.

[teolemon]

• Auto-add icons to special lists

[monsieurtanuki]

@teolemon What about the number of products? That would be expected of a shopping list or a picnic.
We could start with "my favorite foods" (with a fast-track "heart" icon to add any product), and with "products I bought". In both cases no number of products is required/expected.

[teolemon]

• I have no good (input/display) UI yet for it. I still need to research it.
• I have been looking in the direction of Stock apps and Nutrition apps, which approach it in very different ways.
• I want our solution to be easy and not intimidating.

[g123k]

If we want a simple solution, we should embed a gallery of icons and let users choose one per list.
Way easier than trying to guess what's behind a name

EDIT: I'm sorry, I'm off topic

[teolemon]

@monsieurtanuki is talking quantities

[teolemon]

For the scanning part, I used Simply Stock today, and I found their system with + - and a dropdown quite convenient. It could be a dedicated "Stock mode" for the scanner. Eg. NOT activated by default @monsieurtanuki @g123k

[monsieurtanuki]

For the scanning part, I used Simply Stock today, and I found their system with + - and a dropdown quite convenient. It could be a dedicated "Stock mode" for the scanner.

@teolemon Regardless of the "stock +1/-1" feature, it could be very cool to be able to

• add the product to a list directly from the scan page
• when on product list page, multi-select products to add them to a list