February 2018

February 2018

I am going to leave a small note up here describing the changes that have taken place since I first finished this project in the Fall semester of 2016. In August the following year, YouTube updated the design of the whole platform, cleaning it up and bringing it more in line with the Material Design guidelines. A few months later they stealthily added the capability to search through your Watch history (but not your Search history), though I can't pin down an exact date for when that rolled out.

 Top: New Watch history. Middle: New Search history. Bottom: detail of history selection. You can search through your watch history but not your search history.

Top: New Watch history. Middle: New Search history. Bottom: detail of history selection. You can search through your watch history but not your search history.

And on February 1st, 2018, they added a quick list of recently watched videos to the Android YouTube app, enabling people to access their history faster than ever before.

 The top row of thumbnails shows your 15 most recently watched videos.

The top row of thumbnails shows your 15 most recently watched videos.

Their redesign and improved functionality for user watch history directly mirrors and validates many of the points I raised in this project. I never expected to see any of my ideas make it into the official YouTube experience, but it's certainly a welcome change for someone who's had enough gripes about these issues to go as far as start a project on it.

Artboard 22 - 3.png

Since Google revealed Material Design in 2014, it has rolled it out across its multitude of services, usually in apps first and then their web counterparts. However, despite having a fully themed YouTube app, the web layout has a poor implementation of Google's own Material Design guidelines and much room for improvement.

 Clockwise from top left: Drive, Keep, Docs, Contacts

Clockwise from top left: Drive, Keep, Docs, Contacts

Artboard 4.jpg

Tabs work best on mobile where it is intuitive to swipe between them. However, due to their web environment clicking on a tab instantly brings you to another page without an accompanying transition. They also don't reflect the top-level navigation found in the navigation drawer to the left, with only 3 of the 5 supposed top-level pages.

Artboard 5.jpg

In typical Google fashion, a great idea is marred by poor implementation. Taken right from their own design guidelines - "avoid creating too many regions."

Artboard 6.jpg
Artboard 7.jpg
DSC04674 - Edit.jpg
DSC04676 - Edit.jpg
DSC04690 - Edit.jpg

One round of usability testing with the mockups was done to analyze which parts of the interface were unclear and needed to change. Testers were asked to navigate through two tasks and insights were gleamed from their interactions.

Artboard 12.jpg
Artboard 11.jpg
Artboard 14.jpg
Artboard 16.jpg