this is the current design of our check-in screen on foodcopia. a couple challenges users have right now, first of all Add or Copy action only add or copy one extra item so if they want 10 of the same item with same information they have to click on it 10 times.
another challenge sometimes user arrives to this page from other pages on the app and by default x number of items are created in there prepopulating some information like product or qty but they need a way to enter value for other fields like NW and dates and apply to all the other items, of course this is like an option availabe if they want to use. How do you recommend to improve on these 2 challenges?
Great questions! Looking at your current design, here are my recommendations for solving both challenges:
Current pain: Users click "Copy" 10 times to get 10 identical items.
When users click the Copy icon, show a small popover or modal asking:
┌─────────────────────────────────┐
│ How many copies? │
│ ┌─────┐ │
│ │ 1 │ [-] [+] │
│ └─────┘ │
│ ☑ Include all field values │
│ │
│ [Cancel] [Create Copies] │
└─────────────────────────────────┘Benefits:
Current pain: Users arrive with pre-populated items but must manually enter NW, dates, etc. for each one.
Add a collapsible "Bulk Edit" toolbar above the items list:
┌──────────────────────────────────────────────────────────────────────┐
│ ⚡ Bulk Edit [Collapse ▲] │
├──────────────────────────────────────────────────────────────────────┤
│ NW (lbs) BB Date EXP Date Temp (°C) Lot # │
│ ┌───────┐ ┌──────────┐ ┌──────────┐ ┌───────┐ ┌───────┐ │
│ │ │ │ │ │ │ │ │ │ │ │
│ └───────┘ └──────────┘ └──────────┘ └───────┘ └───────┘ │
│ │
│ Apply to: ◉ All items (4) ○ Selected items ○ Empty fields only │
│ │
│ [Apply Values] │
└──────────────────────────────────────────────────────────────────────┘Key features:
| Challenge | Solution | User Action |
|---|---|---|
| Add 10 identical items | Copy with quantity picker | 1 click + enter number |
| Fill NW/dates for all items | Bulk Edit toolbar | Enter once → Apply to All |
I can create an interactive prototype of this improved check-in screen so you can see how these solutions would look and feel in practice. Just let me know if you'd like me to proceed!
Now I'll update the globals.css with Foodcopia's brand colors and create the interactive prototype:
I've created an interactive prototype of the improved Foodcopia Check-In screen with both UX enhancements you requested:
Challenge 1 - Bulk Copy: When you click the copy icon on any item card, a popover appears asking "How many copies?" with +/- buttons and an input field. You can enter any number (1-100) and click "Create X Copies" to duplicate the item that many times.
Challenge 2 - Bulk Edit Toolbar: A collapsible "Bulk Edit" toolbar sits above the items list. When expanded, it shows fields for NW, BB Date, EXP Date, Temp, and Lot #. Users can choose to apply values to:
The prototype also includes visual cues - empty fields that need attention (NW, dates) have a subtle green highlight to guide users on what still needs to be filled in. Try selecting multiple items with the checkboxes and using bulk edit to fill in the dates for all of them at once.