Interface Redesign of SOBS
Interaction Design/Product Design
Interaction Design/Product Design
Interaction Design/Product Design
Interaction Design/Product Design
Interaction Design/Product Design
Interaction Design/Product Design
Interaction Design/Product Design
Interaction Design/Product Design
Interaction Design/Product Design
Web Design
Designer(s)
Jessica Dou
Duration
11 Weeks
Recognitions
Streamlabs OBS
Streamlabs OBS is one of the most popular all-in-one open broadcaster software streaming programs that help streamers setup, run and manage their streams. Since their launch in 2014 they have become one of the most used OBS systems within the market of streaming. As the streaming industry grew alongside Streamlabs, more features were added to keep up with the industry as well as to enhance the user experience. However, as they were added, many parts of the user interface were not updated to optimize these new features nor the overall user experience. Thus creating growing pains in both the users interface and experience of the software. This redesign optimizes the overall user interface and experience of the software through reducing visual clutter, improving information organization as well as creating an easy flow for users to follow.
Dashbaord
Streamlabs OBS can be overwhelming at first glance, as it has many elements (sliders, buttons, pop-ups, tabs ect.) on the dashboard. This creates a larger learning curve for new users, especially with no tutorial or introduction to help guide them. By providing users with a cleaner and simpler interface, it will lower the steep learning curve of the application for both new and old users.
Settings
When setting up your stream layout and editing your overlays/features, many of the setting pages are overly complicated and cluttered. Elements within and across different features look too similar, which can be overwhelming and confusing. Including a consistent design language and hierarchy system within the setting pages creates a more user friendly experience for streamers on the application.
Overlay Edit
In the current Streamlabs application, users may only set up and edit their overlays via the dashboard. Although this does the job, the interactions and small editing preview makes it difficult for users to easily and accurately edit their overlays. This new feature allows users to focus on overlay editing with easy to navigate sources, a dot grid and easily accessible prime services to get their desired overlays hassle free!
