UX Pickle

Category Data

Title card reading How to display duration HH:MM without confusion, Data Display, uxpickle.com

How to display duration (HH:MM) so it isn’t confusing?

Reading Time - 5 minLabel the units. "2:30" reads as half past two just as easily as two and a half hours, so anywhere a duration could be mistaken for a clock time, write "2h 30m" or "2 hr 30 min" instead. Keep the HH:MM form only where the context makes it unmistakable — a video scrubber, a timesheet column with a header that says so — and never put a duration and a timestamp in the same column.

Designing a Data-Heavy UI

Designing a Data-Heavy UI

Reading Time – 3 minUpdated August 2026. These principles apply as much to today’s AI and analytics dashboards as to the tools of 2021. Density settings, sticky headers and column pinning are now standard in data tables, and the same…