I have an UI that looks something like the following wireframe. It shows data for a day, that is selected in another page in the app.
I wanted to add the option for users to switch the date from this page also. The data is shown in cards (that are also swipeable for some actions).
I added the card that is shown in the wireframe with the
Prev Day text on it, and the user has to hold it for 1 sec for the date to be changed. Also there is a similar card at the end of the data for the next day. Those cards show an animations while they are pressed, that fills from right to left, respectively left to right and after 1 sec the data is changed.
The problem is that after releasing the app in alpha most users seem to expect the action to happen on a quick tap, and they are not holding the card pressed (they are tapping so fast that the animation is barely starting). I don't want to make the action available on a quick tap because it might be a lot of data, and don't want the users to tap by mistake.
I have thought of the following solutions:
- Show an message if the tap is < 500 ms to tell the user that the card needs to be held for 1 sec.
- Make the card swipeable, like the data cards (maybe even get rid of the card at the end of the data for the next day and make this card swipable in both directions)
- Show a text that tells the user to hold for 1 sec in the card.
- I was also thinking of adding a
+sign on the date bar, but I am afraid that users will click the back button by mistake.
Which one of the solutions should I implement, or do you have a better one?
Also, I think I should add an option to open a calendar, so you don't have to go day by day. I was thinking of adding it if you click on the date, but it will also not be expected by the users, do you have a better idea?