svtplay-logo

Film

Side Scrolling Modules

Lack of Visual Differentiation

Content Density / Spacing

Repetition

General Thoughts

Browsing sidescrolling carousels is tedious and uninspiring.
They make it difficult to get a sense of the bigger picture/context.


They also (rightly) give the sense of just repeating content.
Didn't I just see this thumbnail?


A better visual differentiation between content, sections and categories would enhance the browsing experience.

SideScroll2

The 2-column grid

Having to visually zig-zag adds to cognitive load.

MubiGrid

Instead of showing two thumbs side by side, I would prefer to have only one image per carousel in view. It makes room for a bigger thumbnail, while still keeping the side scroll visible.

Seen here is the art film streaming service MUBI and their approach to sections, campaign modules and carousels.

 

MubiCampaign

Wish List

Concretely, I'm missing a grid view, and I also want to be able to filter my view. By tags such as category, year, language, country of origin, etc. I would also like to be able to browse by tags.

 

 

Grid View

As previously mentioned, sidescrolling carousels aren't great for getting an overview.

A grid view would be a way to adress this in a more visual manner.

It's a way to emulate the experience of standing in a video store or magazine/book shop.

The goal is to both inspire visually and support different interaction patterns.


 

A grid view would be very nice.

A toggle for switching between views would be great.

A zoomable grid view would be amazing!

Filters

I also want to be able to filter my view, and also to be able to browse by tags. 

Tags such as category, year, language, country of origin, etc.

 

How many films are there in total?
Swedish films?
SVT produced films?
English audio?
“International” category?
Curated list (“Filmkritikern rekommenderar”?
Öppet arkiv?

Conclusion

Better visual differentiation between sections and categories would enhance the browsing experience. 

Having to jump back and forth along with the lack of visual differentiation adds to cognitive load.

Instead of showing two thumbs side by side, show only one per carousel.  

Sidenote: Sticky side scroll is annoying - Fluid is better

 

Next — News