9:41
Picking Order #001 ⏱ 12:45
2 of 4 items picked 50%
✓
Clover Full Cream Milk 2L
Qty: 1 · Aisle 3, Shelf B
PICKED
✓
Albany Brown Bread
Qty: 2 · Aisle 1, Shelf A
PICKED
3
Free Range Eggs 6pk
Qty: 1 · Aisle 4, Shelf C
📍 Aisle 4, Shelf C, Position 12
CURRENT
Barcode: 6001240200022
📍 Aisle 4, Shelf C, Position 12
4
Lancewood Cheddar 400g
Qty: 1 · Aisle 3, Shelf D
PENDING

Screen Annotations — OPS-P-004 Pick List (Primary Working Screen)

Screen ID: OPS-P-004
Flow: Pick List — main picker working screen
Previous: OPS-P-003 Order Detail
Next: OPS-P-005 Pick Item, OPS-P-006 Barcode Scan, OPS-P-010 OOS Flag
Pick Header: Dark green header showing order number, running timer (elapsed time), and close/exit button. Timer is prominent in lime accent colour.
Progress Bar: Shows "2 of 4 items picked" with 50% fill. Updates as items are confirmed. Provides quick visual feedback on completion status.
Item States: Four distinct states: 1. PICKED (green background, checkmark) — items already confirmed 2. CURRENT (blue border, expanded view) — item being picked now 3. PENDING (grey, faded) — items still to pick
Current Item Expanded: The active item expands to show a large product image, barcode number, and highlighted location banner (lime background). This gives the picker all information needed without navigating away.
Action Buttons: "Scan Item" (primary lime) navigates to barcode scanner. "Item Not Available" (ghost red text) navigates to OOS flag screen (OPS-P-010).
Bottom Navigation: Present with elevated Scan center button. No tab is marked active since this is a task-focused screen, but nav is accessible.