Search Feature Design Idea

[Perseusdehond]

Hello there again, I have made another redesign this time of the search feature. I thought Timscampi was also busy making this function but I would like to give my concept too of a design for this page. I also used the tabs to switch between movies, shows, books etc. like what Timscampi has implemented if I’m correct.

I don’t know if you would immediately go to a search screen by clicking on the search bar. But if so, then I had an design like the one in the top left in my mind. This would bring you to the ALL tab where you can search all content types as is the case in Jellyfin web now. This would instead now show the latest searches as this is easy if you want to re-search anything. Then it would show some recommendations based on the content you have searched for. Jellyfin web also does this, but it only shows the title and nothing else, so a visual poster would be much better imo. Then it could also show some recommended filters so it is easier to find some content you would want to watch/read/listen to. I think it would be a good use of space to use a right bar with playlists and collections bundled as they do roughly the same. So this way you can access those easily and they come to extra use when searching for something.

I didn’t make another design to show off what it would look like when you search for anything in ALL, because I show it in the other 3 pages. In all, it would just show more sections underneath what is found before the suggested content proposed there if there are more kinds of content to show off there.

In the bottom left I went to the MOVIES tab so it would only show movies and actors/writers/directors as I don’t think they necessarily need another tab to keep things a bit more simple. So when you search for a movie name, e.g. Back to the Future, it still shows the recent searches. Underneath that it would show the matching movies in a bigger card to stand out from the rest of the page a bit more. Then it would show some movies based on those movies. This would be some movies that are also recommended when clicking on such a movie. It could also potentially display some actors/writers/directors that worked on that movie, but I didn’t show that. Then you can also see that the playlists and collections bar became less crowded, because it now only shows those collections/playlists that have (in this case) Back to the Future in them. This would allow to also go into that collection and get the same kind of movies.

In the top right you can see that you could search on a role in the movie. As of right now, this can’t be done in Jellyfin web, but I think it would be useful if you don’t know the name of the movie or actor. So when you search for a role, it shows the movies with that role in it and the actor that plays him/her. Also the collections get filtered.

In the bottom right, you can see that you could also search for an theme or something. This would only really be of use when you have a collection/playlist of that type. So it would both search for movies with that name as display a few movies that are in a collection named Christmas for example.

I got the idea for the collections/playlist bar from Disney+ as they display it before a search and I really like this personally.
These pages would basically be displayed the same for other content types. But I don’t think visuals are needed to understand the basic concept for them.

I don’t know how hard it is to implement some of these idea’s but it could be an idea to do something different with the search feature instead of just only giving the movie that matches the exact title you searched for. Some of these design choices have been used from my home page design idea, so it would be more in-line if some of those parts would get implemented as they also have much to do with recommending content to the user.

I hope you like some parts of it ;)