On the website of a client we have a calendar of events with quite a bit information in addition to the date and place. It looks like this:
- It’s a jssor static slider
- The user can drag to the next event
- by clicking on the slider
- Clicking on the view more button
- The slider shows the nearer next event in the center and the rest in a consecutive way
- At the bottom there is an indicator with dots showing the number of events, the filled dot is the current event
- In the left and right borders there are incomplete events to show there is more to see
All this is seen very clearly for me, but not for the common user as they have let me know.
- No one understands the use of the view more button
Nobody realizes that events can be moved by click and drag on the slider
When the next closest event appears in the center after the last event is seen as an error
The cut events on the left and right to show there is more hidden information, is perceived as a design error
Removing the cut events from the ends makes no one know there are more events to see
Nobody sees or understands the meaning of the dot indicator at the bottom
The only solution I see possible is putting the classic slider buttons to see if it’s better understood (I have not tested it and breaks the overall page design)
Summing up: I think nobody realize the calendar of events is a slider.
I’m a little blind in terms of function, because I still seeing it very clearly, some idea of an impartial eye can be of great help.