How to simplify this time periods definition interface?

by Yannick Blondeau   Last Updated March 14, 2019 14:16 PM - source

We have a module in an application where users define time periods for different criteria that will be used later to filter some lists.

By default each criteria applies anytime. Its validity can be limited by both restricting the application time periods, and adding exclusion time periods. Already defined application and exclusion periods can be edited or deleted.

The current interface is as follow:


download bmml source – Wireframes created with Balsamiq Mockups

Users find difficult to understand the logic of "application" vs "exclusion" time periods, which I totally understand. I still don't find a solution to simplify the interface while keeping all the existing possibilities.

What can be done to improve users experience here?

Answers 1

Instead of placing action buttons at the bottom, place "Add" buttons in each section.

From 2019-01-01 to 2019-12-31    edit   delete

+ Add

From 2019-07-14 to 2019-08-15    edit   delete

+ Add
Stacy H
Stacy H
March 14, 2019 14:01 PM

Related Questions

Why are normal water coolers so low?

Updated March 12, 2018 07:16 AM

Complex forms with many variables

Updated November 15, 2016 08:06 AM

Removing Value Proposition from Registration Form

Updated November 23, 2018 00:16 AM