search

ShelbyTV / shelby-gt-web

the new shelby web front end for rolls <over />
shelby.tv
3 stars 0 forks source link

Project Wizard: Explore 2.0 #763

Open ckurdziel opened 11 years ago

ckurdziel commented 11 years ago

To be filled out

Criteria for Explore 2.0 content can be found here: #755

vincentiadevaia commented 11 years ago

Before putting this through the project wizard, I wanted to talk about what me and Henry have discussed and show off some wireframes.

Words

The idea for Explore 2.0 is to give users on both desktops and televisions a TV experience as mentioned in #754. Viewers will always start within a channel, which is a roll featuring content from multiple sources. From there, they can watch what we've given them, or dig deeper into other channels. To evoke this feeling of TV, a name change from Explore to TV makes sense. The word Explore feels like a lot of work to our viewers, while TV requires little to no work.

UX

When viewers are brought to the TV section of our website, video playback in fullscreen mode will start. We can specify one channel to always start on, or begin on the channel they last watched. On the bottom of the Video Footer will be a "Channel List" button in addition to the current video actions there (roll, like, share, comment). When you click on the channel list button, the entire Video Footer will grow in height to reveal a section where viewers are able to select a new channel they want to view.

On a desktop, viewers will have the ability to expose the side panel to see the individual video cards in channel they are watching. This however will not be available to viewers on a TV, who will always be locked in fullscreen mode.

TV

Next Steps

Continuing UX and working out all the details of Explore 2.0. I think our challenge here is to create an experience that is responsive and works well on both a browser and a TV. @matyus

Future

This is the start to our 10 foot experience. I think it would be great to develop the controller from our HackDay to be usable with our TV section of the app.

vincentiadevaia commented 11 years ago

UX Details

I sat down with Henry to talk through the UX further. We decided that while the TV and Web experience should be as similar as possible, there would be differences due to the use of a controller vs keyboard.

TV

The TV experience removes the buttons on the bottom of the "Video Footer" that allow users to roll and preform other actions. This really simplifies the experience and the controls on the remote.

Remote controls

Up and Down - Change channel, when changing a channel, a temporary list will appear at the top to show you options in the channel list. Left and Right - Change videos in that channel. Enter - Play / pause video.

tv1

Web App

The web app experience contains all the actions in the current "Video Footer" we have implemented and adds a channel list button. Clicking on this new button will bring up the channel list.

tv_2