TT Trading App Time Picker

The previous user experience design for a start/finish scheduled time entry was simply a text input in a grid. Through conversation with our developers and product owners, I developed a new UI to increase user input rate, align closely with the conventions of other time pickers in our software, and accommodate unique user need like negative time selections based on time zones for different markets.

I created a high fidelity mockup, detailing the UI behavior, appearance, and limits. By using Sketch, I was able to reuse certain UI symbols, and expand the UI in alignment with our design system.