▼ // PRODUCT DESIGN
As someone who always uses Twitch, I found the stream schedule lacking…
Disclaimer!
I'm not affiliated with Twitch. I wanted to improve my UX Design skills with this project.
▼ SUMMARY ▼
Out of six users I interviewed…
They would rather use Discord or Twitter for stream start times. But why?
What are the problems?
The feature is hidden behind a long time consuming process that must be repeated all channels.
High amounts of unrelated data results in long time to process the information to the user.
Elements don't align with timetables and poor visual hierarchy make it hard to read.
How was the problem solved?
The feature is hidden behind a long time consuming process that must be repeated all channels.
High amounts of unrelated data results in long time to process the information to the user.
Elements don't align with timetables and poor visual hierarchy make it hard to read.
User Opinions
0%
Prefer Twitch's solution
100%
Prefer the new concept
▼ // RESEARCH AND PROBLEM DEFINING // PHASE 01
First, I needed to determine if a redesign was needed - The process started by remotely interviewed six users who previously used the stream schedule.
Summary of interviewee opinions regarding the schedule.
Cognitive Overload
Data unrelated to schedule start times adds cognitive load. I found the data interviewees only need are the following:
Channel Name
Poor Findability
On average it takes 7 to 13 seconds to reach the schedule page.
The problem becomes exasperated when users need to repeat the process for EACH followed channel's schedule — an element interviewees say they need.
Poor Readability
Unaligned elements and poor visual hierarchy result in poor readability.
Time headers don't lineup with elements, making it difficult to interpret when streams start.
Small font size and gaps make content cards difficult to interpret.
▼ // PROBLEM DEFINING // PHASE 02
The current solution requires too much effort to find, read, and interpret. Furthermore, it fails to meet the users' needs. Users need to see all their Followed Channels as opposed to repeating the process.
Redesign Goals
The redesign needs to resolve the frustrations. However, the resolutions must be connected to the needs of the user as well.
Improve the readability and interpretability of the product.
Condense all Followed Channels into one schedule.
Improve findability and task flow.
▼ // IDEATION AND REITERATION // PHASE 03
Users spend the most time watching streams on Twitch. As a result, I went for a simplistic design prioritizing function over visuals.
Finding the best way to layout streams
▼ // FINAL SOLUTION // ▼
An all-in-one schedule
Welcome to the Upcoming Streams schedule
View the start times of your Followed Channels for a given day. You won't have to go through the hassle of searching through Twitter posts or Discord notifications for your favorite streamer.
PLEASE CHANGE THE SCHEDULE TO ADD SHANKS_TTV TO THE FOLLOWED CHANNELS IN THE MOCKUP SINCE HE'S NOT IN THE FOLLOWED WHEN YOU GET BACK
▼ // USER TESTING // PHASE 03
Ideally, I would test this this solution with Twitch's API to find problems and edge cases. Instead, I did A/B testing with a few users — to compare Twitch's solution vs the concept.
0%
Prefer Twitch's solution
100%
Prefer the new concept
Participant 1
Maybe you can add a timetable view like a Channel guide?
Participant 2
From dealbreaker to least annoying - what aspects turn you away from a presentation?
Participant 3
From dealbreaker to least annoying - what aspects turn you away from a presentation?
▼ // RESEARCH // PHASE 01
For Quotes or Summaries
Header H2
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
Header + List H2
Cons - H3
Pros- H3
Cons - H3
Pros- H3
List H3
Research H2
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
Research H2
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate