smooth-app
smooth-app copied to clipboard
[Nutrition table] A suggestion
Hi everyone,
While working on the product edition, I thought about some enhancements for the nutrition table/facts. I have identified 5 issues:
- The switch for “no nutrition fact” seems inverted (on the left?)
- The question is negative
- The serving unit is at the center of the screen without being really understandable for newcomers
- It’s difficult to understand that we can change the unit
- We can't select ranges (<, >, ~…)
Hence, my proposal:
Feel free to share your comments :)
@g123k Your suggestion looks great!
My remarks:
- as you know off-dart does not support < > for the moment, so that column is not relevant (yet)
- the units take too much space for little added value - given the low frequency when a user changes the unit, we would be better off with only one unit and a button
- in a near future, we'll have to handle not only "product as sold" data (the standard nutrition table), but also "product as prepared" (e.g. for cocoa powder when mixed with milk), cf. #3046, and it would be great if you could take that into consideration in your design
- there's no "save" button in your screen - I think it should always be visible
What happens on narrow screens, and with prepared scrolling ? Does it scroll sideways ?
Also personal opinion: the table looks intimidating. Very precise, but a bit intimidating (I'm going to break something)
I really like the table design. It's clear and resembles the one on the packaging.
there's no "save" button in your screen - I think it should always be visible
The save button could be put as an action button on the appbar!
For the rest, I'm with @monsieurtanuki
@g123k Btw I'm currently refactoring the nutriment page: nothing about the display, but as an impact of https://github.com/openfoodfacts/openfoodfacts-dart/pull/570
What if the serving size is not 100 gr. Would there be a way to enter it manually?
What if the serving size is not 100 gr. Would there be a way to enter it manually?
Yes, that the "serving size" field