A better UI ?

[satyamtg]

Currently, the ZIMs created by the scraper has very basic UI which seems to be mobile device friendly. However, it doesn't seem to take advantage of all the screen real estate available to it. Also, since we now support topics scraping and are on the way to support playlists scraping, I think it'd be good to display some info about the topic/playlist. I like the way we currently arrange videos as a grid. Also, if we take a look at any playlist on ted.com/playlists, it has got a pretty nice UI. What I want to propose is to have a UI that displays info like the playlists UI but also keeps the grid arrangement that we currently do. I have made some mockups on the possible ways we can go with. @kelson42 @dattaz @rgaudin what do you think about this?

For the mobile devices, we can rearrange the blocks from top to bottom instead of from left to right on the video page.

[rashiq]

I think that would make for a great addition later down the road, but should not be a priority

[rgaudin]

Thanks for the mockups.

I think we all agree the current UI is decent and has no bugs. That said, the TED online UI looks better now and a refresh would be a good addition.

As @satyamtg is looking for an opportunity to do some UI work, this looks like a good candidate to me.

I've created a github milestone for the stuff that we should do before, then we'll release (so that zimfarm can start filling-up the videos cache) and after that we'll be able to work on improving the UI. I've attached it to the next milestone but to me it gets integrated once we're all satisfied with it, there is no rush for that.

@satyamtg maybe next steps would be to propose image mockups with real-content inside in order to clarify what it shall look like ; including all the features (filters, pagination).

Also, I'd like to point out that we have fixed dimensions for the videos we serve (smaller than TED) and that we of course needs to be responsive.