Calendar display options issue

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:

enter image description here

  • It's a jssor static slider
  • The user can see/go to the next event:
    • By clicking and dragging from the slider
    • Clicking on the View more → button
  • The slider shows the next event closest to today 1st in the center and the rest consecutively
  • At the bottom there is an indicator with dots showing the number of events, the filled dot is the event in the center
  • In the left and right borders there are incomplete events to show there is more to see

All this is seen very clear for me, but not for the common user as they have let me know.

Issues:

  • No one understands the use of the View more → button

  • Nobody realizes that events can be moved by click and drag directly on the slider

  • When the first event appears in the center after the last event, this 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

enter image description here

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)

enter image description here

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 clear, some idea of an impartial eye can be of great help.

Tags: