Case study: Redesigning a B2B task grid to improve multi-select efficiency by 3x

Design · 6 min read

The task grid was the heart of WorkSpan, a collaborative task app used by operations teams. Interviews showed power users spent 40% of their time in multi-select workflows but the legacy grid relied on awkward shift-click metaphors and slow server-side batch actions. The design team mapped the current journey, observed edge cases, and quantified frequency and time-on-task for common bulk operations.

Designers iterated on three prototypes: a keyboard-first flow, a touch-friendly multi-select mode, and an inline bulk action bar with optimistic UI updates. The team landed on a hybrid: a persistent multi-select toggle that enabled range selection, keyboard shortcuts, and a floating bulk action bar that summarized selected item counts and offered immediate client-side previews of changes.

A controlled rollout to 25 power-user accounts showed multi-select task completion speed improve 3x for common actions and error rates drop by half due to the optimistic preview. The design also introduced a small onboarding coach for power features and analytics hooks so designers could track adoption. The case highlighted that enabling predictable bulk operations often requires both interaction changes and backend support for optimistic responses.