Allow user to select between 1 minute and 1 year, best ux



  • For one of my inputs I want the user to be able to select a duration, which can be between 1 minute and 1 year

    If they're working in the minute area it should be easy to select 1 vs 10 minutes. Easy to chose 1hr vs 4 hours. Easy to chose 1 day vs 2 days, etc...

    I was thinking to use a horizontal slider but can't figure how to make it work across all these time frames.

    The best I could come up with is 4 horizontal sliders, and let the user drag them to form the duration they want

    minutes 1-60, hours 1-24, days 1-6, weeks 1-52

    This isn't a super duper frequent site activity but this does seem cumbersome

    Any other ways I might organize the user select to allow a user to chose anything time duration between a minute and a year?



  • One example that I found to be quite easy for the user to visually see the different time frames: enter image description here https://123timer.com/

    You can add another column for Month, Year etc...

    Another option is to have a drop down for each time period: enter image description here https://dollyclock.com/timer-online


Log in to reply
 


Suggested Topics

  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2