Twitch – The Next Level

Twitch – The Next Level Let users view and upload walkthroughs

My role
UX designer, team leader
Team partners
Paul Imes, Sunil Pithwa
Duration
2 weeks

Brief

Twitch is a live streaming video platform focused on gaming. As a part of the UX Design course at General Assembly, we had to introduce an easy way to upload video game walkthroughs to Twitch website.

Solution

Create an uploading process independent from external servers, allowing players to tag specific parts of the video and relate them to written walkthroughs, level by level. These improvements help other users to find what they are looking for, with no spoilers.

Team

Process

In order to understand more about gaming behaviour, we started our research with a survey sent out via social media and to specialized forums. Here are some key findings we set in the first 3 days:

95%Searched
for game help
67%Used
walkthroughs
96%Searched
walkthroughs on YouTube
Survey results
Interviews

Interviews

We conducted a total of 10 interviews with gamers based in the UK, the US, Brazil and Sweden - between survey contacts, people we met in Meltdown (a gaming bar in London) and personal contacts.

Personas

Personas

Based on the findings from our user research, we created 3 personas with different needs. Our primary persona was Jason. He is a heavy user of Twitch and makes extra money through donations from players who appreciate watching him skillfully play.

Userflow

Userflow

To help us focus on creating the best experience for users, we started thinking about which interactions and decisions are necessary to complete a task. Using Jason as an example, we listed which steps he needs in order to upload a game walkthrough.

Sketches

Sketches

Through a method called Design Studio, we started sketching proposals for the main screens identified during the userflows. We then discussed the best ideas we could test, such as page elements, structure and interactions.

Wireframes

Wireframes

Wireframes and rapid prototypes are an effective way to verify the practicality of a design concept. Four versions of each screen were tested and iterated based on feedbacks from users, in order to fit for the intended purpose.

User testing

User testing

Our key findings from user tests were combining videos and written walkthroughs in the same page and making the upload process as simple as in YouTube, allowing even eventual players to share their game discoveries.

Deliver

We created a solution that could easily be integrated to the actual Twitch website, but would require significant changes in the usability experience, such as in the introduction of predictive searching, filtering options, reviews and ratings.
The entirely new feature aimed at creating and viewing video game walkthroughs. Considering the perspective of the producers, we included an upload button, which should be available on any page on Twitch. A step-by-step process guides gamers to drag and drop videos, add written walkthroughs and to sync the video with specific levels or challenges.

For viewers, we keep the same features that Twitch already has, adding walkthroughs section to the same known layout. On the walkthrough page, the users can see both video and text together on one screen. On the video itself, we have given a wider view, as well as a thumbnail when scrolling through, markers are set on the timeline to indicate a link back to the text and a section indicator. Scrolling down, we get the text navigator. In this section, we can see the outline form of the walkthrough, textual based walking through every level and section of the game.

Deliver
Other projects
  • Consul Bem Estar | Fridge
  • Tea Set
  • Brastemp Retrô
  • Intelbras TS 60 and TS 40
  • Consul Facilite | Washing Machine
  • Halare